10mShop

Le thème

Couleurs de marque, polices, design des cartes, boutiques sombres, et les effets qui valent pour toute la boutique.

Thème dans la barre d'outils du designer règle les couleurs de marque, les polices et les jetons de design globaux — les valeurs que chaque bloc va lire.

Les couleurs et les polices de votre boutique sont livrées dans la page : le tout premier rendu est déjà le vôtre. Les visiteurs ne voient jamais le bleu par défaut de la plateforme passer avant l'arrivée de votre palette.

Card Design

Quelle carte produit dessinent toutes les grilles et listes de produits :

DesignSe lit commeTypique pour
ClassicLa carte arrondie d'origine, avec boutons au survolJouets, gadgets, magasins généralistes
RetailUne carte de catalogue : étiquette de pourcentage, ligne de stock, marque + modèle, ligne de caractéristiques, étoiles, boutons à icôneÉlectronique, outillage, B2B
MinimalGrande image, nom et prix discrets ; le survol montre la deuxième photo, plus une barre d'ajout rapideMode, beauté
EditorialCentré et aéré, composé dans la police des titresBijoux, art, mobilier, luxe
OverlayL'image est la carte, la légende sur un voile sombreAlimentation, expériences, photographie, tirages
CompactUne ligne horizontale avec une petite image et un bouton panier pleinÉpicerie, pièces détachées, livres

L'onglet Style d'un bloc grille ou liste montre les mêmes puces avec un indicateur globe/retour, de sorte qu'un bloc peut différer du choix de toute la boutique et y être ramené.

Card Size, Card Image Aspect, Card Text Alignment et Card Style valent pour tous les designs — un design sans surface de carte porte la bordure ou l'ombre autour de son image à la place. Le design compact élargit ses colonnes de lui-même.

Rendre la boutique sombre

Demander une boutique sombre à l'IA — « mode sombre », « fond foncé » — bascule le thème lui-même : arrière-plan de page, arrière-plan secondaire, texte et texte atténué basculent ensemble, de sorte que chaque bloc suit d'un coup au lieu de laisser certaines sections claires.

Les couleurs de marque, les polices et les jetons de style survivent à la bascule, et l'inverse fonctionne aussi pour revenir au clair.

Ce n'est pas la même chose que le mode sombre de votre tableau de bord, qui ne touche que ce que vous voyez pendant que vous travaillez. Le thème de la boutique, c'est ce que reçoivent vos visiteurs.

Les effets pour toute la boutique

Deux effets se règlent ici et valent partout, sauf si un bloc les remplace :

  • Effet d'arrière-plan — l'atmosphère décorative d'une section : formes qui tombent, aurore, orbes lumineux, grilles de points et de lignes, particules, vagues, étincelles, bulles, rayons de lumière, lignes de circuit, dégradé qui dérive — ou rien.
  • Effet au survol pour les cartes — soulèvement, projecteur, inclinaison, lueur, zoom — ou rien.

Les deux se règlent par bloc dans l'onglet Style des blocs marketing, et un bouton Rétablir y ramène le bloc à la valeur de la boutique.

Les effets sont automatiquement désactivés pour les visiteurs dont l'appareil demande moins d'animation.

Les polices

Les titres et le corps de texte prennent des fontes distinctes. Chaque titre — h1 à h6 — prend la fonte des titres par règle, de sorte qu'un titre rendu par un script ressemble à un titre rendu par le serveur. Un design de carte qui veut délibérément la fonte du corps sur son titre le dit lui-même.

Ajouter une couleur ou une police

Les nouvelles couleurs et fontes de thème appartiennent à la plateforme plutôt qu'à une boutique. S'il vous manque une fonte, ouvrez un ticket — une fonction manquante que nous livrons vaut 30 crédits IA.

Sur cette page

Le thème — 10mShop