WebClient: Bilder zuschneiden wird nicht angezeigt

Zendesk API User

23. September 2014 12:46

Author: PBillhardt
Publication Date: 9/23/2014 12:46

Hallo zusammen,

wir haben auf einem FS 5.0.510 verschiedene Projekte in denen auch Bilder verwendet werden. Es splittet sich quasi in Intra- und Internetprojekte. Im Intranet werden bei Bildern im WebClient die Crop-Optionen beim Hovern unten rechts am Bild angezeigt, bei den Internetprojekten allerdings nicht. Die Funktion soll in den Internetprojekten identisch sein. Die Vorlage sieht wie folgt aus...

Absatzvorlage

Formular

<FS_REFERENCE name="st_banner" hFill="yes">
    <FILTER>
      <ALLOW type="media"/>
    </FILTER>
    <LANGINFOS>
      <LANGINFO lang="*" label="Image"/>
    </LANGINFOS>
    <PROJECTS>
      <LOCAL name=".">
        <SOURCES>
          <FOLDER name="root" store="mediastore"/>
        </SOURCES>
      </LOCAL>
    </PROJECTS>
  </FS_REFERENCE>

Ausgabekanal

Hier wird das Bild nochmal durch eine Rendervorlage geschickt, welches das fertige IMG-Element ausgibt.

Rendervorlage

Hier wird neben width, height und src (...) entsprechend für WebEdit das cms_value ausgeführt.

<!--
st_banner := Die Referenz
resolution := Gültiger Name einer Resolution
isWebEdit := true/false
-->
<img $CMS_IF(isWebEdit)$$CMS_VALUE(editorId(editorName:st_banner, resolution:resolution))$$CMS_END_IF$ ... />

Ausgabe im WebClient

Ich dachte erst das ich noch etwas einstellen müsste, aber die Einstellungen in den Projekten sind identisch. Weiß jemand was hier schief läuft? Langsam gehen mir die Ideen aus woran es liegen könnte.

Viele Grüße

Patrick Billhardt

Tags: bilder_zuschneiden, crop, image_crop, webclient, zuschneiden

Verknüpfung mit

Kommentare

7 Kommentare

Zendesk API User

23. September 2014 22:16
Author: mbergmann - 9/23/2014 22:16

Hallo Patrick,

mir fällt zumindest spontan auf, dass der Name der Eingabekomponente bei editorName nicht in Anführungszeichen steht.

Versuch es mal mit

editorId(editorName:"st_banner", ...)

Viele Grüße

Michael
0
Zendesk API User

24. September 2014 08:17
Author: PBillhardt - 9/24/2014 8:17

Hallo Michael,

ja klar, daran hat es gelegen. Und ich suche mir einen Wolf! Vielen Dank!

Viele Grüße

Patrick
0
Zendesk API User

24. September 2014 08:17
Author: marro - 9/24/2014 8:17

Hallo Patrick,

ich hab es gerade mal nachgestellt und kann Michaels Vermutung stützen: Setzt Du den Namen der Eingabekomponente in Anführungszeichen, wird als fs-editor-type der korrekte Wert FS_REFERENCE gesetzt und nicht CMS_MODULE. Dann wird auch die Option für den Bildzuschnitt angezeigt.

Viele Grüße

Donato
0

Zendesk API User

26. September 2014 08:48

Author: PBillhardt - 9/26/2014 8:48

Hallo zusamman,

mir ist noch ein Anwendungsfall aufgefallen, in dem das Symbol nicht angezeigt wird. Die Situation ist die selbe wie im Eingangspost beschrieben, allerdings hängt darüber noch ein weiterer Absatz mit einer FS_LIST. Der Absatz nutzt den Oben beschriebenen Absatz, um daraus einen Slider zusammen zu bauen. Hier resultiert folgende vereinfachte Ausgabe im WebClient:

<ul>

</ul>

</div>

Hier scheint kein Editor-Type-Attribut auf das Element geschrieben zu werden. Gibt es hierzu auch eine Lösung?

Viele Grüße

Patrick

Zendesk API User

23. Oktober 2014 16:24

Author: PBillhardt - 10/23/2014 16:24

Hallo zusammen,

Ich müsste hier nochmal nachhaken. Das Problem ist bisher noch nicht ganz gelöst, allerdings werden die Bilder jetzt richtig erkannt (FS_REFERENCE), nachdem ich dem editorId als attribut das Target meines aktuell durchlaufenen Elements gegeben habe. Es wird jetzt die Liste aus dem letzten Post, allerdings mit den unten angegebenen img-Einträgen generiert

