Hallo zusammen
Ich habe Templates bei denen funktioniert die Darstellung des Bildzuschnitt-Icon im CC.
Nur bei dem einen Template nicht.
TEMPLATE FORM:
<FS_REFERENCE name="st_image" allowEmpty="yes" hFill="yes" sections="yes" upload="yes" useLanguages="no">
<FILTER>
<ALLOW type="picture"/>
</FILTER>
<LANGINFOS>
<LANGINFO lang="*" label="Image"/>
<LANGINFO lang="DE" label="Bild"/>
</LANGINFOS>
<PROJECTS>
<LOCAL name=".">
<SOURCES>
<FOLDER name="root" store="mediastore"/>
</SOURCES>
</LOCAL>
</PROJECTS>
</FS_REFERENCE>
TEMPLATE HTML:
<CMS_HEADER>
</CMS_HEADER>
$CMS_IF(!st_list.isEmpty())$
$CMS_RENDER(template:"section_container_start", pa_introtext: st_introtext, pa_fieldName: "st_introtext")$
<div class="organism-inline-gallery $CMS_VALUE(set_styleModifier, default:"")$" data-initial-rows="$CMS_VALUE(st_initialRows)$" $CMS_IF(#global.preview && #global.node.content2Params.isEmpty())$ $CMS_VALUE(editorId())$$CMS_END_IF$>
<div class="gallery-items">
$CMS_FOR(item, st_list)$
<div class="gallery-item" data-layout-width="$CMS_VALUE(item.item.st_width, default:12)$"
<script type="text/html" class="lazy-content">
$CMS_RENDER(
template:"content_image",
pa_image:item.item.st_image,
pa_image_editorName: "st_image",
pa_entity: item.item,
pa_imageResolutionDesktop: "inlineGallery"+ item.item.st_width.value +"Desktop",
pa_imageResolutionTablet:"inlineGallery"+ item.item.st_width.value +"Tablet",
pa_imageResolutionMobile:"inlineGallery"+ item.item.st_width.value +"Mobile",
pa_caption: "",
pa_styleModifier:"gallery-image"
)$
</script>
$CMS_IF(!item.item.st_imageCaption.isEmpty())$
<div class="gallery-item-caption">$CMS_VALUE(item.item.st_imageCaption.replace("\n","<br>"))$</div>
$CMS_END_IF$
</div>
$CMS_END_FOR$
</div>
$CMS_IF(!st_showLoadMore.isEmpty() && st_showLoadMore)$
<div class="gallery-functions">
$CMS_SET(set_tokenLoadAllGalleryItems)$
$CMS_RENDER(template:"get_translation", pa_key: "gallery_load_all", pa_wrapper: "hide")$
$CMS_END_SET$
<button class="atom-load-more-button load-all-button"><span class="caption">$CMS_VALUE(set_tokenLoadAllGalleryItems)$</span><span class="icon"></span><span class="loading-animation"></span></button>
</div>
$CMS_END_IF$
</div>
$CMS_RENDER(template:"section_container_end")$
$CMS_END_IF$
DEBUG-1: "-[placeholder:MEDIASTORE_LEAF]@48ecbe67-"
DEBUG-2: "-st_image-"
RENDER:
$--
PARAMETER
Image: pa_image -> fs_reference
Resolution desktop: pa_imageResolutionDesktop -> String
Resolution tablet: pa_imageResolutionTablet -> String
Resolution mobile: pa_imageResolutionMobile -> String
Caption: pa_caption -> String
StyleModifier: pa_styleModifier -> String
SVG: pa_svg -> String
EXAMPLE CALL
$CMS_RENDER(
template:"content_image",
pa_image:pa_image,
pa_image_editorName: "st_image",
pa_entity: fr_contact.getEntity(),
pa_view: "lj_t_contact",
pa_imageResolutionDesktop:pa_imageResolutionDesktop,
pa_imageResolutionTablet:pa_imageResolutionTablet,
pa_imageResolutionMobile:pa_imageResolutionMobile,
pa_caption:pa_caption,
pa_styleModifier:pa_styleModifier,
pa_svg: pa_svg
$CMS_VALUE(editorId(entity: #row, view:"news", editorName:"image", resolution:"landscape,square"))$>
)$
--$
$--
$CMS_IF(#global.preview)$
DEBUG-1: "-$CMS_VALUE(pa_image)$-"<br/>
DEBUG-2: "-$CMS_VALUE(pa_image_editorName)$-"<br/>
$CMS_END_IF$
--$
$CMS_IF(!pa_image.isEmpty)$
$CMS_IF(!pa_caption.isEmpty || !pa_svg.isEmpty())$
<figure class="atom-content-image $CMS_IF(!pa_svg.isEmpty())$ $CMS_IF(!pa_styleModifier.isEmpty)$ $CMS_VALUE(pa_styleModifier)$ $CMS_END_IF$$CMS_END_IF$">
$CMS_END_IF$
<picture $CMS_IF(pa_caption.isEmpty)$$CMS_IF(pa_svg.isEmpty())$class="atom-content-image $CMS_IF(!pa_styleModifier.isEmpty)$ $CMS_VALUE(pa_styleModifier)$ $CMS_END_IF$"$CMS_END_IF$ $CMS_END_IF$>
<source srcset="$CMS_REF(pa_image, resolution:pa_imageResolutionDesktop)$" media="(min-width: 1024px)"/>
<source srcset="$CMS_REF(pa_image, resolution:pa_imageResolutionTablet)$" media="(min-width: 640px)"/>
<img $CMS_IF(!pa_image_editorName.isEmpty())$
$CMS_VALUE(editorId(
entity:pa_entity,
view:pa_view,
editorName:pa_image_editorName,
resolution:[
pa_imageResolutionDesktop,
pa_imageResolutionTablet,
pa_imageResolutionMobile
],
reloadPreview:true))$
$CMS_END_IF$
srcset="$CMS_REF(pa_image, resolution:pa_imageResolutionMobile)$"
src="$CMS_REF(pa_image, resolution:pa_imageResolutionMobile)$"
alt="$CMS_RENDER(template: "alt_text", pa_imageObject: pa_image)$"
/>
</picture>
$CMS_IF(!pa_caption.isEmpty)$
<figcaption>$CMS_VALUE(pa_caption)$</figcaption>
</figure>
$CMS_END_IF$
$CMS_ELSE$
$-- <p>No image available</p> --$
$CMS_END_IF$
Danke für einen Tipp und Grüsse
Thomas
