{"id":1032,"date":"2015-07-05T21:03:46","date_gmt":"2015-07-05T21:03:46","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=1032"},"modified":"2017-01-23T18:28:03","modified_gmt":"2017-01-23T18:28:03","slug":"desactiver-les-deux-zooms-de-la-page-produit-astuce-prestashop","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/desactiver-les-deux-zooms-de-la-page-produit-astuce-prestashop\/","title":{"rendered":"D\u00e9sactiver les deux zooms de la page produit | Astuce Prestashop 1.6"},"content":{"rendered":"

Ce tuto simple et rapide va vous permettre de d\u00e9sactiver les deux\u00a0zooms de la page produit.<\/p>\n

Cette astuce est valable Prestashop 1.6. Le code \u00e9tant pratiquement similaire, ce tuto peut aussi s’appliquer \u00e0 Prestashop 1.5<\/p>\n

———————-<\/p>\n

<\/p>\n

Sur la page produit, il existe deux types de zoom :<\/p>\n

1) Le zoom \u00ab\u00a0pop-up\u00a0\u00bb<\/p>\n

\"D\u00e9sactiver<\/a><\/p>\n

2) Le zoom \u00ab\u00a0Jqzoom\u00a0\u00bb<\/p>\n

\"D\u00e9sactiver<\/a><\/p>\n

Si vous ne d\u00e9sirez pas avoir de zoom sur vos fiches produits voici la proc\u00e9dure :<\/p>\n

1) Il faut s’assurer que le zoom JqZoom soit d\u00e9sactiv\u00e9. Pour cela allez dans Pr\u00e9f\u00e9rences > Produits<\/p>\n

\"D\u00e9sactiver<\/a><\/p>\n

2) Ouvrez le fichier product.css qui se situe dans th\u00e8mes>nomdevotreth\u00e8me>css>product.css<\/p>\n

A la ligne css\u00a0\u00a0 .pb-left-column #image-block #view_full_size .span_link, ajoutez le code suivant \u00a0:\u00a0visibility:hidden<\/p>\n

—> Ce qui donne si je prends le th\u00e8me par d\u00e9faut :<\/p>\n

 .pb-left-column #image-block #view_full_size .span_link {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 50%;\r\n    margin-left: -68px;\r\n    display: block;\r\n    padding: 10px 0;\r\n    text-align: center;\r\n    line-height: 22px;\r\n    color: #777676;\r\n    width: 136px;\r\n    text-align: center;\r\n    font-weight: 700;\r\n    background: rgba(255, 255, 255, 0.5);\r\n    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);\r\n    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);\r\n    visibility:hidden\r\n}<\/pre>\n
