Sekcja Informacje o produkcie to główna część strony produktu. Pokazuje zdjęcia produktu po jednej stronie, a szczegóły produktu (nazwę, opis i formularz zamówienia) po drugiej. Jest wymagana na stronie produktu, więc możesz zmieniać jej wygląd, ale nie możesz jej usunąć.
Gdzie ją znaleźć
- Otwórz kreator i wybierz Strona produktu na karcie Strony.
- Wybierz produkt do podglądu. To zmienia tylko to, co pokazuje podgląd: Twój projekt dotyczy wszystkich produktów naraz.
- Kliknij Informacje o produkcie w podglądzie lub na karcie Sekcje.
Sekcja ma dwie stałe części, Media i Szczegóły. Nie możesz ich usunąć ani przenieść, tylko je ustawić. Na telefonach układają się jedna pod drugą: najpierw zdjęcia, potem szczegóły.
Ustawienia sekcji
- Szerokość sekcji: Strona trzyma treść w szerokości strony, Pełny sięga od krawędzi do krawędzi.
- Równe kolumny: gdy włączone, zdjęcia i szczegóły zajmują po połowie szerokości. Gdy wyłączone, każda kolumna zajmuje tyle miejsca, ile potrzebuje.
- Schemat kolorów, Odstęp (przestrzeń między dwiema kolumnami), odstępy wewnętrzne i Niestandardowy CSS.
Media: galeria zdjęć
Pokazuje zdjęcia i filmy dodane do produktu.
- Tryb: Karuzela (jedno zdjęcie naraz) lub Siatka (wszystkie zdjęcia naraz).
- Przyklejone: Wyłączone, Komputer, Telefon komórkowy lub Oba. Przyklejona galeria pozostaje widoczna, gdy klienci przewijają szczegóły.
- Siatka: Kolumny (1 lub 2), Odstęp i Pełna szerokość najpierw (pierwsze zdjęcie zajmuje obie kolumny).
- Karuzela: Ikony nawigacji (Strzałki, Szewrony lub Brak), Tło ikony, Paginacja na komputerze (Kropki, Licznik, Miniatury) i Paginacja mobilna (Kropki, Licznik, Podpowiedź, Miniatury). Podpowiedź pokazuje fragment następnego zdjęcia.
- Miniatury: przy miniaturach na komputerze ustaw Pozycja na komputerze (Lewo, Dół, Prawo) i Rozmiar na komputerze. Na telefonach zawsze są pod zdjęciem.
- Proporcje: Automatycznie zachowuje kształt każdego zdjęcia. Przy Pionowy, Kwadrat lub Poziomy Dopasowanie mediów wybiera Pokrycie (wypełnia i przycina) lub Zmieść (pokazuje całe zdjęcie).
- Włącz powiększenie: klienci klikają lub stukają zdjęcie, aby zobaczyć je na pełnym ekranie.
Szczegóły: bloki obok zdjęć
Szczegóły mają Odstęp i Przyklejony na komputerze (kolumna pozostaje widoczna, gdy klienci przewijają obok zdjęć). Zaznacz je i kliknij Dodaj nowy blok, aby dodać bloki, i przeciągnij je w dowolnej kolejności.
- Tytuł: nazwa produktu, raz na stronę. Ustaw Szerokość, Wyrównanie, Preset, Wysokość linii i Odstępy między literami. Pokaż nad obrazem na urządzeniach mobilnych przenosi nazwę (z oceną) nad galerię na telefonach. Pokaż recenzje nad tytułem umieszcza gwiazdki nad nazwą.
- Opis: tekst z Twojego produktu. Ustaw wysokość linii i odstępy między literami. Gdy Kliknij obraz, aby przewinąć jest włączone, kliknięcie w opisie przewija do formularza zamówienia, gdy żaden formularz nie jest widoczny. Linki nadal działają.
- Formularz: cena, warianty i przycisk zakupu. Jego opcje są w artykule Jak skonfigurować sekcję Informacje strony docelowej i formularz zamówienia (przyciski, odliczanie, WhatsApp)?
- Separator: do 2 linii między blokami.
- Elementy rozwijane, Oś czasu dostawy, Tabela rozmiarów, Odznaki i Przed i po: zobacz Jak dodać zwijane zakładki, daty dostawy, tabelę rozmiarów, plakietki lub zdjęcia przed i po na stronie produktu?
Formularz i Opis są wymagane: możesz je przenosić, ale nie usuwać.
Przyklejony przycisk
Pozostawia na ekranie sposób na zakup, gdy klienci przewiną poza formularz zamówienia. Znika znowu, gdy jakikolwiek formularz jest widoczny. Tryb:
- Brak: bez przyklejonego elementu.
- Pasek: pasek na dole z ceną, ilością i przyciskiem zakupu.
- Przycisk: pływający przycisk, który przewija do formularza. Ustaw Etykieta (pusta używa tekstu przycisku zakupu), Styl (Podstawowy lub Drugorzędny), Pozycja (Początek, Środek, Koniec) i Animacja (Puls, Bicie serca, Potrząśnięcie, Podskok, Poświata, Fala, Kołysanie lub Brak).
- Obraz: pływający obraz według Twojego wyboru, który przewija do formularza, z ustawieniami Pozycja i Animacja.
W kreatorze przyklejony element jest widoczny, gdy sekcja jest zaznaczona, więc możesz ustawić jego styl.