CATALOGUE Code & Data Formation XHTML/CSS Maîtrisez le préprocesseur CSS : SASS

Détails de la leçon

Description de la leçon

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.

Objectifs de cette leçon

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.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en PrestaShop, HTML, CSS, et SASS.

Métiers concernés

Ce sujet est pertinent pour les métiers tels que développeur web, intégrateur, designer web, et administrateur de sites e-commerce.

Alternatives et ressources

En alternative à SASS et COMPASSE, vous pourriez utiliser d'autres préprocesseurs CSS comme LESS ou Stylus.

Questions & Réponses

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