Comment les Page Styles et les Themes sont liés (Import from Theme)

Escher dispose de deux emplacements distincts où l'apparence est stockée, et ils ne partagent pas les données automatiquement :

• Les Page Styles pilotent vos pages de vente drop. Ce sont des présets au niveau du compte que vous créez et appliquez par drop.
• Le Theme de la boutique pilote la boutique autonome. Les thèmes sont gérés dans le Theme Manager / Theme Branding, et un thème est le thème actif.

Ce sont des systèmes indépendants. Modifier un Page Style ne change rien à votre Theme, et changer votre Theme actif ne change rien à vos Page Styles — sauf si vous copiez volontairement les valeurs entre eux avec Import from Theme.

Quand utiliser Import from Theme

Utilisez-le quand vous avez déjà configuré le branding de votre boutique (le Theme actif) et que vous voulez un Page Style qui correspond, au lieu de rentrer à nouveau toutes les couleurs et tailles de police à la main.

Le bouton lit le branding du thème actif. Si vous n'avez pas de thème actif, il est désactivé avec l'infobulle :

No active theme. Set up Theme Branding first.

Commencez donc par configurer et activer un thème (voir How to use the Theme Manager).

Ce qu'il copie

Import from Theme récupère ces valeurs du thème actif vers le Page Style :

• Couleurs du texte — titre, sous-titre et corps.
• Couleur du texte des boutons.
• Couleurs de fond — fond du héros et fond de page.
• Tailles de typographie — converties en pixels (par exemple, une valeur de thème en rem ou un clamp() devient une taille px).
• Familles de polices — seulement quand le thème les a définies.

Il ouvre d'abord une boîte de dialogue de confirmation, listant exactement ce qui sera importé et affichant un petit aperçu des couleurs, pour que vous puissiez vérifier avant d'appliquer.

Deux modes

Le bouton fonctionne de deux façons selon l'endroit où vous l'activez :

• Create — crée un nouveau Page Style à partir du branding du thème actif. Il porte le nom du thème ; si un style avec ce nom existe déjà, un numéro est ajouté (par exemple My Theme (1)) pour que le nom reste unique. Le nouveau style se retrouve dans votre bibliothèque de Page Styles.
• Update — applique les valeurs du thème actif dans le Page Style que vous êtes en train de modifier, en écrasant ces champs du formulaire. Rien n'est sauvegardé jusqu'à ce que vous sauvegardez le style vous-même.

Choses à savoir

• La copie est une capture instantanée unique. Il n'y a pas de lien en direct — si vous changez le Theme plus tard, vos Page Styles importés ne se mettent pas à jour. Réimportez pour les actualiser.
• Les polices peuvent être remplacées. Les Page Styles utilisent une liste de polices fixe (Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana). Si la police du thème n'en fait pas partie, elle est mappée au match le plus proche (les polices serif reviennent à Georgia, tout le reste à Inter) sans avertissement.
• Import from Theme est différent d'extraire un style à partir d'une URL. L'extraction d'URL se fait à l'étape Page Design de l'assistant drop et lit un site web ; Import from Theme lit votre propre thème de boutique actif. Voir How to extract styles from a website.