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

    • Utilisation des informations PrestaShop dans une Macro Zendesk

      Dans cet article, nous allons vous expliquer comment utiliser les informations PrestaShop disponibles sous forme de balises (placeholder) pour une utilisation dans les modèles réponses, appelée Macro dans Zendesk. Cet article s'adresse aux personnes ...

    • Comment trouver la version de PrestaShop ?

      Notre équipe support peut être amenée à vous demander la version de PrestaShop utilisé pour votre boutique. Voici comment la déterminer : PrestaShop 1.6 et 1.7 La version comprend 5 chiffres et est affichée sur la page de connexion à l'admin et dans ...

    • 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), ...

    • Documentation module YounitedPay PrestaShop

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

    • 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 ...