Loading...
Skip navigation
Please note that this documentation is for the most recent version of this extension. It may not be relevant for older versions. Related documentation can be found in the documentation directory of the extension.

Handle preview images

Put a check in the checkbox "Show in preview" (preview) to decide whether product images should be used in the list or in teasers, for example. This can be one or more images. The following variables can then be used in fluid:

  • {product.imagesPreviewOnly} - Returns all images marked as "Show in preview" (preview)
  • {product.imagesNonPreview} - Returns all images not marked as "Show in preview" (preview)

How to use:

<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

You can do the same thing with feature icons:

  • {product.featureIconsPreviewOnly} - Returns all images marked as "Show in preview" (preview)
  • {product.featureIconsNonPreview} - Returns all images not marked as "Show in preview" (preview)
Last change: 2026-08-25
Documentation
TYPO3 Shop Extension

TYPO3 Shop by coding.ms

An extensive shop for TYPO3 for realizing Webshops, Online-Shops or Payment-Subscriptions, comparable with tt_products, Cart or Aimeos. It includes PayPal, PayPal-Checkout, Klarna, Stripe, Bookmarks, UPS-API, invoice generation, a backend module, compare feature, graduated prices, plus product variants, filters, and tax and shipping logic for practical shop operations.

Menu

Contact request

You can contact us at any time

Stop! Playing in the meantime?
Stop! Playing in the meantime?
Stop! Playing in the meantime?

Stop! Playing in the meantime?

Break the highscore

Press Start
Contact request
Screenreader label
Security question
KO9_________EK8______
S______4______L___2UU
M2J___YBQ___O2Q______
__U____9____W_____DNF
ZQ4_________37D______
Dein Online-
Adventskalender
Entdecken →
Dein Online-
Adventskalender
Entdecken →