THELIA Forum

Welcome to the THELIA support and discusssion forum

Offline


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

Offline


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

Offline


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

Offline


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