{"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   Supprimer \u00ab\u00a0Imprimer\u00a0\u00bb sur la fiche produit | Astuce Prestashop 1.6  
views 2117<\/div><\/a>\n\t\t\t\t\t\t\t\tPersonnellement, je n'arrive plus \u00e0 me souvenir la derni\u00e8re fois o\u00f9 j'ai imprim\u00e9 une fiche produit depuis le site d\"une boutique en ligne. Je suppose que si vous lisez cet article, vous \u00eates dans la m\u00eame situation.\r\n\r\nIl est tr\u00e8s simple de supprimer le mot et l'ic\u00f4ne \"Imprimer\" sur la fiche produit,\u00a0\u00a0mais il faut obligatoirement passer par le code.\r\nComment supprime t-on\u00a0\"Imprimer\" \u00a0sur la fiche p...<\/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   Astuce : Centrer votre menu dans Prestashop 1.6  
views 4127<\/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 cr\u00e9er un compte employ\u00e9\/profils\/permissions dans PrestaShop 1.6 & 1.7  
views 8354<\/div><\/a>\n\t\t\t\t\t\t\t\tLa page d'administration \"Employ\u00e9s\" permet de cr\u00e9er des comptes afin de se connecter au back-office de PrestaShop. La connexion aux back-office se fait gr\u00e2ce \u00e0 une adresse email et un mot de passe.\r\n\r\nA noter : Si vous cr\u00e9ez un compte employ\u00e9 unique en SuperAdmin tout le monde pourra modifier les commandes, ajouter\/supprimer des produits, accepter ou refuser des paiements...., c'est pour cela que ...<\/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   La diff\u00e9rence entre l\u2019UI et l\u2019UX  
views 249<\/div><\/a>\n\t\t\t\t\t\t\t\tVous vous \u00eates parfois demand\u00e9s quelle \u00e9tait la diff\u00e9rence entre l'UX et l'UI ?\r\n\r\nCette infographie va vous permettre de mieux comprendre \u00a0la diff\u00e9rence entre les deux :\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   Taille des Images du th\u00e8me par d\u00e9faut de Prestashop 1.6  
views 6981<\/div><\/a>\n\t\t\t\t\t\t\t\tCe tutoriel va vous permettre de connaitre la taille des images du th\u00e8me par d\u00e9faut de Prestashop\r\n\r\nLa plupart des images\u00a0que vous t\u00e9l\u00e9chargez dans le back-office doivent \u00eatre enregistr\u00e9es au format .jpg ou .png. Attention pour activer le format png il faut aller dans Pr\u00e9f\u00e9rences > Images et dans la partie \"Options de g\u00e9n\u00e9ration d'images\", cochez dans format d'image :\u00a0Utiliser le PNG uniquemen...<\/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 L\u2019e-commerce en France views 148 1) March\u00e9 du e-commerce en 2013 (milliards […]<\/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}]}}