<img fs-resolution="Keyvisual" fs-editor-type="FS_REFERENCE" fs-display-store="PAGE" fs-transfer-constraint="mfile=false&mpicture=true&hide=CS_D68ATASET&allow=MS_MED68IA&stype=MED68IA&multi=false&etype=&txt=false&up=false" fs-meta="false" fs-reload-preview="false" fs-revision="-1" fs-id="eyJpZCI6NTgzMjA4LCJzdG9yZSI6IlBBR0VTVE9SRSIsIm5vZGVzIjpbInN0X2Jhbm5lciJdfQ--" fs-has-actions="441714b20a8411fefd320d3ad56a8db5" fs-attrs="eyJsYW5ndWFnZUFiYnJldmlhdGlvbiI6IkVOIiwiY2hhbm5lbCI6MjM5NDgxLCJyZWxlYXNlIjpmYWxzZSwiYWN0aW9ucyI6WyI0NDE3MTRiMjBhODQxMWZlZmQzMjBkM2FkNTZhOGRiNSJdLCJpbmxpbmVFZGl0YWJsZSI6dHJ1ZX0-" fs-release="false" fs-inline-editable="true" fs-type="GADGET" src="/fs5webedit/preview/239478/media/EN/current/317918/Keyvisual/x.jpg" width="797" height="294" border="0" />

Mir ist aufgefallen, dass im HTML nicht wie bei anderen Bildern dieser Teil generiert wird von FirstSpirit:

<span class="fs-element-toolbar" fs-toolbar="true" style="right: 439px; top: 191px; display: none;">
     [...]
     <span class="fs-element-toolbar-actions">
        <span class="fs-element-toolbar-anchor">
            <span title="Keyvisual slideshow bearbeiten" fs-tooltip="easyEditSection" style="display: inline-block; line-height: 1px; cursor: pointer;">
                <img src="">
            </span>
        </span>
    </span>
</span>

Bei Bildern wo das Crop-Icon angezeigt wird, wird folgendes HTML generiert:

<span class="fs-element-toolbar" fs-toolbar="true" style="right: 457.5px; bottom: 241px; display: none;">
    [...]
    <span class="fs-element-toolbar-actions">
        <span class="fs-element-toolbar-anchor">
            <span title="Bildausschnitt bearbeiten" style="display: inline-block; line-height: 1px; cursor: pointer;">
                <img src="">
            </span>
        </span>
    </span>
</span>

Weiß jemand eine Lösung? Die Daten kommen aus einer FS_LIST (inline).

Viele Grüße

Patrick

Zendesk API User

6. November 2014 09:46
Author: marza - 11/6/2014 9:46

Hallo Patrick,

Wenn Du eine FS_LIST mit INLINE betreibst, dann referenzierst Du bestimmt ein weiteres (Section-) Template, oder ( <TEMPLATES source="sectiontemplates">)?

Bei mir sieht die Ausgabe der FS_LIST (st_pictures) mit INLINE-Datenquelle folgendermaßen aus:
```
$CMS_IF(!st_pictures.isEmpty)$
        <ul>
     $CMS_VALUE(st_pictures)$
        </ul>
$CMS_END_IF$
```
In der HTML-Ausgabe für ein "st_picture", also in dem in der FS_LIST referenzierten Template habe ich den Inline-Editor ganz klassisch im li-Tag, der den img-Tag umschließt, definiert:
```
$CMS_VALUE(editorId(editorName:"st_picture", resolution:"GALLERY_LIGHT"))$>
```
Das sollte auch mit dem IMG-Tag funktionieren.

Viele Grüße Marian
0
Zendesk API User

18. November 2014 10:39
Author: MichaelaReydt - 11/18/2014 10:39

Hallo Patrick,

benötigst du noch weitere Hilfe oder konnten dir die gegebenen Antworten bereits weiterhelfen? In diesem Fall wäre es nett, wenn du die "richtige Antwort" entsprechend markierst.

Solltest du zwischenzeitlich eine eigene Lösung gefunden haben, wäre es super, wenn du diese hier bereitstellst.

Viele Grüße

Michaela
0

Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.

Kommentare

Sie haben nicht gefunden, wonach Sie suchten?