Franz Holzinger

Verse of the day

denen Gott gewollt hat kundtun, welcher da sei der herrliche Reichtum dieses Geheimnisses unter den Heiden, welches ist Christus in euch, der da ist die Hoffnung der Herrlichkeit. Den verkündigen wir und vermahnen alle Menschen und lehren alle Menschen mit aller Weisheit, auf daß wir darstellen einen jeglichen Menschen vollkommen in Christo Jesu;
Kolosser 1:27-28

© Bible Gateway's Verse of the Day


autor  
16-04-21 19:52:55 Produkt-Bilder und Lightbox
Felix Pomplun
Hier ist für alle mein aktuelles TS für eine Lightbox in der Einzelansicht:

plugin.tt_products{
image{
titleText = TEXT
titleText.data = GP:tt_products|product
titleText.dataWrap = DB:tt_products:|:title
titleText.wrap3 = Hier der Bildtitel {|}
titleText.insertData= 1
altText >
altText = TEXT
altText.data = GP:tt_products|product
altText.dataWrap = DB:tt_products:|:title
altText.wrap3 = Hier der Alt-Text {|}
altText.insertData= 1
imageLinkWrap = 1
imageLinkWrap{
enable =1
typolink{
parameter.override.cObject = IMG_RESOURCE
parameter.override.cObject{
file.import.data = TSFE:lastImageInfo|origFile
file.maxH = 850
file.maxW = 1224
}
ATagParams = rel=""
ATagParams.override = class="lightcaseGallery" rel="lightbox" title="{page:title}" style="float:left;"
ATagParams.insertData = 1
wrap = <div class="gallery"><picture> | </picture> </div>
}



Meine Typo3 Instanz:
Typo3 10.4.15
tt_products 2.9.16
b3sbootstrap 4.5.6

Ich verwende hier die Lightbox 'Lightcase', die ist Bestandteil von b3sbootsprap Layout geliefert.

Danke für eure Kritik
fxp
10-03-22 17:38:35 All Lightbox
Franz Holzinger
Danke für diese Anleitung. Ich habe es nun abgeändert und außerdem tt_products 2.14.2 ein wenig korrigiert. Damit wird die Lightbox über die Extension ExtNsAllLightbox auch in der tt_products Produktlistenansicht angezeigt.


image {
params = class="image-embed-item" loading="lazy"
titleText.cObject = TEXT
titleText.cObject.value = ###PRODUCT_TITLE###
titleText.wrap = Bildtitel {|}
altText = TEXT
altText.cObject.value = ###PRODUCT_TITLE###
altText.cObject.wrap = Alt-Text {|}

imageLinkWrap >
imageLinkWrap = 1
imageLinkWrap {
enable = 1
JSwindow = 0
directImageLink = 1
linkParams.ATagParams {
dataWrap = title="###PRODUCT_TITLE###" rel='lightbox[grup{field:uid}]' data-title="###PRODUCT_TITLE###"
}
}
wrap = <figure class="image"> | </figure>
}


listImage < .image
listImage.file.maxW = {$plugin.tt_products.maxW_list}
listImage.file.maxH = {$plugin.tt_products.maxH_list}

< Zurück zum Forum