Przykładowy produkt: https://customix-demo-store.myshopify.com/products/jd002-god-says-i-am-name-letter-in-bible-toile-de-jouy-style-personalized-jewelry-dish
Krok 1: Przygotuj zasoby projektu
Aby włączyć dynamiczne wyświetlanie układu na podstawie liczby znaków, musisz przygotować dwa zestawy zasobów projektu. Określają one, jak wyświetlane są różne układy w zależności od znaków wpisanych przez klientów.
a. Obrazy dużych liter alfabetu (główny znak)
Ten zestaw zasobów steruje głównym, dużym znakiem wyświetlanym w układzie.
Kolejność plików:
- Plik 1 → Pusty obraz (wymagany element zastępczy)
- Pliki 2–27 → Małe litery
a–z - Pliki 28–54 → Wielkie litery
A–Z - Pliki 55–64 → Cyfry
0–9(opcjonalnie)
b. Foldery układów z cytatami
Przygotuj 54 foldery odpowiadające 54 przypadkom znaków, zgodnie z tą samą logiką co w części 1:
- 27 folderów dla małych liter
a–z - 27 folderów dla wielkich liter
A–Z
Każdy folder reprezentuje układ cytatu dla jednego konkretnego znaku.
Krok 2: Dodaj elementy do szablonu
Po przygotowaniu wszystkich zasobów projektu następnym krokiem jest dodanie tych elementów do szablonu i skonfigurowanie układów.
a. Prześlij zasoby do biblioteki zasobów
- Prześlij wszystkie przygotowane pliki i foldery do Zasoby → Obrazy
- Upewnij się, że struktura folderów (tła, alfabety, cytaty) została przesłana poprawnie
b. Utwórz przykładowy szablon
Utwórz nowy szablon i zacznij dodawać elementy; pierwszym z nich jest tło w 3 kolorach: niebieskim, czerwonym i czarnym.
Następnie dodaj 3 warstwy z alfabetem, zmień ich rozmiar i ustaw je w wybranym miejscu projektu.
Potem dodaj 3 warstwy z cytatami, odpowiadające tym samym 3 kolorom, i również wyrównaj je oraz ustaw względem warstw z alfabetem
c. Utwórz układ
Zaznacz wszystkie 6 warstw i kliknij ikonę Utwórz układ, aby zgrupować je w Układ 1.
Kliknij Układ 1 i naciśnij kombinację klawiszy Ctrl + C and Ctrl + V, aby zduplikować go jako Układ 2 o tej samej strukturze
Następnie rozwiń Układ 2 i zaznacz 6 warstw odpowiadających pierwszemu znakowi, a potem użyj kombinacji Ctrl + C and Ctrl + V, aby utworzyć 6 dodatkowych warstw dla drugiego znaku, jak pokazano na obrazie poniżej.
Zapisz szablon, aby zachować obecną strukturę, zanim przejdziesz do kolejnego kroku konfiguracji
Krok 3: Mapowanie zestawu opcji i logika
W tym kroku skonfigurujemy zestawy opcji i logikę, aby automatycznie przełączać układy, alfabety i cytaty na podstawie tekstu wpisanego przez klientów.
a. Dodaj opcję Pole tekstowe
- Przejdź do Zestawy opcji → Dodaj → Pole tekstowe
- To pole posłuży klientom do wpisania tekstu (np. imienia)
b. Włącz próbki zależne od znaków
W ustawieniach pola tekstowego włącz Wyświetlaj próbki według znaków, a następnie przypisz:
- Blue Alphabet → Znak 1
- Blue Alphabet 2 → Znak 2
c. Włącz przełączanie układów według długości tekstu
Włącz funkcję Wyświetlaj próbki układu zależnie od długości tekstu. Dzięki niej układy automatycznie dostosowują się do liczby znaków wpisanych przez klienta.
- Długość tekstu = 1 znak → Wyświetl Układ 1
- Długość tekstu = 2 znaki → Wyświetl Układ 2
d. Ustaw Globalne ID do synchronizacji znaków
Teraz musisz ustawić Globalne ID dla wszystkich warstw, na które będzie wpływał pierwszy znak wpisany przez klientów:
- Blue Alphabet
- Black Alphabet
- Red Alphabet
- Blue Quotes
- Black Quotes
- Red Quotes
⚠️ Nie wybieraj zagnieżdżonych wartości opcji wewnątrz zestawów opcji Quote i ustaw Globalne ID = 1
Gdy Blue Alphabet przełączy się na znak A, wszystkie pozostałe warstwy z Globalnym ID = 1 automatycznie przełączą się na odpowiadającą wartość A. Powtórz ten sam proces dla drugiego znaku.
e. Ustaw warunki wyświetlania według koloru tła
Aby zapewnić prawidłowe dopasowanie kolorów, zaznacz wszystkie warstwy Black (alfabet i cytaty) i dodaj warunek: Wyświetlaj tylko, gdy Background = Black
Powtórz tę samą konfigurację dla czerwonych i niebieskich znaków. Dzięki temu w zależności od wybranego tła wyświetlane są tylko zasoby we właściwym kolorze.
f. Ukryj niepotrzebne opcje
Efekt końcowy
Gdy klient wpisze 1 znak (np. c), wyświetlany jest tylko Układ 1, a także cytat i alfabet dla litery C
Gdy klient wpisze 2 znaki (np. cd), wyświetlany jest Układ 2, a następnie odpowiednio cytaty i alfabety dla liter C i D.
Zaktualizowano: 18/08/2026