Sarrah 1 Posted March 5, 2019 salut, aider moi svp, je voudrais désactiver la fenêtre de produit qui s'affiche lorsque je clic sur un miniature d'un produit, au moins je voudrais le désactiver en mode téléphone ou tablette ... remarque je voudrais que l'option jqZoom sois désactivé: Share this post Link to post Share on other sites
Eolia 3,110 Posted March 5, 2019 dans le product.tpl de votre thème, supprimez cette partie: data-fancybox-group="other-views" class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"{/if} Share this post Link to post Share on other sites
Sarrah 1 Posted March 5, 2019 (edited) Il y a 2 heures, Eolia a dit : dans le product.tpl de votre thème, supprimez cette partie: data-fancybox-group="other-views" class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"{/if} quand j'enlève cette partie de code, l'image s'affiche en plein écran, et ce que je veux que lorsque je clic sur la miniature rien ne se passe, déja lorsque je survolle l'image de galerie se change donc j'ai pas besoin d'autre action... j'ai déja joué sur cette partie mais sans vain... je pense que la solution dans ce fichier jquery.fancybox.js , j'ai effacé les classe qui ont une relation avec la fenêtre Fancybox, ça marché mais j'ai constaté que les messages d'erreur ne s'affiche plus, exemple fenêtre de "produit n'est plus en stock" ou "quantité insuffisant" .... je dois chercher l’événement clic qui donne l'action de l'afichage de cette fenêtre je demande votre aide svp j'ai décompressé le fichier pour vous jquery.fancybox.js merciii ❤️ Edited March 5, 2019 by Sarrah (see edit history) Share this post Link to post Share on other sites
Eolia 3,110 Posted March 5, 2019 oui car si on supprime ces data dans le tpl il faut mettre un format à cette image dans le product.css Ne touchez pas au fancybox.js vous allez flinguer toutes les fenêtres fancybox du site, il vous suffit plutot de commenter l'appel à la fonction dans le product.js if (!contentOnly && !!$.prototype.fancybox) { /*$('li:visible .fancybox, .fancybox.shown').fancybox({ 'hideOnContentClick': true, 'openEffect' : 'elastic', 'closeEffect' : 'elastic' });*/ } Share this post Link to post Share on other sites
Sarrah 1 Posted March 5, 2019 il y a 13 minutes, Eolia a dit : oui car si on supprime ces data dans le tpl il faut mettre un format à cette image dans le product.css Ne touchez pas au fancybox.js vous allez flinguer toutes les fenêtres fancybox du site, il vous suffit plutot de commenter l'appel à la fonction dans le product.js if (!contentOnly && !!$.prototype.fancybox) { /*$('li:visible .fancybox, .fancybox.shown').fancybox({ 'hideOnContentClick': true, 'openEffect' : 'elastic', 'closeEffect' : 'elastic' });*/ } même effet que la première solution et le survolle n'ai plus fonctionnait ... je pense que c'est très compliqué car même sur internet personne n'a trouvé une solution je sais pas si on peut contacter directement l'équipe de développeur de Prestashop je vous remercie beaucoup pour votre aide ❤️ Share this post Link to post Share on other sites
Eolia 3,110 Posted March 5, 2019 Alors sur internet y a pas grand monde^^ C'est ça que vous voulez ? https://devcustom.net/test162/1994/8-clos-triguedina-prince-probus.html Share this post Link to post Share on other sites
Sarrah 1 Posted March 5, 2019 il y a 5 minutes, Eolia a dit : Alors sur internet y a pas grand monde^^ C'est ça que vous voulez ? https://devcustom.net/test162/1994/8-clos-triguedina-prince-probus.html je te tiens au courant dès que le site est de retour, je vous remercie énormément pour votre intérêt ❤️ Share this post Link to post Share on other sites
P i l o u 148 Posted March 5, 2019 Ton site est en maintenance Eolia 😀 Share this post Link to post Share on other sites
Eolia 3,110 Posted March 5, 2019 (edited) Il est de retour Edited March 5, 2019 by Eolia (see edit history) 1 Share this post Link to post Share on other sites
Sarrah 1 Posted March 5, 2019 il y a 27 minutes, Eolia a dit : Alors sur internet y a pas grand monde^^ C'est ça que vous voulez ? https://devcustom.net/test162/1994/8-clos-triguedina-prince-probus.html Ouiiiii c'est ça exactement ce que e voulais comment faire alors Share this post Link to post Share on other sites
Eolia 3,110 Posted March 5, 2019 Dans product.tpl, trouver ce bloc ou équivalent et le remplacer comme suit (surtout modifier le href existant en data-img et ajouter le javascript::void() et supprimer la classe fancybox) <li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if}> <a{if $jqZoomEnabled && $have_image && !$content_only} href="javascript:void(0);" rel="{literal}{{/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}'{literal}}{/literal}"{else} href="javascript:void(0);" data-img="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}" class="{if $image.id_image == $cover.id_image} shown{/if}"{/if} title="{$imageTitle}"> <img class="img-responsive" id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'cart_default')|escape:'html':'UTF-8'}" alt="{$imageTitle}" title="{$imageTitle}"{if isset($cartSize)} height="{$cartSize.height}" width="{$cartSize.width}"{/if} itemprop="image" /> </a> </li> et dans product.js, remplacer la fonction displayImage() par celle-ci: //update display of the large image function displayImage(domAAroundImgThumb, no_animation) { if (typeof(no_animation) == 'undefined') no_animation = false; if (domAAroundImgThumb.attr('data-img')) { var new_src = domAAroundImgThumb.attr('data-img').replace('thickbox', 'large'); var new_title = domAAroundImgThumb.attr('title'); var new_href = domAAroundImgThumb.attr('data-img'); if ($('#bigpic').attr('src') != new_src) { $('#bigpic').attr({ 'src' : new_src, 'alt' : new_title, 'title' : new_title }).load(function(){ if (typeof(jqZoomEnabled) !== 'undefined' && jqZoomEnabled) $(this).attr('rel', new_href); }); } $('#views_block li a').removeClass('shown'); $(domAAroundImgThumb).addClass('shown'); } } 1 Share this post Link to post Share on other sites
Sarrah 1 Posted March 5, 2019 Il y a 4 heures, Eolia a dit : Dans product.tpl, trouver ce bloc ou équivalent et le remplacer comme suit (surtout modifier le href existant en data-img et ajouter le javascript::void() et supprimer la classe fancybox) et dans product.js, remplacer la fonction displayImage() par celle-ci: Eolia, ça fais plus que 5 jours j'essaye de résoudre ce problème et voila Grasse à toi j'ai réussi à trouver une solution, je voudrais vous remercier énormément Monsieur ! Chapeau bas pour toi ❤️ ❤️ ❤️ juste une remarque, au début ça ne marchait pas, après beaucoup des testes, j'ai constaté qu'il y a des points bizarre qui s'insère lors d'ajout de code regarde ici: alors j'ai réecrit ce code manuellement et comme une miracle ça marché vraiment merciiiiiiiiiiiiiiiiiiiiiiiiiiii encore une fois ❤️ ❤️ ❤️ Share this post Link to post Share on other sites
Eolia 3,110 Posted March 6, 2019 Je n'ai pas ce souci sur Notepad++, peut être un souci d'encodage ou de copier/coller de ton côté. 1 Share this post Link to post Share on other sites