Ajouter des codes CSS à votre boutique

Vous pouvez modifier la conception et la disposition de votre vitrine en utilisant des codes CSS. Les codes CSS sont utilisés pour définir comment les éléments HTML doivent s'afficher sur une page. Pour appliquer des codes CSS à votre vitrine, vous devez les ajouter à un thème CSS dans votre interface d'administration Ecwid.

Regardez la vidéo ci-dessous pour apprendre comment fonctionne CSS en général :

Consultez notre collection des codes CSS les plus couramment utilisés. Vous pouvez les utiliser tels quels ou les modifier pour votre boutique. N'oubliez pas que l'édition de codes CSS nécessite une bonne connaissance du CSS. Si vous n'êtes pas à l'aise avec le code, pensez à engager l'équipe de développement personnalisé d'Ecwid.

Pour ajouter code CSS à votre boutique Ecwid :

Si vous n'avez pas encore ajouté de code CSS à votre boutique Ecwid, allez à la page Conception dans votre panneau d'administration Ecwid.
Faites défiler jusqu'à la section Thèmes et personnalisation en profondeur.
Cliquez sur Créer un thème:

Créer un thème dans la boutique ecwid

Cette étape peut varier selon l'endroit où vous vendez.
- Si vous vendez sur le site instantané de nouvelle génération, vous serez redirigé(e) vers l'éditeur de site instantané. Collez votre code dans le champ Code CSS personnalisé.
- Si vous vendez sur la version originale du site instantané Ecwid, WordPress, Wix ou tout autre site Web personnalisé, sur la page ouverte, cliquez sur Ajouter un nouveau thème CSS et collez votre code CSS dans le champ. Cliquez sur le lien Activer à droite pour appliquer ce thème à votre vitrine.

Cliquez sur Enregistrer.

Si vous avez déjà un thème existant avec des codes CSS et que vous voulez ajouter plus de codes, allez à la page Conception dans votre panneau d'administration Ecwid.
Cette étape peut varier selon l'endroit où vous vendez.
- Si vous vendez sur le site instantané de nouvelle génération, faites défiler vers le bas de la page et cliquez sur Créer un thème. Vous serez redirigé vers l'éditeur de site instantané où vous pouvez modifier le thème actuel ou en ajouter un nouveau.
- Si vous vendez sur l'originale version des sites instantanés Ecwid, WordPress, Wix ou tout autre site personnalisé, cliquez sur Modifier le thème à côté de votre thème actuel :
  
  Ajoutez les nouveaux codes CSS à votre thème existant. Ajoutez les nouveaux codes sous les codes existants :

Enregistrez les modifications.

Les codes ajoutés à votre thème CSS actif s'appliqueront à votre vitrine Ecwid. Actualisez la page de votre vitrine pour voir les modifications. Il ne peut y avoir qu'un seul thème CSS actif à la fois. Ajoutez tous les codes que vous souhaitez appliquer à votre vitrine à votre thème actif.

Si vous utilisez un site instantané de nouvelle génération, alors les codes appliqués à votre vitrine (la boutique actuelle où les clients recherchent des produits) n'affecteront pas les blocs boutique sur la page d'accueil de votre site Web. Si vous avez besoin de configurer l'apparence des blocs de boutique, vous pouvez le faire individuellement, par exemple en utilisant les paramètres de conception dans l'éditeur de site.