Automatyczne generowanie bloków szablonu w edytorze szablonów

Za pomocą funkcji Shopify Magic możesz wykorzystać sztuczną inteligencję (AI) do wygenerowania nowego bloku szablonu w edytorze szablonów na podstawie podanych przez Ciebie szczegółów.

Na tej stronie

Kwestie do rozważenia przy generowaniu bloków szablonu

Zapoznaj się z następującymi kwestiami dotyczącymi generowania bloków szablonu:

Kod wygenerowany przez AI nie zawsze jest doskonały. Czasami może generować błędy, nieoczekiwane wyniki lub kod, który nie jest w pełni zgodny z najlepszymi praktykami w zakresie dostępności lub wydajności. Odpowiadasz za przejrzenie, przetestowanie i upewnienie się, że wygenerowany blok spełnia Twoje standardy i działa prawidłowo.
W podglądzie edytora szablonów sprawdź, jak blok wygląda w widoku na komputery i na urządzenia mobilne.
Jeśli Twój blok zawiera ustawienia dostosowywania, przetestuj je po dodaniu bloku, aby upewnić się, że działają zgodnie z oczekiwaniami.
Po wygenerowaniu bloku szablonu nowy plik Liquid dla tego bloku jest dodawany do blocks folderu w kodzie Twojego szablonu.
- Bloki szablonu składają się z Liquid, języka szablonów Shopify. Pliki bloków szablonu zawierają również kod HTML, CSS, JSON i JavaScript. Po wygenerowaniu bloku szablonu nowy plik Liquid dla tego bloku jest dodawany do blocks folderu w kodzie Twojego szablonu.
- Jeśli chcesz edytować wygenerowany blok szablonu, modyfikując jego kod, możesz edytować kod szablonu. Edytuj kod szablonu tylko wtedy, gdy znasz języki HTML i CSS oraz masz podstawową wiedzę na temat języka Liquid.
- Plik Liquid wygenerowany przez Shopify Magic jest samodzielny. Nadal możesz aktualizować swój szablon, gdy nowe wersje zostaną opublikowane w Shopify Theme Store.

Wymagania dotyczące uprawnień do generowania bloków szablonu

Zapoznaj się z poniższymi wymaganiami dotyczącymi generowania bloków szablonu.

Wymagania dotyczące planu cenowego

Twój sklep musi korzystać z jednego z następujących planów cenowych:

Darmowa wersja próbna
Basic
Growth
Advanced
Plus

Ta funkcja nie jest dostępna w planie Starter, który korzysta z szablonu Spotlight i nie obsługuje dodawania niestandardowych sekcji ani bloków szablonu.

Zgodność szablonów

Funkcja generowania bloków szablonu jest dostępna dla wszystkich szablonów w sklepie Shopify Theme Store. Jeśli używasz kompatybilnego szablonu zewnętrznego, musisz go kupić, aby móc generować bloki szablonu, ponieważ darmowa wersja próbna nie obsługuje tej funkcji.

Ta funkcja nie jest dostępna dla szablonów vintage. Dowiedz się więcej o funkcjach dla różnych wersji architektury szablonów.

Wymagania dotyczące uprawnień użytkownika

Następujący użytkownicy mogą generować bloki w szablonach:

Właściciel sklepu i właściciel organizacji.
Użytkownicy z rolami Administrator lub Administrator organizacji.
Użytkownicy z rolą w sklepie z uprawnieniem Edytuj kod.

Wskazówki dotyczące pisania skutecznych promptów bloków szablonu

Jakość wygenerowanego bloku często zależy od jakości promptu. Postępuj zgodnie z poniższymi sprawdzonymi metodami:

