THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

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

Offline

#1 Zoom des images produit ?

(30-08-2023 13:26:55)

Bonjour,

Je suis à la recherche d’une fonction de zoom des images produit pour ma nouvelle boutique.
Si quelqu’un a déjà une solution opérationnelle pour thelia 2.4.5, je suis preneur smile

En vous remerciant par avance.
Bien cordialement

Offline

#2 Re: Zoom des images produit ?

(30-08-2023 14:50:07)

Rebonjour,

Après une installation de magiczoomplus, je n'arrive pas à changer la page produit pour permettre l'effet zoom des images produit sad
Quelqu'un pourrait me communiquer le code pour thelia 2.4.5 ?

Voici ci-dessous mon code source du lien image dans product.thml

{ifloop rel="image.main"}
                <figure class="product-image">
                    {loop type="image" name="image.main" product={$ID} width="560" height="445" resize_mode="borders" limit="1"}
                        <img src="{$IMAGE_URL nofilter}" alt="{$TITLE}" class="img-responsive" itemprop="image" data-toggle="magnify">
                    {/loop}
                </figure>
                {/ifloop}

Last edited by laurent (30-08-2023 15:13:54)

Offline

#3 Re: Zoom des images produit ?

(30-08-2023 15:10:59)

Re,

C'est bon, j'ai trouvé la solution dans la page product.html
Par contre dans le cas où le produit à plusieurs images, le changement d'image ne fonctionnent pas.
C'est l'image master qui reste affichée avec l'effet magiczoomplus ?

Voici le code que j'ai remplacé dans product.htlm

 {ifloop rel="image.main"}
                <figure class="product-image">
                    {loop type="image" name="image.main" product="{$ID}" width="560" height="445" resize_mode="borders" limit="1"}
                    <a href="{$ORIGINAL_IMAGE_URL }" class="MagicZoom">
                     <img src="{$IMAGE_URL}" alt="{$TITLE}" class="img-responsive" itemprop="image">{$ID}<!--</a>-->
                            <p class="text-center">{$TITLE}2</p>
                    {/loop}
                </figure>
                {/ifloop}

Je continue mes recherches pour trouver une solution d'affichage des autres images avec l'effet zoom sad