Hoe paginastijlen en thema's zich tot elkaar verhouden (Importeren uit thema)

Escher heeft twee aparte plekken waar het uiterlijk wordt opgeslagen, en ze delen gegevens niet automatisch:

• Paginastijlen bepalen je drop verkooppagina's. Dit zijn voorinstellingen op accountniveau die je per drop samenstelt en toepast.
• Het storefront-thema bepaalt je zelfstandige storefront. Thema's worden beheerd in de Theme Manager / Theme Branding, en één thema is het actieve thema.

Dit zijn onafhankelijke systemen. Een paginastijl bewerken heeft geen invloed op je thema, en je actieve thema wijzigen heeft geen invloed op je paginastijlen — tenzij je opzettelijk waarden kopieert met Importeren uit thema.

Wanneer je Importeren uit thema moet gebruiken

Gebruik dit als je je storefront-branding (het actieve thema) al hebt ingesteld en je een paginastijl wilt die eraan aansluit, in plaats van alle kleuren en tekengroottes handmatig in te voeren.

De knop leest de branding van het actieve thema. Als je geen actief thema hebt, is de knop uitgeschakeld met de tooltip:

Geen actief thema. Stel eerst Theme Branding in.

Stel dus eerst een thema in en activeer het (zie Hoe je de Theme Manager gebruikt).

Wat het kopieert

Importeren uit thema haalt deze waarden uit het actieve thema in de paginastijl:

• Tekstkleuren — titel, ondertitel en body.
• Knoptekstkleur.
• Achtergrondkleuren — hero-achtergrond en paginaachtergrond.
• Typografiegroottes — omgezet naar pixels (bijvoorbeeld een themawaarde in rem of een clamp() wordt een px-grootte).
• Lettertypefamilies — alleen wanneer het thema deze heeft ingesteld.

Er verschijnt eerst een bevestigingsdialoog met exact wat er wordt geïmporteerd en een kleine kleurvoorvertoning, zodat je dit kunt controleren voordat je het toepast.

Twee modi

De knop werkt op twee manieren, afhankelijk van waar je hem activeert:

• Maken — maakt een nieuwe paginastijl van de branding van het actieve thema. De naam is gebaseerd op het thema; als een stijl met die naam al bestaat, wordt er een getal achter gezet (bijvoorbeeld Mijn thema (1)) zodat de naam uniek blijft. De nieuwe stijl komt in je bibliotheek met paginastijlen.
• Bijwerken — past de waarden van het actieve thema in de paginastijl toe die je momenteel bewerkt, waarbij die velden in het formulier worden overschreven. Niets wordt opgeslagen totdat je de stijl zelf opslaat.

Dingen die je moet weten

• Het kopieën is een eenmalige snapshot. Er is geen live link — wijzig het thema later en je geïmporteerde paginastijlen worden niet bijgewerkt. Importeer opnieuw om ze te vernieuwen.
• Lettertypen kunnen worden vervangen. Paginastijlen gebruiken een vaste fontlijst (Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana). Als het lettertype van het thema niet een van deze is, wordt het toegewezen aan de dichtste overeenkomst (seriflettertypen vallen terug op Georgia, al het andere op Inter) zonder waarschuwing.
• Importeren uit thema is niet hetzelfde als een stijl uit een URL extraheren. URL-extractie gebeurt in stap Page Design van de drop-wizard en leest een website; Importeren uit thema leest je eigen actieve storefront-thema. Zie Hoe je stijlen uit een website extraheert.