Pisz precyzyjnie i opisowo: prompty powinny składać się z co najmniej pięciu słów. Dłuższe, bardziej szczegółowe prompty mają większe szanse na wygenerowanie dokładniejszych wyników. Na przykład zamiast wpisywać dodaj obrazy i tekst, wpisz Utwórz blok z obrazem po lewej stronie oraz nagłówkiem, tekstem akapitu i przyciskiem „Kup teraz” po prawej. Ułóż jedno pod drugim na urządzeniach mobilnych.
Wymieniaj elementy treści: wskaż rodzaje treści potrzebne w bloku, takie jak nagłówki, akapity, obrazy, przyciski, formularze i ikony.
Sugeruj układ: opisz rozmieszczenie elementów w bloku, np. obok siebie, w siatce, wyśrodkowane lub w naprzemiennych rzędach.
Uwzględniaj ustawienia dostosowania: jeśli chcesz, aby blok miał określone edytowalne ustawienia w edytorze szablonów, takie jak opcja zmiany obrazu, tekstu lub linku przycisku, dodaj je w prompcie. Na przykład, aby w bloku z filmem zawrzeć ustawienie umożliwiające sterowanie szybkością animacji, wpisz Uwzględnij ustawienie do sterowania szybkością animacji.
Doprecyzowuj za pomocą kolejnych instrukcji: jeśli pierwszy wynik nie jest w pełni zadowalający, dostosuj prompt, dodając więcej szczegółów lub zmieniając sformułowania, a następnie wygeneruj blok ponownie.

Zapoznaj się z następującymi przykładami promptów, które są zgodne z najlepszymi praktykami:

Blok opinii ze zdjęciem klienta, tekstem cytatu, nazwą klienta i wyświetlaniem 5-gwiazdkowej oceny.
Sąsiadujący blok funkcji: po lewej stronie ikona i nagłówek, po prawej stronie tekst opisowy.
Baner o pełnej szerokości ze zdjęciem tła, wyśrodkowanym dużym tekstem nagłówka, mniejszym tekstem podtytułu pod nim i przyciskiem wezwania do działania.

Wygeneruj blok szablonu

Gdy wygenerujesz blok i zdecydujesz się go zachować, nowy blok zostanie dodany do selektora bloków. Możesz dodać blok do zgodnych sekcji, które akceptują bloki szablonu.

Kroki:

Z panelu administracyjnego Shopify przejdź do opcji Sklep online > Szablony.
Znajdź szablon, który chcesz edytować, i kliknij opcję Edytuj szablon.
Dostosuj stronę główną lub naciśnij menu rozwijane Strona główna, a następnie wybierz szablon, do którego chcesz dodać sekcję.
Kliknij sekcję, dla której chcesz wygenerować blok.
Kliknij opcję Dodaj blok.
Kliknij opcję Generuj.
Wprowadź opis bloku, który chcesz wygenerować.
Kliknij opcję Generuj. Shopify Magic przetworzy Twoje żądanie i utworzy kod.
Wyświetl podgląd wygenerowanego bloku bezpośrednio w edytorze szablonów. Jeśli wygenerowano ustawienia dostosowywania, możesz dostosować swój blok.
Jeśli wygenerowany blok Ci odpowiada, kliknij Zachowaj. W przeciwnym razie możesz odrzucić blok lub podać dalsze instrukcje.

Usuwanie wygenerowanego bloku szablonu z szablonu

Po wygenerowaniu bloku szablonu nowy plik Liquid dla tego bloku jest dodawany do folderu blocks w kodzie szablonu. Jeśli wygenerowany blok szablonu powoduje problemy w Twoim sklepie, możesz go usunąć, usuwając plik Liquid z kodu szablonu.

Kroki:

Z panelu administracyjnego Shopify przejdź do opcji Sklep online > Szablony.
Obok szablonu, który chcesz edytować, kliknij Edytuj szablon.
Dostosuj stronę główną lub naciśnij menu rozwijane Strona główna, a następnie wybierz szablon, do którego chcesz dodać sekcję.
Kliknij sekcję zawierającą blok, który chcesz usunąć. Jeśli wcześniej usunięto wszystkie wystąpienia bloku, kliknij przycisk Dodaj blok, aby ponownie dodać blok z selektora bloków.
W ustawieniach bloku kliknij kolejno: > Edytuj kod.
W menu na pasku bocznym kliknij folder blocks, aby go rozwinąć, a następnie znajdź plik bloku, który aktualnie wyświetlasz. Nazwa pliku będzie zgodna z nazwą aktualnie otwartego bloku i będzie mieć rozszerzenie .liquid.
W menu na pasku bocznym kliknij ikonę obok pliku bloku.
W oknie dialogowym kliknij Usuń plik, aby potwierdzić.