Skip to main navigation Skip to main content Skip to page footer

Arbeiten mit Vorschau-Bildern

Die Produkt-Bilder können mit der Checkbox "In Vorschau darstellen" (preview) markiert werden, um zu entscheiden ob diese bspw. in der Liste oder auch in Teasern verwendet werden sollen. Dies können ein oder mehrere Bilder sein. Für die Verwendung im Fluid können dann folgende Variablen genutzt werden:

  • {product.imagesPreviewOnly} - Gibt alle Bilder zurück, welche mit "In Vorschau darstellen" (preview) markiert sind
  • {product.imagesNonPreview} - Gibt alle Bilder zurück, welche nicht mit "In Vorschau darstellen" (preview) markiert sind

Verwendung:

<f:for each="{product.imagesPreviewOnly}" as="image" iteration="imageIteration">
    <f:if condition="{imageIteration.isFirst}">
        <f:then>
            <f:image image="{image}" class="first"
                     width="{settings.list.image.width}" height="{settings.list.image.height}"
                     alt="{product.title}" title="{product.title}" />

        </f:then>
        <f:else>
            <f:image image="{image}" class="non-first"
                     width="{settings.list.image.width}" height="{settings.list.image.height}"
                     alt="{product.title}" title="{product.title}" />
        </f:else>
    </f:if>
</f:for >

Feature-Icons

Die gleiche Funktion gibt es für die Feature-Icons:

  • {product.featureIconsPreviewOnly} - Gibt alle Bilder zurück, welche mit "In Vorschau darstellen" (preview) markiert sind
  • {product.featureIconsNonPreview} - Gibt alle Bilder zurück, welche nicht mit "In Vorschau darstellen" (preview) markiert sind
Dokumentation

TYPO3 Shop

Diese Erweiterung ist eine umfangreiche Shop-Erweiterung für TYPO3 zur Umsetzung von Webshops, Online-Shops oder Abo-Systemen (vergleicbar mit tt_products, Quick-Shop oder Aimeos).

Menü
Warenkorb 0 Produkte

Dieses Demo wurde gebaut mit*

EXT:bootstrap_package für das Site-Package aka Theme basierend auf Bootstrap 5.

EXT:modules für Benutzer-Plugins wie Benutzerprofile, Registrierung, Benutzeradressen und mehr.

EXT:shop für die gesamte Shop-Funktionalität.

EXT:questions für die FAQ-Seite und die in den Produktdetailseiten verlinkten FAQs.

EXT:glossaries für die Glossare und Definitionen.

EXT:fluid_fpdf zur Erstellung von Rechnungen, Lieferscheinen, Produktblättern und mehr.

EXT:parsedown_extra zum Rendern der Erweiterungsdokumentation von Markdown in HTML.

* Es wurden ausschließlich integrierte Einstellungen mit site-settings & TypoScript vorgenommen – keine Templates oder andere Dateien wurden geändert oder überschrieben!