Comment dupliquer le bouton ajouter au panier de la page produit WooCommerce ?

Si vous avez de très longues pages de produits, il peut être utile d’afficher le formulaire d’ajout au panier en bas de la page ou même dans l’onglet de description.

Heureusement, c’est assez facile et ne nécessite qu’une seule ligne de code. La seule chose que vous voudrez peut-être changer est le nom du hook, qui définit la position du bouton, et la priorité, qui définit la position relative de l’élément au cas où il y en aurait d’autres « accrochés » au même hook.

Dans le même registre, nous avons vu comment ajouter une troisième description dans la fiche produit et cela peut être ajouté en complément au bouton d’ajout au panier.

Dans cet exemple, nous allons ajouter un deuxième bouton « Ajouter au panier » et nous le placerons tout en bas de la page, sous les onglets, les offres promotionnelles et les produits similaires. C’est parti !

Voici une méthode pour afficher à nouveau le formulaire « Ajouter au panier » au bas de la page produit WooCommerce.

Remarques :

  • « woocommerce_after_single_product_summary » place le bouton après le résumé (description courte) du produit. Vous pouvez consulter la liste complète des hooks (crochets) de WooCommerce pour les pages de produits.
  • « 9999 » place le bouton tout en bas de la position « woocommerce_after_single_product_summary« . Si vous consultez à nouveau le guide visuel des hooks pour la page produit, vous verrez que les onglets sont accrochés à « woocommerce_after_single_product_summary » avec priorité = « 10 », produits suggérés (« Vous aimerez peut-être aussi… ») = « 15 » et produits similaires = « 20 ». Nous aurions pu utiliser « 21 », et cela aurait quand même fonctionné. J’ai choisi « 9999 » pour être presque sûr de placer le bouton tout en bas, au cas où d’autres plugins produiraient un contenu supplémentaire sous les produits similaires.
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_template_single_add_to_cart', 9999 );Langage du code : JavaScript (javascript)

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *