Créer un lien pour ajouter un produit au panier avec WooCommerce

Positionner un lien d’ajout au panier de WooCommerce où vous le souhaitez dans votre thème WordPress c’est possible en récupérant l’identifiant produit et en l’injectant dans votre URL. Les détails techniques dans ce tutoriel.

À l’aide de votre éditeur de code favori, ouvrez le fichier PHP de votre thème dans lequel vous souhaitez rajouter un lien d’ajout au panier. Insérez ensuite les lignes de codes ci-dessous :

<?php global $product; $id = $product->id; ?>
<a class="btn btn-success" href="https://monsite.com/checkout/?add-to-cart=<?php echo $id ?>" target="_blank"><?php _e('Buy it', 'textdomain'); ?></a>

Dans un premier temps, nous récupérons l’ID du produit. Vous devez être positionné à l’intérieur de la boucle qui génère l’affichage de ce dernier.

Dans un second temps, nous créons un simple lien en HTML auquel nous attribuons une classe CSS – issue de Twitter Bootstrap en l’occurrence. Modifiez à présent les éléments suivants :

  • Le nom de domaine ;
  • Le permalien de la page de commande, ici checkout en anglais ;
  • L’intitulé du bouton qu’il vous faudra traduire avec Poedit ;

Dès lors que vous aurez ajuster ces lignes de code selon vos besoins, sauvegardez le fichier et ouvrez la page de votre site basée sur votre template PHP. Si tout fonctionne bien, un simple clic ajoutera le produit au panier.

Crédit photo : Caden Crawford

2 commentaires

Laisser un commentaire