Produs de probă: https://customix-demo-store.myshopify.com/products/jd002-god-says-i-am-name-letter-in-bible-toile-de-jouy-style-personalized-jewelry-dish
Pasul 1: Pregătește resursele de design
Pentru a activa afișarea dinamică a aspectului în funcție de numărul de caractere, trebuie să pregătești două seturi de resurse de design. Aceste resurse determină modul în care sunt afișate diferitele aspecturi, în funcție de caracterele introduse de clienți.
a. Imagini cu alfabetul mare (caracterul principal)
Acest set de resurse controlează caracterul mare principal afișat în aspect.
Structura ordinii fișierelor:
- Fișierul 1 → Imagine goală (substituent obligatoriu)
- Fișierele 2–27 → Litere mici
a–z - Fișierele 28–54 → Litere mari
A–Z - Fișierele 55–64 → Cifre
0–9(opțional)
b. Foldere cu aspecturi de citate
Pregătește 54 de foldere corespunzătoare celor 54 de cazuri de caractere, urmând aceeași logică ca la partea 1:
- 27 de foldere pentru literele mici
a–z - 27 de foldere pentru literele mari
A–Z
Fiecare folder reprezintă aspectul de citat pentru un anumit caracter.
Pasul 2: Adaugă elemente în șablon
După ce ai pregătit toate resursele de design, următorul pas este să adaugi aceste elemente într-un șablon și să configurezi aspectele.
a. Încarcă resursele în biblioteca de resurse
- Încarcă toate fișierele și folderele pregătite în Resurse → Imagini
- Asigură-te că structura de foldere (fundaluri, alfabete, citate) este încărcată corect
b. Creează un șablon de probă
Creează un șablon nou și începe să adaugi elemente; primul este Fundalul, în 3 culori: albastru, roșu, negru.
Apoi adaugă 3 straturi Alfabet, redimensionează-le și poziționează-le în locul dorit din design.
După aceea, adaugă 3 straturi Citat, corespunzătoare acelorași 3 culori, aliniindu-le și poziționându-le față de straturile alfabetului
c. Creează aspectul
Selectează toate cele 6 straturi și fă clic pe pictograma Creați un aspect pentru a le grupa în Aspectul 1.
Fă clic pe Aspectul 1 și apasă combinația de taste Ctrl + C and Ctrl + V pentru a duplica Aspectul 2 cu aceeași structură
Apoi extinde Aspectul 2 și selectează cele 6 straturi corespunzătoare primului caracter; folosește tot combinația Ctrl + C and Ctrl + V pentru a crea încă 6 straturi pentru al doilea caracter, așa cum se arată în imaginea de referință de mai jos.
Salvează șablonul pentru a păstra structura curentă înainte de a trece la următorul pas de configurare
Pasul 3: Asocierea și logica setului de opțiuni
În acest pas vom configura seturile de opțiuni și logica pentru a comuta automat aspectele, alfabetele și citatele în funcție de textul introdus de clienți.
a. Adaugă o opțiune de tip câmp de text
- Mergi la Seturi de opțiuni → Adăugați → Câmp de text
- Acest câmp va fi folosit de clienți pentru a-și introduce textul (de exemplu, numele)
b. Activează mostrele în funcție de caractere
În setările câmpului de text, activează Afișați mostrele în funcție de caractere, apoi atribuie:
- Blue Alphabet → Caracterul 1
- Blue Alphabet 2 → Caracterul 2
c. Activează comutarea aspectului în funcție de lungimea textului
Activează funcția Afișați mostrele de aspect în funcție de lungimea textului; aceasta permite aspectelor să se ajusteze automat în funcție de numărul de caractere introduse de client.
- Lungimea textului = 1 caracter → Se afișează Aspectul 1
- Lungimea textului = 2 caractere → Se afișează Aspectul 2
d. Setează ID-ul global pentru sincronizarea caracterelor
Acum trebuie să setezi ID-ul global pentru toate straturile care vor fi afectate de primul caracter introdus de clienți:
- Blue Alphabet
- Black Alphabet
- Red Alphabet
- Blue Quotes
- Black Quotes
- Red Quotes
⚠️ Nu selecta valori de opțiuni imbricate în seturile de opțiuni Quote și setează ID-ul global = 1
Când Blue Alphabet comută la caracterul A, toate celelalte straturi cu ID global = 1 vor comuta automat la valoarea corespunzătoare A. Repetă același proces pentru al doilea caracter.
e. Setează condițiile de afișare în funcție de culoarea fundalului
Pentru a asigura potrivirea corectă a culorilor, selectează toate straturile Black (Alphabet + Quotes) și adaugă condiția: Show only when Background = Black
Repetă aceeași configurare pentru caracterele roșii și albastre. Astfel se afișează doar resursele de culoarea corectă, în funcție de fundalul selectat.
f. Ascunde opțiunile inutile
Rezultatul final
Când clientul introduce 1 caracter (de exemplu, c), se afișează doar Aspectul 1, împreună cu citatul și alfabetul pentru C
Când clientul introduce 2 caractere (de exemplu, cd), se afișează Aspectul 2, iar citatele și alfabetele pentru C și D sunt afișate în consecință.
Actualizat la: 18/08/2026