Eksempelprodukt: https://customix-demo-store.myshopify.com/products/jd002-god-says-i-am-name-letter-in-bible-toile-de-jouy-style-personalized-jewelry-dish
Trinn 1: Forbered designassets
For å aktivere dynamisk oppsettvisning basert på antall tegn må du forberede to sett med designassets. Disse assetene avgjør hvordan ulike oppsett vises ut fra tegnene kundene skriver inn.
a. Bilder av store bokstaver (hovedtegn)
Dette assetsettet styrer hovedtegnet som vises stort i oppsettet.
Rekkefølge på filene:
- Fil 1 → Tomt bilde (påkrevd plassholder)
- Fil 2–27 → Små bokstaver
a–z - Fil 28–54 → Store bokstaver
A–Z - Fil 55–64 → Tall
0–9(valgfritt)
b. Mapper for sitatoppsett
Forbered 54 mapper som tilsvarer de 54 tegntilfellene, etter samme logikk som i del 1:
- 27 mapper for små bokstaver
a–z - 27 mapper for store bokstaver
A–Z
Hver mappe representerer sitatoppsettet for ett bestemt tegn.
Trinn 2: Legg til elementer i malen
Når alle designassetene er klare, er neste trinn å legge disse elementene inn i en mal og sette opp oppsettene.
a. Last opp assets til Assets-biblioteket
- Last opp alle de klargjorte filene og mappene til Assets → Bilder
- Kontroller at mappestrukturen (bakgrunner, alfabeter, sitater) er lastet opp riktig
b. Opprett en eksempelmal
Opprett en ny mal og begynn å legge til elementer. Det første er bakgrunnen med 3 farger: blå, rød og svart.
Legg deretter til 3 alfabetlag, endre størrelsen på dem og plasser dem på ønsket sted i designet.
Etter det legger du til 3 sitatlag som tilsvarer de samme 3 fargene, og justerer og plasserer dem i forhold til alfabetlagene.
c. Opprett oppsett
Velg alle 6 lagene og klikk på ikonet Opprett oppsett for å gruppere dem i Layout 1.
Klikk på Layout 1 og trykk på tastekombinasjonen Ctrl + C and Ctrl + V for å duplisere den som Layout 2 med samme struktur.
Utvid deretter Layout 2 og velg de 6 lagene som tilsvarer det første tegnet. Bruk også kombinasjonen Ctrl + C and Ctrl + V for å lage 6 ekstra lag for det andre tegnet, som vist på referansebildet nedenfor.
Lagre malen for å beholde den nåværende strukturen før du går videre til neste konfigurasjonstrinn.
Trinn 3: Alternativsett, tilordning og logikk
I dette trinnet konfigurerer vi alternativsettene og logikken som automatisk bytter oppsett, alfabeter og sitater ut fra teksten kundene skriver inn.
a. Legg til et tekstfeltalternativ
- Gå til Alternativsett → Legg til → Tekstfelt
- Dette feltet brukes av kundene til å skrive inn teksten sin (for eksempel et navn).
b. Aktiver tegnbaserte fargeprøver
I innstillingene for tekstfeltet aktiverer du Vis fargeprøver etter tegn og tilordner deretter:
- Blue Alphabet → Tegn 1
- Blue Alphabet 2 → Tegn 2
c. Aktiver bytte av oppsett etter tekstlengde
Aktiver funksjonen Vis fargeprøver for oppsett etter tekstlengde. Da kan oppsettene automatisk tilpasses etter hvor mange tegn kunden skriver inn.
- Tekstlengde = 1 tegn → Vis Layout 1
- Tekstlengde = 2 tegn → Vis Layout 2
d. Angi global ID for tegnsynkronisering
Nå må du angi global ID for alle lagene som påvirkes av det første tegnet kundene skriver inn:
- Blue Alphabet
- Black Alphabet
- Red Alphabet
- Blue Quotes
- Black Quotes
- Red Quotes
⚠️ Ikke velg nestede alternativverdier inne i sitatalternativsettene, og angi global ID = 1
Når Blue Alphabet bytter til tegnet A, bytter alle andre lag med global ID = 1 automatisk til den tilsvarende verdien A. Gjenta den samme prosessen for det andre tegnet.
e. Angi visningsbetingelser etter bakgrunnsfarge
For å sikre riktig fargesamsvar velger du alle Black-lagene (Alphabet + Quotes) og legger til betingelsen: Vis bare når Background = Black
Gjenta det samme oppsettet for røde og blå tegn. Da vises bare assetene med riktig farge, ut fra bakgrunnen som er valgt.
f. Skjul unødvendige alternativer
Sluttresultat
Når kunden skriver inn 1 tegn (for eksempel c), vises bare Layout 1, og sitatet og alfabetet for C vises
Når kunden skriver inn 2 tegn (for eksempel cd), vises Layout 2, og sitater og alfabeter for C og D vises tilsvarende.
Oppdatert: 18/08/2026