3) Maintenant \u00a0ouvrez le fichier product.js qui se situe dans th\u00e8mes>nomdevotreth\u00e8me>js>product.js<\/p>\n
Supprimer ou mettre le code suivant en commentaire<\/p>\n
\/\/add a link on the span 'view full size' and on the big image\r\n$(document).on('click', '#view_full_size, #image-block', function(e){\r\n\t$('#views_block .shown').click();\r\n});<\/pre>\n
4) On va aussi supprimer le \u00ab\u00a0Agrandir la photo\u00a0\u00bb qui ne sert plus \u00e0 rien<\/p>\n
Ouvrez le fichier product.tpl qui se situe dans th\u00e8mes>nomdevotreth\u00e8me<\/p>\n
Supprimer ou mettre le code suivant en commentaire<\/p>\n
{if !$content_only}\r\n<span class=\"span_link no-print\">{l s='View larger'}<\/span>\r\n{\/if}<\/pre>\n
Et voil\u00e0, retournez sur votre fiche produit, rafraichir le zoom est d\u00e9sactiv\u00e9. il sera peut-\u00eatre n\u00e9cessaire de rafraichir le cache de Prestashop<\/p>\n
Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Am\u00e9liorer le Taux de Rebond de son site  
views 238<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie de Krissmetrics met en avant les \u00e9l\u00e9ments impactant le taux de rebond et les astuces pour l\u2019am\u00e9liorer.\r\n1) Qu'est ce que\u00a0le taux de rebond\r\nLe taux de rebond, tel qu'il est d\u00e9fini par Google Analytics, repr\u00e9sente le pourcentage de visites d'une seule page (c'est \u00e0 dire au cours desquelles l'internaute a quitt\u00e9 votre site d\u00e8s la page d'arriv\u00e9e). Le taux de rebond est un des moyens...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Le design du bouton \u00ab ajouter au panier \u00bb et le taux de conversion  
views 1516<\/div><\/a>\n\t\t\t\t\t\t\t\tLe site PerceptionIT met en avant l'impact que peut avoir le bouton \"ajouter au panier\" \u00e0 travers une infographie.\r\n\r\n- les boutons de couleur rouge et vert convertissent le mieux,\r\n- les boutons aux formes arrondies ont plus d'impact,\r\n- le terme \u00ab ajouter au panier \u00bb est plus efficace que \u00ab acheter maintenant \u00bb,\r\n- la taille du bouton moyen serait de 150px sur 30px.\r\n\r\n\r\n\r\n<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   6 \u00e9l\u00e9ments important pour un mailing parfait  
views 323<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie, r\u00e9alis\u00e9e par le site alesiacom.com\u00a0met en avant la structure id\u00e9ale pour un emailing parfait.\r\n\r\n \tEl\u00e9ment n\u00b01: l'en-t\u00eate - c'est le 1er \u00e9l\u00e9ment que le destinataire voit une fois qu'il a ouvert votre mail.\r\n \tEl\u00e9ment n\u00b02: le corps du mail - il doit \u00eatre facilement compr\u00e9hensible, personnalis\u00e9 et de taille raisonnable\r\n \tEl\u00e9ment n\u00b03: \u00e9l\u00e9ments de r\u00e9assurance - \u00a0satisfait ou rembou...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Supprimer le cadre blanc autour de vos images |  Astuce Prestashop 1.6  
views 5279<\/div><\/a>\n\t\t\t\t\t\t\t\tLorsqu\u2019on upload une image dans Prestashop, ce dernier la\u00a0redimensionne selon les diff\u00e9rents formats sp\u00e9cifi\u00e9s dans \u00ab\u00a0pr\u00e9f\u00e9rences\/images\u00a0\u00bb.\r\n\r\nMais si vous regardez bien le front-office de\u00a0\u00a0votre boutique,\u00a0vous pouvez remarquer que Prestashop ajoute par d\u00e9faut un cadre blanc autour de votre image.\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\nVoici la solution pour rem\u00e9dier \u00e0 ce pr...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Comment afficher le nom du produit complet \u2013 PrestaShop 1.6 &1.7  
views 2559<\/div><\/a>\n\t\t\t\t\t\t\t\tDans PrestaShop 1.6 et 1.7, si vos noms de produit sont trop long, ils vont \u00eatre coup\u00e9s.\r\n\r\nVous d\u00e9sirez peut-\u00eatre avoir le nom complet, c'est tr\u00e8s simple mais il faudra apporter la modification directement dans le fichier, on ne peut pas le faire depuis le back-office de PrestaShop\r\n\r\nPrestaShop 1.6 \r\n\r\nOuvrir le fichier product-list.tpl qui se situe dans themes > nomdevotretheme > product-...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  ","protected":false},"excerpt":{"rendered":"
Ce tuto simple et rapide va vous permettre de d\u00e9sactiver les deux\u00a0zooms de la page produit. Cette astuce est valable Prestashop 1.6. Le code \u00e9tant pratiquement similaire, ce tuto peut aussi s’appliquer \u00e0 Prestashop 1.5 ———————- Articles similaires 10 palettes de couleurs sur le th\u00e8me du gris pour agr\u00e9menter vos […]<\/p>\n","protected":false},"author":1,"featured_media":1041,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/1032"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=1032"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/1032\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/1041"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=1032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=1032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=1032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}