Polecenia na karcie Ustawienia

Krok 4 - Strony > Katalog produktów >

Polecenia na karcie Ustawienia

Previous pageReturn to chapter overviewNext page

Polecenia na tej karcie służą do definiowania stylu kart, w których prezentowane są produkty.

 

Karta produktu składa się z kilku elementów, których ustawia są zgodne z parametrami określonymi w oknie Sklep | Ustawienia produktu:

Tło;
Okładka: Tutaj użyty jest pierwszy obraz produktu ustawiony w grupie Obraz okna Ustawienia produktu;
Nazwa produktu;
Opis
Wyświetl szczegóły: Obejmuje kategorię, model produktu, dostępność, cenę, VAT oraz pole ilość;
Przycisk: Zawiera link, który dodaje produkt do koszyka.

Jeżeli pewne informacje nie zostały określone, na przykład okładka lub model produktu, informacje te nie pojawiają się na karcie.

W edycji Pro edition, na karcie produktu widoczne są jeszcze Przybliżona ilość oraz liczba wskazująca Dostępna ilość.

Najpierw należy wybrać układ karty produktu, wybierając spośród opcji w grupie Ustawienia kart:

Okładka po lewej, tytuł i treść po prawej

Karta produktu zawiera nazwę produktu, opis, listę wariantów (jeśli jest ich kilka), cenę, ilość oraz przycisk "Kup teraz".

Tytuł i treść po lewej, okładka po prawej

Karta produktu zawiera po lewej stronie obraz produktu oraz po prawej wszystkie informacje o produkcie.

Okładka na górze, tytuł i treść na dole

Karta produktu zawiera po prawej stronie obraz produktu oraz po lewej wszystkie informacje o produkcie.

Tytuł i treść na górze, okładka na dole

Wszystkie informacje na temat produktu znajdują się pod jego zdjęciem. Nie jest wyświetlany opis szczegółowy.

Niezależnie od wyboru opcji, nazwa i obraz znajdujące się na karcie zostaną automatycznie skojarzone z linkiem utworzonym w opcji Link (np. do strony produktu) w oknie Ustawienia produktu | Ogólne .

Gdy sposób wyświetlania karty zostanie już ustalony, można zająć się następującymi opcjami:

Kart w wierszu: Ile kart produktów ma się mieścić w jednym wierszu.
Wysokość karty: Określa w pikselach wysokość karty produktu. Wielkość zdjęć produktów jest automatycznie dopasowywana do zadanej wysokości. Jeżeli opis produktu jest za długi, żeby zmieścić się na karcie, zostanie wyświetlony pasek przewijania. Jeżeli opis produktu jest za długi, żeby zmieścić się na karcie, zostanie wyświetlony pasek przewijania.
Margines karty: Określa w pikselach odległość, jaka ma być zachowana między kartami.
Rozmiar okładki (%): Określa szerokość obrazu okładki w zależności od pozostałych elementów na karcie, jeśli obraz jest po prawej lub lewej stronie. Albo określa szerokość względem wysokości karty, jeśli obraz umieszczony jest na górze, powyżej lub poniżej nazwy produktu.
Margines okładki / Margines treści: Określa w pikselach, ile miejsca ma pozostać między obrazem okładki albo treścią (nazwą i opisem), a krawędzią karty.

Po ustawieniu powyższych parametrów można przystąpić do szczegółów graficznych poszczególnych elementów na karcie informacyjnej. Po wybraniu elementu, którego ustawienia mają być określone, widać, jakie opcje są dla niego dostępne:

