Skip to Content
Menú
This question has been flagged
1 Respondre
481 Vistes

Bonjour à tous,


Je rencontre un problème avec le zoom sur les images dans Odoo 17. Actuellement, le zoom ne fonctionne pas sur les images de produits sur les appareils mobiles et desktop. J'ai essayé d'ajouter des balises meta et des styles CSS dans le fichier de mise en page HTML principal, mais cela n'a pas résolu le problème. De plus, lorsque j'ajoute un script JavaScript, cela perturbe l'ensemble du site.


Voici ce que j'ai essayé jusqu'à présent :

1. Ajouté les balises meta pour le zoom dans la vue héritée `web.layout`.

2. Ajouté des styles CSS pour permettre le zoom.

3. Ajouté un script JavaScript pour activer le zoom.


Voici le code XML que j'ai utilisé :


```xml

   

       

           

               

           

           

               

                    img {

                        touch-action: manipulation;

                        width: 100%;

                    }

                    body {

                        -ms-touch-action: auto;

                        touch-action: auto;

                    }

               

           

           

               

                    document.addEventListener('DOMContentLoaded', function () {

                        var imgs = document.querySelectorAll('img');

                        imgs.forEach(function (img) {

                            img.style.touchAction = 'auto';

                        });

                        document.body.style.touchAction = 'auto';

                    });

               

           

       

   

```


Malgré ces modifications, le zoom reste désactivé. Si quelqu'un a déjà rencontré ce problème ou a des suggestions sur la façon de le résoudre, votre aide serait grandement appréciée.


Merci d'avance pour votre aide !



Avatar
Descartar
Best Answer

Je n'ai pas ta version de Odoo, mais tu peux essayer les pas suivants:

  1. aller dans la page web
  2. choisir un produit pour voir sa page de détails
  3. appuyer en haut à gauche pour éditer cette page avec le website builder
  4. appuyer sur l'image du produit
  5. sur la droite dans le menu, activer l'option de zoom et choisissez la modalité

garder les changements.
a partir de la ce sera appliqué sur tous les produits.

Le zoom devrait fonctioner.

testé sur la v18 (mais ce devrait etre dispo sur les precedentes aussi v16 et v17, avant je ne sais pas....)


Bonne Chance

Avatar
Descartar