Désactiver les deux zooms de la page produit | Astuce Prestashop 1.6

Ce tuto simple et rapide va vous permettre de désactiver les deux zooms de la page produit.

Cette astuce est valable Prestashop 1.6. Le code étant pratiquement similaire, ce tuto peut aussi s’appliquer à Prestashop 1.5

———————-

Sur la page produit, il existe deux types de zoom :

1) Le zoom « pop-up »

Désactiver les deux zooms de la page produit

2) Le zoom « Jqzoom »

Désactiver les deux zooms de la page produit

Si vous ne désirez pas avoir de zoom sur vos fiches produits voici la procédure :

1) Il faut s’assurer que le zoom JqZoom soit désactivé. Pour cela allez dans Préférences > Produits

Désactiver les deux zooms de la page produit

2) Ouvrez le fichier product.css qui se situe dans thèmes>nomdevotrethème>css>product.css

A la ligne css   .pb-left-column #image-block #view_full_size .span_link, ajoutez le code suivant  : visibility:hidden

—> Ce qui donne si je prends le thème par défaut :

3) Maintenant  ouvrez le fichier product.js qui se situe dans thèmes>nomdevotrethème>js>product.js

Supprimer ou mettre le code suivant en commentaire

4) On va aussi supprimer le « Agrandir la photo » qui ne sert plus à rien

Ouvrez le fichier product.tpl qui se situe dans thèmes>nomdevotrethème

Supprimer ou mettre le code suivant en commentaire

Et voilà, retournez sur votre fiche produit, rafraichir le zoom est désactivé. il sera peut-être nécessaire de rafraichir le cache de Prestashop

Articles similaires

Connaître les modules de la page d’accueil | Astuce Prestashop 1.6
views 17272
Vous avez installé votre boutique Prestashop 1.6 et désirez modifier votre page d'accueil ? Ce petit tuto va vous aider à le faire en indiquant le nom du module que vous devez utiliser pour modifier votre slider, votre menu.... Ils sont facilement accessibles depuis votre back-office PrestaShop en cliquant sur l’onglet « Modules et services ». Si vous désirez aussi modifier le fichier tpl ou cs...
Ajouter un fichier audio sur les page cms | Astuce Prestashop 1.6
views 1066
Vous avez peut-être essayé d'insérer un fichier audio dans vos pages cms mais sans succès ? Voici un petit tuto rapide (3 étapes) qui vous le permettra Étape 1 : Ouvrir le fichier config.php dans admin/filemanager/config/config.php Remplacer le code suivant Par Étape 2 : Allez dans le dossier  admin/filemanager. Ici on va s'occuper de deux fichiers : plugin.min.js et plugin.js ...
Vider le cache dans Prestashop 1.6 et Prestashop 1.7
views 28027
Pourquoi vide t-on le cache dans Prestashop ?  Lorsque vous modifiez des codes dans prestashop pour améliorer par exemple le thème graphique, il se peut que vous ne  visualisez pas ces changements dans le front-office. Il faut savoir que par défaut, Prestashop a activé le cache qui garde en mémoire tous les paramètres et la mise en forme de votre site. Il est donc nécessaire de purger c...
L’Affichage des colonnes | Astuce Prestashop 1.6
views 2171
La dernière version de Prestashop (1.6) permet de gérer plus facilement l'affichage de la colonne de droite ou de gauche et de choisir sur quelles pages les afficher directement depuis le back-office. Où configure t-on l'affiche des colonnes  dans le back office de Prestashop ?  Allez dans l'onglet Préférences > Thèmes cliquez sur le lien Paramètres avancés du thème actif sur votre boutique. ...
15% de réduction pour tous les produits de la boutique | Astuce Prestashop 1.6
views 1907
Vous désirez mettre en place une campagne de promotion :  15% de réduction pour tous les produits de la boutique Il est très facile de configurer ce cas de figure dans Prestashop Comment mettre en place cette promotion dans le back-office de Prestashop  ?  A) Connectez-vous au back-office de Prestashop B) Allez dans l'onglet Promotions > Règles Paniers C) Configurer les infor...

