Afficher qu'une image s'il n'y en n'a qu'une pour le carousel (Page 1) / Development / Thelia 2

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

gil
Membre

Registered: 17-03-2008
Posts: 225
FONTGUENAND (36)
Website

Offline

#1 Afficher qu'une image s'il n'y en n'a qu'une pour le carousel

(29-03-2018 07:48:54)

Bonjour,

Pour certains produits, il peut n'y avoir qu'une image.
Comment ne pas afficher le carousel dans c ecas ?
-> https://www.lapoteriefrancaise.com/tass … out-6.html

Voici mon code :

          <div class="single-zoom-thumb">
            <ul class="bxslider" id="gallery_01">
              {loop type="image" name="product.image.thumb" product=$product_id width=70 height=83 resize_mode="borders" limit=1}
              {loop type="image" name="product.image.thumbBig" width=450 height=450 resize_mode="borders" id=$ID source_id=$OBJECT_ID	source=$OBJECT_TYPE limit=1}
              {assign 'thumbBig' $IMAGE_URL}
              {/loop}              
              {loop type="image" name="product.image.thumbFull" width=1200 height=1200 resize_mode="borders" id=$ID source_id=$OBJECT_ID	source=$OBJECT_TYPE limit=1}
              {assign 'thumbFull' $IMAGE_URL}
              {/loop}                              
              <li>
                <a href="#" class="elevatezoom-gallery {if $LOOP_COUNT == 1}active{/if}" {if $LOOP_COUNT == 1}data-update=""{/if} data-image="{$thumbBig}" data-zoom-image="{$thumbFull}"><img src="{$IMAGE_URL}" alt="zo-th-1" /></a>
              </li>
              {/loop}
            </ul>
          </div>

Merci par avance.

Gil

Gil - Webmarketing - Photographe Google Street View

gil
Membre

Registered: 17-03-2008
Posts: 225
FONTGUENAND (36)
Website

Offline

#2 Re: Afficher qu'une image s'il n'y en n'a qu'une pour le carousel

(02-05-2019 17:03:30)

Après plusieurs essais, rien de concluant.

Pour résumer :
- Afficher les vignettes du Carousel si + d'une image
- Ne pas afficher sir 1 seule image.

Une petite aide à me fournir ?

Gil

Gil - Webmarketing - Photographe Google Street View

roadster31
Core Dev

Registered: 19-09-2009
Posts: 9,472
Toulouse
Website

Offline

#3 Re: Afficher qu'une image s'il n'y en n'a qu'une pour le carousel

(02-05-2019 17:09:39)

Tu peux compter le nombre d'images d'un produit comme ceci :

{$nombreImages = {count type="image" product=$product_id}}

Tu peux ensuite te servir de la variable $nombreImages pour customiser l'affichage :

{if $nombreImages == 1}
...
{else}
...
{/if}

OpenStudio Toulouse

gil
Membre

Registered: 17-03-2008
Posts: 225
FONTGUENAND (36)
Website

Offline

#4 Re: Afficher qu'une image s'il n'y en n'a qu'une pour le carousel

(02-05-2019 17:10:17)

Merci !!!! Quelle rapidité et quelle efficacité !!!

{$nombreImages = {count type="image" product=$product_id}}
{if $nombreImages > 1}

<div class="single-zoom-thumb " >
<ul class="bxslider" id="gallery_01">
{loop type="image" name="product.image.thumb" product=$product_id width=70 height=83 resize_mode="borders"}
{loop type="image" name="product.image.thumbBig" width=450 height=450 resize_mode="borders" id=$ID source_id=$OBJECT_ID source=$OBJECT_TYPE limit=1}
{assign 'thumbBig' $IMAGE_URL}
{/loop}              
{loop type="image" name="product.image.thumbFull" width=1200 height=1200 resize_mode="borders" id=$ID source_id=$OBJECT_ID source=$OBJECT_TYPE limit=1}
{assign 'thumbFull' $IMAGE_URL}
{/loop}                              
<li>
<a href="#" class="elevatezoom-gallery {if $LOOP_COUNT == 1}active{/if}" {if $LOOP_COUNT == 1}data-update=""{/if} data-image="{$thumbBig}" data-zoom-image="{$thumbFull}"><img src="{$IMAGE_URL}" alt="zo-th-1" /></a>
</li>
{/loop}
</ul>
</div>

{else}
{/if}

Une seule image -> https://www.lapoteriefrancaise.com/tass … out-6.html
Plusieurs images : https://www.lapoteriefrancaise.com/bolee-bzen.html

Last edited by gil (02-05-2019 17:21:31)

Gil - Webmarketing - Photographe Google Street View