Gestion d'un thème PrestaShop avec SASS et COMPASSE

Brancher SASS sur le thème default-bootstrap fourni avec la version 1.6 de Prestashop
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtrisez le préprocesseur CSS : SASS
Revoir le teaser Je m'abonne
5,0
Transcription

34,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
5,0
34,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de :
- Apprendre à créer et configurer un nouveau thème sous PrestaShop.
- Comprendre l'utilisation de SASS et COMPASSE pour gérer les feuilles de style.

Découvrez comment utiliser SASS et COMPASSE pour gérer vos thèmes PrestaShop à partir de la version 1.6.

Ce tutoriel vous guidera à travers la gestion d'un thème PrestaShop en utilisant SASS et COMPASSE. Depuis la version 1.6 de PrestaShop, il est recommandé d'utiliser ces outils pour optimiser et faciliter la gestion des thèmes. Vous apprendrez à créer un nouveau thème, à configurer COMPASSE pour surveiller les changements, et à ajuster les styles via SASS. Ce processus inclut la copie des fichiers manquants à partir du thème par défaut, l'activation du thème nouvellement créé, et la désactivation du cache pour pouvoir travailler efficacement sur PrestaShop. Vous verrez également comment modifier les variables de thème pour impacter l'apparence du site de manière cohérente et structurée.

COMPASSE est configuré pour surveiller les fichiers SASS et générer les fichiers CSS correspondants, prenant en compte toutes les dépendances entre les variables de style. Cette méthodologie permet de maintenir un code propre et facile à gérer, en évitant les erreurs et en simplifiant les modifications globales du style du site.

Voir plus
Questions réponses
Pourquoi est-il recommandé d'utiliser SASS et COMPASSE pour PrestaShop?
L'utilisation de SASS et COMPASSE est recommandée car cela permet de gérer plus efficacement les thèmes, notamment grâce à la gestion des variables et à la compilation automatique des fichiers CSS.
Quelles étapes sont nécessaires pour créer un nouveau thème PrestaShop?
Pour créer un nouveau thème, vous devez copier les fichiers manquants du thème par défaut, activer le thème, désactiver le cache, et configurer COMPASSE pour surveiller les changements.
Comment désactiver le cache dans PrestaShop?
Pour désactiver le cache dans PrestaShop, allez dans 'Paramètres avancés', sélectionnez 'Performances', forcez la compilation à chaque appel et désactivez le cache avant d'enregistrer les modifications.
1 commentaire
5,0
1 vote
5
4
3
2
1
hugo.barnas
Il y a 4 ans
Claire et complet.