Réglages et sections

Réglages

Déclarés dans theme.json, modifiables par le commerçant dans Ma boutique. Les couleurs deviennent aussi des variables CSS : le réglage accent donne var(--accent).

TypeValeur
color#rrggbb
text, textareatexte
imageadresse https://
selectune des options (value, label)
number, rangenombre entre min et max
checkboxoui / non

Sections

Les blocs que le commerçant peut couper (bannière, nouveautés…). Déclarez-les, puis entourez-les de {% if show.id %}.

{
    "settings": [
        {
            "id": "accent",
            "type": "color",
            "label": "Couleur principale",
            "default": "#1f3a5f"
        },
        {
            "id": "background",
            "type": "color",
            "label": "Fond",
            "default": "#ffffff"
        }
    ],
    "sections": [
        {
            "id": "header_search",
            "label": "Barre de recherche",
            "description": "Recherche avec suggestions dans l’en-tête."
        },
        {
            "id": "mega_menu",
            "label": "Menu des rayons",
            "description": "Bandeau des catégories sous l’en-tête."
        }
    ]
}