{"id":8443,"date":"2026-06-15T12:00:51","date_gmt":"2026-06-15T12:00:51","guid":{"rendered":"https:\/\/acinonyxweb.agency\/?p=8443"},"modified":"2026-06-08T19:00:24","modified_gmt":"2026-06-08T19:00:24","slug":"prestashop-8-comment-afficher-les-accessoires-sous-forme-de-checkbox","status":"publish","type":"post","link":"https:\/\/acinonyxweb.agency\/fr\/e-commerce\/prestashop-8-comment-afficher-les-accessoires-sous-forme-de-checkbox\/","title":{"rendered":"PrestaShop 8 : Comment afficher les accessoires sous forme de Checkbox ?"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row][vc_column][vc_column_text css=&#8221;&#8221;]\n<h1>PrestaShop 8 : Comment optimiser ses ventes crois\u00e9es avec des cases \u00e0 cocher ?<\/h1>\n<p class=\"my-2 [&amp;+p]:mt-4 [&amp;_strong:has(+br)]:inline-block [&amp;_strong:has(+br)]:pb-2\">L&#8217;une des plus grandes frustrations des e-commer\u00e7ants sous PrestaShop concerne la gestion des &#8220;produits associ\u00e9s&#8221; (ou accessoires). Par d\u00e9faut, PrestaShop affiche ces produits dans un onglet ou un carrousel en bas de page. Si le client souhaite ajouter un accessoire, il doit souvent cliquer dessus, ouvrir une nouvelle page ou d\u00e9clencher une modale qui interrompt son parcours d&#8217;achat initial.<\/p>\n<p class=\"my-2 [&amp;+p]:mt-4 [&amp;_strong:has(+br)]:inline-block [&amp;_strong:has(+br)]:pb-2\">En mati\u00e8re d&#8217;UX (Exp\u00e9rience Utilisateur) et d&#8217;optimisation du taux de conversion (CRO), la r\u00e8gle d&#8217;or est simple : <strong>r\u00e9duire la friction<\/strong>. Dans cet article, nous allons voir comment transformer cette contrainte technique en un v\u00e9ritable levier de chiffre d&#8217;affaires.<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"le-concept-de-l-upsell-frictionless\" class=\"font-editorial font-bold mb-2 mt-4 [.has-inline-images_&amp;]:clear-end text-lg first:mt-0 md:text-lg [hr+&amp;]:mt-4\">L&#8217;Upsell sans friction : le mod\u00e8le du Checkbox<\/h2>\n<p class=\"my-2 [&amp;+p]:mt-4 [&amp;_strong:has(+br)]:inline-block [&amp;_strong:has(+br)]:pb-2\">Imaginez que vous vendez une box cadeau, un ordinateur ou un produit n\u00e9cessitant des piles. Au lieu de proposer les piles dans un carrousel lointain, l&#8217;id\u00e9al est de les afficher directement <strong>au-dessus du bouton &#8220;Ajouter au panier&#8221;<\/strong> avec une simple case \u00e0 cocher (ou un toggle &#8220;switch&#8221; moderne).<\/p>\n<p class=\"my-2 [&amp;+p]:mt-4 [&amp;_strong:has(+br)]:inline-block [&amp;_strong:has(+br)]:pb-2\">L&#8217;utilisateur s\u00e9lectionne son produit principal, coche &#8220;Ajouter les piles (+4.99\u20ac)&#8221;, clique sur son bouton d&#8217;ajout au panier, et l&#8217;intelligence de la boutique s&#8217;occupe de regrouper les deux articles instantan\u00e9ment.<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"comment-mettre-cela-en-place\" class=\"font-editorial font-bold mb-2 mt-4 [.has-inline-images_&amp;]:clear-end text-lg first:mt-0 md:text-lg [hr+&amp;]:mt-4\">La solution technique pour PrestaShop 8 et 9<\/h2>\n<p class=\"my-2 [&amp;+p]:mt-4 [&amp;_strong:has(+br)]:inline-block [&amp;_strong:has(+br)]:pb-2\">Bien qu&#8217;il soit possible de d\u00e9velopper cette fonctionnalit\u00e9 &#8220;en dur&#8221; dans le code de votre th\u00e8me (en bidouillant les fichiers <code>product.tpl<\/code> et en surchargeant le CartController), cela rend votre boutique difficile \u00e0 maintenir lors des mises \u00e0 jour.<\/p>\n<p class=\"my-2 [&amp;+p]:mt-4 [&amp;_strong:has(+br)]:inline-block [&amp;_strong:has(+br)]:pb-2\">C&#8217;est pourquoi notre agence a d\u00e9velopp\u00e9 un module sp\u00e9cifique, extr\u00eamement l\u00e9ger : <strong>Vente Crois\u00e9e &amp; Accessoires Checkbox<\/strong>. Con\u00e7u pour les d\u00e9veloppeurs exigeants et les marchands pragmatiques, il se branche sur le hook natif <code>displayProductAdditionalInfo<\/code> (et est repositionnable) pour intercepter la requ\u00eate native du panier.<\/p>\n<ul>\n<li class=\"my-2 [&amp;+p]:mt-4 [&amp;_strong:has(+br)]:inline-block [&amp;_strong:has(+br)]:pb-2\">Aucun plugin lourd comme jQuery OnOff.<\/li>\n<li class=\"my-2 [&amp;+p]:mt-4 [&amp;_strong:has(+br)]:inline-block [&amp;_strong:has(+br)]:pb-2\">Utilisation de la m\u00e9thode PHP <code>actionCartSave<\/code> pour l&#8217;ajout serveur (z\u00e9ro conflit avec la modale PrestaShop).<\/li>\n<li class=\"my-2 [&amp;+p]:mt-4 [&amp;_strong:has(+br)]:inline-block [&amp;_strong:has(+br)]:pb-2\">Rendu CSS pur pour les boutons type &#8220;Switch iOS&#8221;.<\/li>\n<\/ul>\n<div class=\"alert alert-info bg-gray-100 p-4 border-l-4 border-blue-500 my-6\">\n<p><strong>\ud83d\udca1 Bon \u00e0 savoir :<\/strong> Vous pouvez m\u00eame d\u00e9finir directement depuis le Back-Office quels accessoires doivent \u00eatre pr\u00e9-coch\u00e9s lors de l&#8217;arriv\u00e9e du client sur la fiche produit !<\/p>\n<\/div>\n[\/vc_column_text][vc_separator css=&#8221;.vc_custom_1779557025074{margin-bottom: 22px !important;}&#8221;][vc_btn title=&#8221;Acheter le module : Checkbox Accessories&#8221; style=&#8221;flat&#8221; align=&#8221;center&#8221; i_icon_fontawesome=&#8221;fa fa-solid fa-cart-plus&#8221; css=&#8221;&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Facinonyxweb.agency%2Ffr%2Fproduct%2Fmodule-checkbox-accessories-vente-croisee-daccessoires-checkbox-pour-prestashop%2F|title:Module%20InstaPics%20%E2%80%93%20Flux%20Instagram%20(Sans%20Token%20Meta)%20pour%20PrestaShop&#8221; el_class=&#8221;fw-shop-btn&#8221;][vc_separator css=&#8221;&#8221;][\/vc_column][\/vc_row][vc_row][vc_column]<div id=\"awsm-team-5436\" class=\"awsm-grid-wrapper\">\n\t\t\n\t\t\t<div class=\"awsm-grid list-style style-1 grid-2-col \">\n\t\t\t\t\t\t<div id=\"awsm-member-5436-2106\" class=\"awsm-grid-card awsm-team-item awsm-scale-anm awsm-all\">\n\t\t\t\t   <figure>\n\t\t\t\t\t <img loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"264\" src=\"https:\/\/acinonyxweb.agency\/wp-content\/uploads\/2020\/06\/logo-thomas.jpg\" class=\"attachment-awsm_team size-awsm_team wp-post-image\" alt=\"Logo T\" \/>\t\t\t\t\t\t <figcaption>\n\t\t\t\t\t\t\t<div class=\"awsm-personal-info\"><h3>Thomas<\/h3><span>COO &amp; lead developer<\/span><\/div>\n\t\t\t\t\t\t\t<div class=\"awsm-contact-info\">\n\t\t\t\t\t\t\t\t<p>Titulaire du prix cyberjuriste jeune talent informatique 2019, Thomas est un d\u00e9veloppeur fran\u00e7ais connu pour son travail sur Hootis. Sites web, algorithmes, scripts et d\u00e9veloppement d&#8217;API&#8230;<\/p>\n<blockquote><p>Il n&#8217;y a pas de difficult\u00e9 pour moi, seulement des d\u00e9fis \u00e0 surmonter.<\/p><\/blockquote>\n<p>Rien ne lui fait peur ! Il est en charge des projets les plus ambitieux &amp; difficiles avec une \u00e9quipe multidisciplinaire europ\u00e9enne s\u00e9lectionn\u00e9e parmi les meilleurs.<\/p>\n<div class=\"awsm-social-icons\"><span><a href=\"https:\/\/www.thomasdubrez.fr\/\" target=\"_blank\"><i class=\"awsm-icon-link\" aria-hidden=\"true\"><\/i><\/a><\/span><span><a href=\"https:\/\/www.linkedin.com\/in\/thomasdubrez\/\" target=\"_blank\"><i class=\"awsm-icon-linkedin\" aria-hidden=\"true\"><\/i><\/a><\/span><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t <\/figcaption>\n\t\t\t\t   <\/figure>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n[\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text css=&#8221;&#8221;] PrestaShop 8 : Comment optimiser ses ventes crois\u00e9es avec des cases \u00e0 cocher&#8230;<\/p>\n","protected":false},"author":1,"featured_media":8414,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88,99],"tags":[],"class_list":["post-8443","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-e-commerce","category-developpement"],"_links":{"self":[{"href":"https:\/\/acinonyxweb.agency\/fr\/wp-json\/wp\/v2\/posts\/8443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acinonyxweb.agency\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/acinonyxweb.agency\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/acinonyxweb.agency\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acinonyxweb.agency\/fr\/wp-json\/wp\/v2\/comments?post=8443"}],"version-history":[{"count":1,"href":"https:\/\/acinonyxweb.agency\/fr\/wp-json\/wp\/v2\/posts\/8443\/revisions"}],"predecessor-version":[{"id":8468,"href":"https:\/\/acinonyxweb.agency\/fr\/wp-json\/wp\/v2\/posts\/8443\/revisions\/8468"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/acinonyxweb.agency\/fr\/wp-json\/wp\/v2\/media\/8414"}],"wp:attachment":[{"href":"https:\/\/acinonyxweb.agency\/fr\/wp-json\/wp\/v2\/media?parent=8443"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/acinonyxweb.agency\/fr\/wp-json\/wp\/v2\/categories?post=8443"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/acinonyxweb.agency\/fr\/wp-json\/wp\/v2\/tags?post=8443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}