Afficher le champ promo dans le panier de PrestaShop 1.7

Photo by MIKHAIL VASILYEV on Unsplash

Sur le template Classic de PrestaShop 1.7, lorsque vous vous rendez dans la phase de commande dans votre panier, vous avez un lien textuel vous permettant d'afficher le champ pour saisir un code promotionnel.

Mais vous aimeriez que ce champs soit visible sans devoir cliquer sur le lien.

Nous allons donc travailler sur le fichier suivant :

/themes/classic/templates/checkout/_partials/cart-voucher.tpl

Ligne 45 remplacez

<p class="promo-code-button display-promo{if $cart.discounts|count > 0} with-discounts{/if}">

par

<p class="promo-code-button display-promo with-discounts">

et ligne 51 remplacez

<div id="promo-code" class="collapse{if $cart.discounts|count > 0} in{/if}">

par

<div id="promo-code" class="collapse in">

Voilà c'est terminé :-)

Conclusion

ici, l'affichage de ces éléments est piloté par javascript il suffit donc d'activer l'état de visibilité sur le champs de saisie du code et de cacher le lien, c'ets assez simple pour s'intégrer facilement dans votre design lors des achats de vos clients.

Commentaires