{"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   70 astuces pour am\u00e9liorer l\u2019efficacit\u00e9 de son blog  
views 191<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie, r\u00e9alis\u00e9e par\u00a0par le site Market Inspector\u00a0met en avant 70 astuces qui permettent de rendre son blog plus efficace ?\r\n\r\nLes th\u00e8mes abord\u00e9s sont :\r\n\r\n \tle SEO\r\n \tl'attitude\r\n \tle contenu\r\n \tla cible\r\n \tla mise en page\r\n \tle r\u00e9seau\r\n\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   E-commerce 2014 : le r\u00e9sum\u00e9  
views 125<\/div><\/a>\n\t\t\t\t\t\t\t\tQuelques chiffres.....\u00a0\r\n\r\n- 35 millions de e-shoppers en France\r\n\r\n- 19% des ventes fran\u00e7aises proviennent d\u00e9sormais du e-commerce.\r\n\r\n- 57% des marchands fran\u00e7ais se sont tourn\u00e9s vers l\u2019international cette ann\u00e9e. \r\n\r\n- Le m-commerce quant \u00e0 lui a connu une \u00e9volution de +47% sur l\u2019ann\u00e9e.\r\n\r\n\r\n\r\n\r\n\r\nBilan de la FEVAD sur l\u2019ann\u00e9e 2014.\r\n\r\n1) Le nombre de site marchands actif a augment\u00e9 passant de 1...<\/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   Pourquoi utiliser une application mobile pour payer ?  
views 240<\/div><\/a>\n\t\t\t\t\t\t\t\tPourquoi utiliser une application mobile pour payer ?\r\n\u00c0 l'heure o\u00f9 de plus en plus de foyers sont multi-\u00e9quip\u00e9s de smartphones et de tablettes, le paiement via mobile ou m-commerce connait une explosion de croissance. +31% selon les pr\u00e9visions pour 2017. Mais pourquoi changer ses habitudes ? Quels sont les avantages de payer via son mobile ? Quelques \u00e9l\u00e9ments de r\u00e9ponses des utilisateurs f\u00e9rus d'...<\/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   Les fonctionnalit\u00e9s techniques de PrestaShop  
views 241<\/div><\/a>\n\t\t\t\t\t\t\t\t\r\n\r\nEn constante \u00e9volution PrestaShop est aujourd'hui une solution e-commerce d'une grande richesse fonctionnelle, notamment au niveau technique:s\u00e9curit\u00e9, outils d'installation....\r\n\r\nVoici une liste de ces fonctionnalit\u00e9s:\r\n\r\n\u00a0\r\n\r\nSECURITE\r\n\r\n\u2014 Compatible PCI\r\n\r\n\u2014 Compatible SSL\r\n\r\n\u2014 Back-office s\u00e9curis\u00e9\r\n\r\n\u2014 Plusieurs comptes utilisateurs pour le back-office\r\n\r\n\u2014 D\u00e9finition des permissions ...<\/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   G\u00e9rer les paniers abandonn\u00e9s | Astuce Prestashop 1.6  
views 5788<\/div><\/a>\n\t\t\t\t\t\t\t\tQu'est ce qu'un panier abandonn\u00e9 ?\u00a0\r\nL\u2019abandon de panier, \u00a0c\u2019est lorsque l\u2019un de vos internautes ne finalise pas le processus de commande, apr\u00e8s avoir ajout\u00e9 un ou plusieurs produits dans le panier et cliqu\u00e9 sur\u00a0le bouton \"commander\".\r\n\r\nUn internaute peut d\u00e9cider d'arr\u00eater sa commande \u00e0 n'importe quelle \u00e9tape du processus: cr\u00e9ation de compte, choix de livraison, paiement....\r\n\r\nO\u00f9 consulter la li...<\/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 Greffer le module bloc social dans displayNav | Astuce Prestashop 1.6 views […]<\/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}]}}