Rühme dich nicht des morgenden Tages; denn du weißt nicht, was heute sich begeben mag.
Sprueche 27:1
autor | |
5-06-22 16:44:01 | Fancybox - Lightbox unter TYPO3 11 |
Björn Hahnefeld |
Wenn jemand von euch die FancyBox benutzen möchte, dann sind unter Umständen kleine Änderungen am TS nötig. so jedenfalls war es bei mir. Dieses Snippet sollte jedenfalls helfen, dass Ihr die FancyBox mit tt_products nutzen könnt incl. Lazy Loading: -- plugin.tt_products { image { altText > altText = TEXT altText.field = title titleText > titleText = TEXT titleText.field = title imageLinkWrap { JSwindow = 0 directImageLink = 1 linkParams.ATagParams.dataWrap = class="fancybox" data-fancybox="gallery" data-caption="{field:title}" width = 350px height = 437px } params = loading="lazy" } listImage = IMG_RESOURCE marks { main_image = COA main_image { 10 = TEXT 10.value ( ###FILE### ) } } marks { lazy_loading = COA lazy_loading { 10 = TEXT 10.value ( <img src="###FILE###" alt="###PRODUCT_TITLE###" title="###PRODUCT_TITLE###" width="200" height="250"loading="lazy" /> ) stdWrap.wrap = <a href="###FILE###" class="fancybox" data-fancybox="gallery" data-caption="###PRODUCT_TITLE###">|</a> } } basketImage { altText > altText = TEXT altText.field = title titleText > titleText = TEXT titleText.field = title imageLinkWrap { JSwindow = 0 directImageLink = 1 linkParams.ATagParams.dataWrap = class="fancybox" data-fancybox="gallery" data-caption="{field:title}" width = 350px height = 437px } params = loading="lazy" } } -- |
20-06-22 15:39:12 | Fancybox - Lightbox unter TYPO3 11 |
Matthias Schmidt |
Hallo Björn, vielen Dank für den Skript, das hat mir sehr geholfen. Allerdings bekomme ich in der Listenansicht nur noch die Pfade zu den Bildern angezeigt. In der Detailansicht funktioniert es wunderbar. Ich bin für jeden Tip dankbar! |
21-06-22 00:09:35 | ###FILE### |
Björn Hahnefeld |
Wo kann man sich denn das ansehen, Matthias? Generell ist es ja so, dass ich den Marker ###FILE### selbst eingefügt habe auf den Übersichtsseiten. Ist das bei dir auch so oder nutzt du einen anderen Standard-Marker? |
16-09-22 09:48:41 | Listenansicht |
Claus Fassing |
Das funktioniert bei uns ebenfalls nicht in der Listenansicht. Der Bereich im Template bei uns: <!--###LINK_ITEM###-->###PRODUCT_IMAGE###<!--###LINK_ITEM###--> demnach verwende ich den Marker ###PRODUCT_IMAGE### im TS, aber das scheint nicht aufgelöst zu werden. Es wird lediglich der Pfad ausgegeben wie das schon Matthias Schmidt erwähnt hat. |
16-09-22 11:50:24 | Marker evtl. falsch |
Björn Hahnefeld |
Ich habe folgenden Quelltext in der Listenansicht: -- <div class="product_image_list"> ###LAZY_LOADING###<!-- ###PRODUCT_IMAGE### --> </div> -- Allerdings nutze ich ja abweichend einen anderen Marker wegen dem Lazy Loading. Hier kann ich euch ja auch das TS-Snippet nutzen. Es unterschiedet sich bei mir im Wesentlichen durch ein kleines Tag. |
16-09-22 15:11:18 | Marker |
Claus Fassing |
Wir haben nicht viele Bilder in der jeweiligen Ansicht, so das ein lazyx loading nicht notwendig ist. Wie müsste der TS Eintrag denn aussehen mit dem Marker den wir verwenden und ohne lazyx loading? Oder anders gefragt. Grundsätzlich funktioniert auch der Eintrag mit linkParams.ATagParams.dataWrap Das einzige was uns fehlt, ist die Breite und Höhe des Bildes. Gibt es dazu eine Idee wie man diese nun bekommen könnte? Im imageLinkWrap Object komme ich da nicht ran, oder? |
16-09-22 18:33:39 | Marker Feststellung |
Franz Holzinger |
Die zur Verfügung stehenden Marker lassen sich einfach durch eine Debug Anweisung feststellen. tt_products/view/field/class.tx_ttproducts_field_media_view.php Zeile 1029: debug ($markerArray, 'tx_ttproducts_field_media_view::getRowMarkerArray ENDE $markerArray'); ###PRODUCT_IMAGE1_SIZE### Integer 38392 ###PRODUCT_IMAGE1_ATIME### Integer 1628076257 ###PRODUCT_IMAGE1_MTIME### Integer 1593716266 ###PRODUCT_IMAGE1_CTIME### Integer 1628087636 ###PRODUCT_IMAGE1_MIMETYPE### image/jpeg ###PRODUCT_IMAGE1_NAME### 40034524_rot.jpg ###PRODUCT_IMAGE1_EXTENSION### jpg ###PRODUCT_IMAGE1_IDENTIFIER### /user_upload/40034524_rot.jpg ###PRODUCT_IMAGE1_IDENTIFIER_HASH### 305794a1255e82a19b85432838298dbe1a20ace8 ###PRODUCT_IMAGE1_STORAGE### Integer 1 ###PRODUCT_IMAGE1_FOLDER_HASH### 19669f1e02c2f16705ec7587044c66443be70725 ###PRODUCT_IMAGE1_TITLE### ###PRODUCT_IMAGE1_WIDTH### Integer 640 ###PRODUCT_IMAGE1_HEIGHT### Integer 640 ###PRODUCT_IMAGE1_DESCRIPTION### ###PRODUCT_IMAGE1_ALTERNATIVE### ###PRODUCT_IMAGE1_UID### 15 ###PRODUCT_IMAGE1_PID### 4 ###PRODUCT_IMAGE1_TSTAMP### 1614239380 ###PRODUCT_IMAGE1_CRDATE### 1614239380 ###PRODUCT_IMAGE1_CRUSER_ID### 0 ###PRODUCT_IMAGE1_DELETED### 0 ###PRODUCT_IMAGE1_HIDDEN### 0 ###PRODUCT_IMAGE1_SYS_LANGUAGE_UID### 0 ###PRODUCT_IMAGE1_L10N_PARENT### 0 ###PRODUCT_IMAGE1_L10N_STATE### ###PRODUCT_IMAGE1_L10N_DIFFSOURCE### ###PRODUCT_IMAGE1_T3VER_OID### 0 ###PRODUCT_IMAGE1_T3VER_ID### 0 ###PRODUCT_IMAGE1_T3VER_LABEL### ###PRODUCT_IMAGE1_T3VER_WSID### 0 ###PRODUCT_IMAGE1_T3VER_STATE### 0 ###PRODUCT_IMAGE1_T3VER_STAGE### 0 ###PRODUCT_IMAGE1_T3VER_COUNT### 0 ###PRODUCT_IMAGE1_T3VER_TSTAMP### 0 ###PRODUCT_IMAGE1_T3VER_MOVE_ID### 0 ###PRODUCT_IMAGE1_UID_LOCAL### 42 ###PRODUCT_IMAGE1_UID_FOREIGN### 40034527 ###PRODUCT_IMAGE1_TABLENAMES### tt_products ###PRODUCT_IMAGE1_FIELDNAME### image_uid ###PRODUCT_IMAGE1_SORTING_FOREIGN### 0 ###PRODUCT_IMAGE1_TABLE_LOCAL### sys_file ###PRODUCT_IMAGE1_LINK### ###PRODUCT_IMAGE1_CROP### ###PRODUCT_IMAGE1_AUTOPLAY### 0 ###PRODUCT_IMAGE1_TX_TTPRODUCTS_AUTHOR### ###PRODUCT_IMAGE1_TX_TTPRODUCTS_STARTPOINT### ###PRODUCT_IMAGE1_TX_TTPRODUCTS_ENDPOINT### ###PRODUCT_IMAGE1_TX_TTPRODUCTS_PRICE_ENABLE### 0 ###PRODUCT_IMAGE1_TX_TTPRODUCTS_PRICE### 0.00 ###PRODUCT_IMAGE1_SHOWINPREVIEW### 0 |
15-12-22 15:16:39 | Marker werden nicht aufgelöst. |
Claus Fassing |
Auch wenn ich mir die Marker ausgeben lasse, kann ich diese nur in dem HTML Template einsetzen, aber im TypoScript am 'listImage' gesetzt werden sie nicht aufgelöst, aber genau da würde ich sie benötigen um die Werte für Höhe und Breite auslesen zu können. Das TypoScript Beispiel für listImage von Björn Hahnefeld funktioniert bei mir im TYPO3 11 nicht. Ich bin mir auch nicht sicher ob es konkret am Marker liegt, denn der img Tag der dort angegeben wird, kommt im Frontend erst gar nicht an. Welche Möglichkeiten bestehen hier noch? |
15-12-22 19:51:48 | Beispiel |
Franz Holzinger |
Nennen Sie ein Beispiel Setup, in welchem die Marker nicht ersetzt werden. |
16-12-22 13:13:34 | imageLinkWrap |
Claus Fassing |
Einfach das imageLinkWrap Setup was Björn Hahnefeld am 05.06. hier gepostet hat. Siehe oben. Mich irritiert daran allerdings das es eine Zuweisung auf listImage = IMG_RESOURCE gibt, diese aber im weiteren Verlauf nicht verwendet wird. Möglich auch, das zu diesem Setup der Marker im HTML Template nicht passt. Dies ist bei uns ###PRODUCT_IMAGE### |
16-12-22 14:54:15 | listImage |
Franz Holzinger |
Es ist egal, was in der Zuordnung zu listImage steht. Es wird intern immer 'IMAGE' für die Erzeugung der Bilder HTML Codes verwendet. Die Datei kann allerdings über GIFBUILDER erzeugt werden. Ich kann mir nicht erklären, warum die Marker bei Ihnen nicht ersetzt werden. Besorgen Sie zunächst eine aktuelle Version von tt_products. Gibt es einen Eintrag in der PHP error_log Datei? |
< Zurück zum Forum |