{"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   Astuce : Centrer votre menu dans Prestashop 1.6  
views 4142<\/div><\/a>\n\t\t\t\t\t\t\t\tVoici un petit tuto qui va vous permettre de centrer votre menu dans prestashop\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\n\r\n\r\nComment centrer le menu sur ma boutique Prestashop ?\u00a0\r\nIl y a q'un seul fichier \u00e0 modifier : superfish-modified.css\u00a0 qui appartient au module blocktopmenu\r\n\r\n\r\n\r\n1) Dans .sf-menu, ajouter text-align:center\r\n\r\n2) Dans .sf-menu > li, remplacer float:lef...<\/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 faire apparaitre une deuxi\u00e8me photo de vos produits au survol des images  
views 5060<\/div><\/a>\n\t\t\t\t\t\t\t\tVoici un petit tutoriel qui va vous permettre de faire apparaitre la deuxi\u00e8me image de votre produit au passage de la souris.\r\n\r\nUPDATE : j'ai trouv\u00e9 ce module qui est gratuit : cliquez-ci\u00a0\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\n1) Cr\u00e9ez un fichier nomm\u00e9 \u00ab Category.php\u00a0\u00bb dans le dossier \u00ab\u00a0override\/classes\u00a0\u00bb et ajoutez-le code suivant:\r\n\r\n\r\n\r\n1) Cr\u00e9ez un fichier nomm\u00e9 \u00ab Produ...<\/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   Guide complet pour vos campagnes Google Adwords  
views 542<\/div><\/a>\n\t\t\t\t\t\t\t\tCe guide est en vente sur Amazon.fr et offert en format PDF. \u00a0Complet, Intuitif et plein d'astuces. Allez jeter un oeil !\r\nBesoin de g\u00e9rer des campagnes Google AdWords ?\r\nAllez d\u00e9couvrir la formation AdWords propos\u00e9e par refeo.com, vous trouverez, en plus des pr\u00e9cieuses informations livr\u00e9es, un guide complet qui vous expliquera tous les contours de l'outil Google AdWords, de m\u00eame que la fa\u00e7on dont...<\/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 pouvoir du hashtag  
views 276<\/div><\/a>\n\t\t\t\t\t\t\t\tLe hashtag connu par ce petit signe\u00a0\u00ab\u00a0#\u00a0\u00bb, permet de suivre un fil de discussion associ\u00e9 au sujet du symbole.\r\n\r\nCette infographie fait donc une r\u00e9trospectif de ce petit symbole au\u00a0pouvoir immense.\r\n\r\n\r\n\r\n\r\n\r\n\u00a0<\/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 AJOUTER UN TRANSPORTEUR DANS PRESTASHOP 1.6 ?  
views 3745<\/div><\/a>\n\t\t\t\t\t\t\t\tDans ce tutoriel, nous allons voir comment ajouter et param\u00e9trer un transporteur, afin que vos clients puissent choisir son mode de livraison sur votre site de vente en ligne.\r\n\r\nIl existe deux mani\u00e8res \u00e0 ce jour d'ajouter un transporteur dans Prestashop:\r\n\r\n \tutiliser un module du transporteur choisi\r\n \tins\u00e9rer le transporteur soi-m\u00eame.\r\n\r\n\r\n\r\nA) Quel transporteur utilise un module adapt\u00e9 \u00e0 Prest...<\/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 Comment cr\u00e9er une langue manuellement | Prestashop 1.6 \/ 1.7 views 2679 […]<\/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}]}}