Comment personnaliser une CSS ou un template HTML d'un module prestaShop dans votre boutique?

Comment personnaliser une CSS ou un template HTML d'un module prestaShop dans votre boutique?

Vous trouverez généralement les assets dans le dossier "views" de votre module (PayPal, Stripe, Delivengo, ...):

  1. modules/your_module/views
Dans le dossier "views", vous trouverez les CSS, JS et templates natif du module.

Par exemple pour Prestashop 1.7:
  1. stripe_official/views/templates/front/payment_form_card.tpl
  2. stripe_official/views/css/checkout.css
  3. stripe_official/views/js/stripeCard.js

Pour personnaliser l'affichage selon votre theme devez copier les fichier du module vers votre theme puis les modifier à votre convenance

Par exemple pour Prestashop 1.7:
  • /themes/your_theme/modules/stripe_official/views/templates/front/payment_form_card.tpl
  • /themes/your_theme/modules/stripe_official/views/css/checkout.css
  • /themes/your_theme/modules/stripe_official/views/js/stripeCard.js

Quand le module chargera les fichiers sur votre boutique, PrestaShop rempalcera les originaux par ceux personnalisé dans votre thème.


Pour Prestashop 1.6:
  • themes/our_theme/css/modules/stripe_official/example.css
  • themes/our_theme/js/modules/stripe_official/example.js
  • themes/our_theme/modules/stripe_official/views/templates/front/payment_form_card.tpl

les chemins de surcharge sont un peu différent:

  • themes/your_theme/css/modules/stripe_official/views/css/checkout.css
  • themes/your_theme/js/modules/stripe_official/views/js/stripeCard.js
  • themes/your_theme/modules/stripe_official/views/templates/front/payment_form_card.tpl



    • Related Articles

    • Documentation module YounitedPay PrestaShop

      Vous trouverez en suivant le lien suivant la documentation du module Younited pour PrestaShop

    • Utiliser un compte PayPal allemand dans un site multishop

      Si vous avez un compte marchand français (ou un autre compte PayPal, à l’exception d'un compte allemand), que vous utilisez une multiboutique et vendez en Allemagne (« Allemagne » est sélectionné comme pays par défaut pour l’une de vos boutiques), ...

    • Puis-je me faire rembourser un module ou l'option business care ?

      Malheureusement, 202 ecommerce ne peut pas rembourser l'achat d'un module sur la boutique PrestaShop addons. Nous vous recommandons de lire la FAQ PrestaShop : "Attention ! Après le téléchargement de votre achat, il vous sera impossible d'être ...

    • Comment créer une application REST API pour PayPal Plus

      Si vous avez un compte PayPal au Mexique, au Brésil, en Inde ou au Japon, pour accepter les paiements PayPal, vous devez créer une application API REST. Pour les autres pays, le module récupère le Client ID et le Secret ID pendant l’étape de ...

    • Manuel utilisateur du module Qonto pour PrestaShop

      Manuel utilisateur du module Qonto pour PrestaShop https://desk.202-ecommerce.com/galleryDocuments/edbsn74de48fc2028f02adcd6447122e25186925dbc2413c977b83de83d247d4a331a01c1ccb83d9e8ccccd2f50305df6b9c4863e9ffdc93a8d1d9abae0b49f1931a3?inline=true