11 réponses à “Désactiver les deux zooms de la page produit | Astuce Prestashop 1.6”

  1. Sylvain dit :

    Merci c’est exactement ce qu’il me fallait.

  2. nicolas wallerand dit :

    Bonjour

    Merci 🙂

    Sur la 1.6 on peut aussi mettre le code en commentaire :
    .pb-left-column #image-block /*cursor: pointer;*/

  3. Fred dit :

    Bonjour,

    Merci, c’est exactement ce que je voulais!!!
    Par contre, c’est génial pour l’image principale, oui, mais qu’en est-il des autres images lorsque le produit en a plusieurs ? Si on clique sur une miniature, la pop-up de zoom s’ouvre…
    Une modif dans le fichier product.tpl ou le js ?

    Cordialement,
    Fred

  4. c_majory dit :

    Bonjour,

    Pour éviter le zoom sur les autres images, tous ceux passent dans le fichier product.js

    Remplacer ce code (vers la ligne 145):


    //hover 'other views' images management
    $('#views_block li a').hover(
    function(){displayImage($(this));},
    function(){}
    );

    Par

    //click 'other views' images management
    $('#views_block li a').click(function(e){
    e.preventDefault();
    displayImage($(this));
    });

    Et mettre cette partie en parenthèse (vers la ligne 214)

    /*if (!!$.prototype.fancybox)
    $('li:visible .fancybox, .fancybox.shown').fancybox({
    'hideOnContentClick': true,
    'openEffect' : 'elastic',
    'closeEffect' : 'elastic'
    });*/

  5. Fred dit :

    Génial merci beaucoup!!
    Je me doutais que c’était par là mais j’avais juste réussi à désactiver le changement de vue, ce que je voulais pas non plus…
    Je vais tester ça un peu plus tard!

  6. Fred dit :

    Bonjour,
    Je n’ai pas réussi à empêcher l’ouverture de la pop-up du zoom, et en mettant la partie la partie que vous citez en commentaires, la pop-up s’ouvre quand même mais juste sans l’effet d’entrée et de sortie….
    La seule chose qui pourrait expliquer ça, à mon avis, serait dans la différence du fichier js…. J’ai pas le même.
    Voilà ce que j’y trouve:
    //hover ‘other views’ images management
    $(document).on(‘mouseover’, ‘#views_block li a’, function(){
    displayImage($(this));
    });
    Votre version:
    //click ‘other views’ images management
    $(‘#views_block li a’).click(function(e){
    e.preventDefault();
    displayImage($(this));
    });
    Je pense que je vais abandonné pour l’instant, à moins que vous n’ayez une idée…
    Cordialement,
    Fred

  7. c_majory dit :

    Bonjour,

    Ah oui ils ont changé les codes dans la dernière version.

    Dans ce cas :

    Remplacer (vers la ligne 170)


    if (typeof(contentOnly) !== 'undefined')
    {
    if (!contentOnly && !!$.prototype.fancybox) {
    $('li:visible .fancybox, .fancybox.shown').fancybox({
    'hideOnContentClick': true,
    'openEffect' : 'elastic',
    'closeEffect' : 'elastic'
    });
    }
    else if (contentOnly) {
    $('#buy_block').attr('target', '_top');
    }
    }

    Par


    if (typeof(contentOnly) != 'undefined' && !contentOnly)
    {
    /*if (!!$.prototype.fancybox)
    $('li:visible .fancybox, .fancybox.shown').fancybox({
    'hideOnContentClick': true,
    'openEffect' : 'elastic',
    'closeEffect' : 'elastic'
    });*/
    }

    else
    {
    $(document).on('click', '.fancybox', function(e){
    e.preventDefault();
    });

    $(document).on('click', '#image-block', function(e){
    e.preventDefault();
    var productUrl = window.document.location.href + '';
    var data = productUrl.replace('content_only=1', '');
    window.parent.document.location.href = data;
    return;
    });
    }

    if (typeof ajax_allowed != 'undefined' && !ajax_allowed)
    $('#buy_block').attr('target', '_top');

    Puis remplacer


    $(document).on('mouseover', '#views_block li a', function(){
    displayImage($(this));
    });

    Par


    $(document).on('click', '#views_block li a', function(e){
    e.preventDefault();
    displayImage($(this));
    });

  8. Fred dit :

    Merci pour votre réactivité!!
    J’ai testé, mais malheureusement sans résultat. Pour l’image principale, c’est ok, par contre avec ce code pour les miniatures, elles ne sont du coup plus visualiser dans le cadre de l’image principale au passage de la souris, et au clique plus de pop-up, par contre l’image s’affiche toute seule en grand, et lien de la barre d’adresse donne l’emplacement de l’image.
    En tout cas merci pour vos réponses.
    Cordialement,
    Fred

  9. Bob Bedford dit :

    La solution de c_majory du 9 mai a fonctionné sur 1.6.1.4

    Merci beaucoup à tous pour l’article et les commentaires !!!

  10. Caroline dit :

    merci pour ce tuto. Mais pour 1.7, je ne vois plus le réglage jqzoom dans le BO ?? ça n’existe plus ? Merci

  11. c_majory dit :

    comme bcp de choses dans la version 1.7 l’option a été supprimée

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *