{"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   Le nouveau menu du back-office de Prestashop 1.7 \u2013 Partie 2  
views 5635<\/div><\/a>\n\t\t\t\t\t\t\t\tPour rappel,\u00a0le\u00a0menu du back-office de Prestashop 1.7 est organis\u00e9 en\u00a03 parties\u00a0:\r\n\r\n \tVendre qui regroupe les commandes, le catalogue, les clients, le SAV et les statistiques (voir l'article)\u00a0\r\n \tPersonnaliser qui regroupe les modules, le design, le transport, le paiement et l\u2019international\r\n \tConfigurer\u00a0qui regroupe les pr\u00e9f\u00e9rences et les param\u00e8tres avanc\u00e9s.\r\n\r\n\r\n\r\nDans cet article, nous allons ...<\/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   Petit Memo sur le Responsive Webdesign | Infographie  
views 342<\/div><\/a>\n\t\t\t\t\t\t\t\tQu'est-ce qu'un site Internet responsive ? Pourquoi choisir un responsive webdesign ? Comment cela fonctionne t-il ? Quels sont les composants cl\u00e9s du webdesign responsive ?Toutes les r\u00e9ponses dans cette infographie\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   Am\u00e9liorer son r\u00e9f\u00e9rencement naturel en 2015 | Infographie  
views 143<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie, r\u00e9alis\u00e9 par SEOMIX,\u00a0r\u00e9sume les derni\u00e8res actualit\u00e9s et les principaux\u00a0crit\u00e8res SEO qui pourraient vous aider \u00e0 am\u00e9liorer votre r\u00e9f\u00e9rencement naturel afin d'accroitre la visibilit\u00e9 sur votre site web.\r\n\r\n\r\n1) Les actualit\u00e9s SEO en 2015 :\r\n- Google Phantom,\r\n- Le Mobile Friendly de Google,\r\n- Les nouveaut\u00e9s schema.org,\r\n- Sites en HTTPS\r\n2) Les points importants pour am\u00e9liorer vot...<\/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   Quel est le meilleur moment pour poster un article sur les r\u00e9seaux sociaux  
views 138<\/div><\/a>\n\t\t\t\t\t\t\t\tAu moment\u00a0 de partager votre contenu (images, photos, textes, liens, vid\u00e9o...) sur les r\u00e9seaux sociaux, vous vous \u00eates s\u00fbrement pos\u00e9 la question : quel est le meilleur moment pour optimiser chacune de mes publications ?\r\n\r\nCette infographie r\u00e9pondra \u00e0 cette question en mettant en avant les meilleurs et les pires moments ainsi que le pic d'audience\r\n\r\n-------\r\nFACEBOOK\r\n- Meilleur moment pour poste...<\/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   Quel est le parcours de l\u2019acheteur fran\u00e7ais ? | Infographie  
views 429<\/div><\/a>\n\t\t\t\t\t\t\t\tSelon cette infographie, le parcours de l'acheteur fran\u00e7ais se d\u00e9roulent en 5 \u00e9tapes :\r\n\r\n1) J'ai envie d'acheter,\r\n2) Je m'informe\r\n3) Je compare le produit\r\n4) J'ach\u00e8te\r\n5) Je paie\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<\/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 activer SSL dans PrestaShop 1.6 & 1.7 ? views 3980 Dans […]<\/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}]}}