Manu-41 Posted October 5, 2023 Share Posted October 5, 2023 Bonjour, sur Ps 1.7 je voudrais afficher la 2ᵉ image du produit (sur la fiche produit), et s'il n'y a pas de 2ᵉ image, alors afficher la première. J'ai ce code dans mon tpl {foreach from=$product.images item=image} <div class="cz-preview-item{if $image.id_image == $product.cover.id_image || count($product.images) == 1 || $set_first_img} active{/if}" id="image-{$image.id_image|escape:'htmlall':'UTF-8'}"> <img class="cz-image-zoom" src="{$image.bySize.medium_default.url|escape:'htmlall':'UTF-8'}" alt="{if !empty($image.legend)}{$image.legend|escape:'htmlall':'UTF-8'}{else}{$product.name|escape:'htmlall':'UTF-8'} - {$product->category}{/if}" width="{$image.bySize.medium_default.width|escape:'htmlall':'UTF-8'}" height="{$image.bySize.medium_default.height|escape:'htmlall':'UTF-8'}" data-zoom="{$image.bySize.large_default.url|escape:'htmlall':'UTF-8'}"> {*<div class="cz-image-zoom-pane"></div>*} </div> {$set_first_img = false} {/foreach} une aide sur comment faire ?, car je ne trouve pas d'infos. Merci pour votre aide. Link to comment Share on other sites More sharing options...
Manu-41 Posted October 6, 2023 Author Share Posted October 6, 2023 Personne pour m'aider ? ;-( Link to comment Share on other sites More sharing options...
AfterGlow93 Posted October 6, 2023 Share Posted October 6, 2023 11 hours ago, Manu-41 said: Personne pour m'aider ? ;-( Bonsoir, Une boucle foreach effectue une itération de chaque liste d'images produit (variable $product.images) en assignant chaque image a la variable $image (dans la boucle). Une boucle comprend forcément un index puisque c'est une itération. Pour appeler la première image, il suffit d'appeler la première variable $image soit $image[0]. Pour appeler la seconde, c'est $image[1]. Il suffit d'ajouter les conditions pour afficher cette image dans la boucle et d'appeler celle-ci (URL image). Pour déterminer si le produit a une ou plusieurs images, il suffit d'utiliser : count($product.images) qui comptera le nombre d'images, et le comparer selon ce qu'on veut faire derrière. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now