Centrum pomocy
Jak stworzyć blok „Vibe” przy użyciu produktów z katalogu produktów
Dzięki funkcji Vibe Block możesz stworzyć niestandardowy blok produktu i połączyć go z katalogiem produktów. Opisz potrzebny projekt w poleceniu, a następnie wyświetl nazwy produktów, ceny, zdjęcia oraz przyciski „Kup” w wygenerowanym bloku.
Połącz katalog produktów i dodaj produkty
Przejdź do sekcji „Ustawienia witryny”, a następnie w sekcji „Wbudowane usługi” kliknij opcję „Połącz”, aby włączyć katalog produktów.
Dodaj produkty do katalogu produktów ręcznie lub skorzystaj z funkcji importowania.
Dodaj blok „Vibe” do strony
Przejdź do strony, na której chcesz wyświetlić produkty. Dodaj blok „Vibe” z biblioteki bloków.
Wprowadź polecenie opisujące wygląd bloku karty produktu i określ, że blok ten powinien być połączony z katalogiem produktów w projekcie. Poczekaj, aż blok zostanie wygenerowany.
Ponadto należy pamiętać o dodaniu w poleceniu prośby o dodanie produktu do koszyka.
Przykładowy tekst zlecenia:
Utwórz blok zawierający karty produktów i połącz go z katalogiem produktów w projekcie. Każda karta powinna wyświetlać nazwę produktu i cenę. Wyświetlaj po trzy karty w każdym wierszu. Dodaj przycisk „Pokaż więcej” na dole bloku. Po kliknięciu przycisku należy załadować kolejne produkty z katalogu produktów.
Utwórz blok zawierający karty produktów i połącz go z katalogiem produktów w projekcie. Każda karta powinna wyświetlać nazwę produktu i cenę. Wyświetlaj po trzy karty w każdym wierszu. Dodaj przycisk „Pokaż więcej” na dole bloku. Po kliknięciu przycisku należy załadować kolejne produkty z katalogu produktów.
Po wygenerowaniu bloku „Vibe Block” pojawi się przycisk „Ustawienia katalogu”. Kliknij go i wybierz kategorię katalogu produktów, która ma być wyświetlana na stronie.
Dodaj do strony koszyk ST100 wraz z blokiem formularza zamówienia.
Opublikuj stronę i otwórz ją, aby przetestować blok. Dodaj produkt do koszyka.
Sprawdź, czy wszystko działa poprawnie, a następnie dokonaj płatności. Dane produktu zostaną przesłane do podłączonych usług gromadzenia danych, tak jak dotychczas.
W poleceniu można również uwzględnić szczegółowy opis produktu wyświetlany w wyskakującym okienku. Można to zrobić po wygenerowaniu treści głównego bloku: opisz, jak powinno wyglądać wyskakujące okienko i jakie informacje powinno wyświetlać.
Na przykład szczegółowe wyskakujące okienko na poniższym obrazku zawiera wszystkie dostępne informacje o produkcie z katalogu produktów, elementy sterujące ilością produktów oraz przycisk „Dodaj do koszyka”. Możesz napisać własne polecenie, aby usunąć przyciski lub zmienić informacje wyświetlane w wyskakującym okienku.
Na przykład szczegółowe wyskakujące okienko na poniższym obrazku zawiera wszystkie dostępne informacje o produkcie z katalogu produktów, elementy sterujące ilością produktów oraz przycisk „Dodaj do koszyka”. Możesz napisać własne polecenie, aby usunąć przyciski lub zmienić informacje wyświetlane w wyskakującym okienku.
Produkty można również dodać do koszyka z wyskakującego okienka ze szczegółowymi informacjami.
Jeśli produkt nie został dodany do koszyka lub niektóre dane zostały przekazane nieprawidłowo — na przykład numer SKU — opisz problem w nowym poleceniu w edytorze Vibe Block i poproś sztuczną inteligencję o jego naprawienie.
