Comment ajouter un bouton au panier à la page Divi shop

– Oui. Si vous regardez en haut de la page du magasin, vous verrez des changements. Vous avez ajouté le bouton Ajouter au panier à la page du magasin! Ou insérer un fragment de code au lieu de mettre à jour la fonction fichier. En PHP, vous pouvez utiliser le plug – in pour inclure le bouton Ajouter au panier dans Divi. Sur la base de notre expérience avec wordpress et la personnalisation, le fragment de code est l’un des meilleurs outils pour accomplir cette tâche.
Tout d’abord, vous devez installer et activer le plug – in fragment sur le site. Vous devez ensuite ajouter un nouveau fragment de code à votre site Web. Il suffit de nommer le fragment de code pour l’identifier, copier le code ci – dessous et le coller dans le champ de code. Ce code contiendra le bouton Ajouter au panier sur la page qui affiche le cycle du magasin
Ajouter _ Operations (\ Par conséquent, sauvegardez et activez le fragment de code. Vous verrez à nouveau le bouton Ajouter au panier sur la page du magasin. Comme vous pouvez le voir, les deux méthodes sont très simples et efficaces. Si vous êtes débutant, nous vous recommandons d’utiliser un fragment de code. Il s’agit d’un outil gratuit qui vous permet d’éditer facilement le fichier principal sans interrompre votre site Web. Comment personnaliser le bouton Ajouter au panier maintenant que vous avez réussi à inclure le bouton Ajouter au panier dans la page Divi Store, vous devez personnaliser le bouton. Pour ce faire, vous devez spécifier une classe CSS personnalisée pour le bouton. Un code PHP simple peut le faire. Vous pouvez ensuite ajouter des CSS et personnaliser les boutons.
Ensuite, pour ce faire, collez le Code PHP sous – jacent comme nouveau code dans la section fragment de code. Ajouter _ action (‘woocomberce after Shop Loop item’, ‘quadrayers woocomberce Template Loop Add to cart’, 10);
Ajouter _ action (‘woocomberce after Shop Loop item title’, ‘quadrayers woocomberce Template Loop Add to cart’, 10);
Fonction quadray
RS _ woocomberce Template Loop Add to cart () {
Woocomberce _ Template Loop Add to cart (array (‘class’ = >’ button product type simple Add to cart button Ajax Add to cart My class here));
}
Vous pouvez ensuite utiliser le bouton d’édition CSS. Dans ce code, nous avons mentionné la classe CSS par défaut pour les boutons: button Product _ type simple Add to cart button Ajax Add to cart. De plus, vous pouvez ajouter vos propres classes CSS personnalisées en remplaçant ma classe ici.
Lorsque vous incluez d’autres CSS dans un sujet, vous pouvez utiliser ce qui suit:. My _ class {options: value! Important;}. My _ class {options: value! Important;}. Assurez – vous de remplacer ma classe par une classe CSS. Par exemple, vous pouvez utiliser le code CSS suivant:. Woocomberce loopproduct link + A {
Votre CSS personnalisé est ici
Le thème Divi est livré avec un éditeur CSS personnalisé auquel vous pouvez coller tout le code CSS. D’autre part, vous pouvez utiliser des sections CSS supplémentaires via les personnalisations WordPress. Nous vous recommandons d’utiliser customizer car il vous permet de visualiser les opérations en cours en temps réel.
Conclusion: Voici comment ajouter facilement un bouton panier à la page Divi store. De cette façon, vous pouvez améliorer le processus d’achat, offrir une meilleure expérience à vos clients et augmenter les taux de conversion. De plus, il vous aidera à réduire l’abandon de votre panier dans les magasins. Une autre option intéressante pour augmenter le taux de conversion des magasins est d’inclure des liens de caisse directe dans les magasins. De cette façon, vous réduisez le processus d’achat et les occasions pour les utilisateurs d’abandonner. Pour en savoir plus, consultez notre guide sur la façon de créer un lien de paiement direct woocommerce. De plus, si vous souhaitez personnaliser votre magasin, nous vous recommandons de consulter le tutoriel suivant: comment personnaliser la page woocommerce store? Ajouter au panier