Widoczność: element może być widoczny lub niewidoczny. Opcja ta jest niedostępna dla ustawień Tło oraz Okładka. Jeżeli wybrany jest element Wyświetl szczegóły, można zdecydować, czy mają być widoczne takie informacje, jak kategoria, dostępność i cena, czy mają być ukryte.
Czcionka: Określa czcionkę, rozmiar oraz styl tekstu dla elementów dotyczących produktu: Nazwa, Opis, Wyświetl szczegóły oraz Przycisk. W menu znajdują się polecenia pozwalające zastosować Czcionka domyślna (zdefiniowane przez styl elementu Tekst strony w oknie Styl tekstu ), listę bezpiecznych czcionek (takich, które są obecne na wszystkich urządzeniach i nie muszą być publikowane) oraz wszystkie czcionki Google i czcionki sieciowe podane w oknie Dodaj czcionki sieci Web otwieranym poleceniem Inne typy czcionek.
Kolor tekstu: Określa kolor elementów tekstowych dotyczących produktu: Nazwa, Opis, Wyświetl szczegóły oraz Przycisk. Jeżeli zaznaczony jest element Wyświetl szczegóły, kolor tekstu stosowany jest także do linii oddzielającej Opis.
Kolor tła: Określa kolor elementów karty Tło oraz Przycisk.
Grubość: Określa grubość krawędzi elementów Tło oraz Przycisk.
Kolor: Określa kolor krawędzi elementów Tło oraz Przycisk.
Zaokrąglone narożniki: Określa zaokrąglenie narożników elementów Tło oraz Przycisk.
Rzucanie cienia: Powoduje, że Tło rzuca cień o określonym kolorze, położeniu, dyfuzji i wielkości.
Dopasuj do karty: Zaznaczenie tej opcji spowoduje, że obraz okładki będzie zajmował całą wysokość i szerokość. Gdy proporcje obrazu nie pasują do ekranu, obraz zostanie wyśrodkowany i przycięty. Jeżeli ta opcja nie jest zaznaczona, obraz okładki jest dopasowywany albo do dostępnej szerokości, albo wysokości.
Pokaż kategorie: Wyświetla kategorię, do której należy produkt. Kategorię przypisuje się w oknie Sklep | Katalog produktów.
Pokaż pole ilości: Zaznaczenie tego pola wyboru powoduje wyświetlenie na karcie produktu pola ilości, tak że klient może wybrać, jaką ilość lub ile sztuk produktu chce włożyć do koszyka.
Pokaż dostępność: Wyświetla na karcie produktu zarówno ikonę Przybliżona ilość jak i liczbę będącą wartością zmiennej Dostępna ilość.

Jeżeli włączysz opcję Pokaż dostępność  i istnieje chociaż jeden produkt, dla którego ma być wyświetlana dostępność tego typu, to strona zawierająca Katalog produktów musi mieć rozszerzenie .PHP. Rozszerzenie pliku można zmienić za pomocą opcji Format nazwy pliku w oknie Właściwości strony | Zaawansowane.

Pokaż cenę: Zaznaczenie tego pola wyboru powoduje wyświetlenie na karcie produktu ceny z VAT-em lub bez.
Sposób przewijania: Zdecyduj, czy na przycisku Przycisk ma widnieć tekst, czy obraz. W przypadku tekstu dostępne będą opcje definiujące styl tekstu oraz linku. W przypadku obrazu program automatycznie użyje obrazu wybranego w sekcji Obrazy w oknie Sklep | Opcje.
Marginesy: Określa w pikselach wielkość marginesu między tekstem a krawędzią Przycisk.

Na koniec, tylko w edycji Pro, można zastosować Opcje filtrowania:

Typ opcji filtrowania: Tu można oznaczyć kartę produktu rozetą z hasłem "Nowość" albo "Oferta specjalna".
Plik obrazu: Wybór obrazu rozety. Kliknięcie strzałki w polu pozwala wybrać obraz z biblioteki, a kliknięcie przycisku pozwala zaimportować plik graficzny (w formacie .JPG, .GIF lub .PNG) obrazu, który ma posłużyć jako rozeta.
Wyrównanie: Określa wyrównanie rozety na karcie produktu.
Szerokość %: Określa szerokość rozety jako procent szerokości całej karty produktu.

Na końcu, opcji w grupie Opcje można użyć do zdefiniowania:

Dodaj produkt bez pokazywania koszyka: Kiedy użytkownik kliknie przycisk Kup, produkt zostanie dopisany do zamówienia, ale nie nastąpi automatyczne przekierowanie do koszyka zakupów.
Link do powiększenia obrazka: Ta opcja aktywuje link do powiększonej wersji obrazów na karcie produktu. Powiększone obrazy są wyświetlane w polu pokazu. Jeżeli w oknie Ustawienia produktu | Ogólne został utworzony link, to zastąpi on ten link.

Styl okna pokazu modyfikuje się za pomocą opcji w Kroku 2. W oknie Okno podręczne Pole pokazu można ustalić kolory, cienie, krycie, efekt przejścia itd.