Page Styles kontrolują wygląd wizualny stron sprzedażowych. Ustawienia są pogrupowane w trzech zakładkach: Kolory, Typografia i Przyciski.
Kolory
Ustaw kolory (za pomocą wybieraków koloru) dla:
- Core — tło i tekst.
- Buttons — tło przycisków i tekst.
- Secondary — panele, sekcje, obszary wyróżnione.
- Accent — podświetlenia i elementy dekoracyjne.
- Muted — subtelne tła i stany wyłączone.
- Other Elements — obramowanie, tło timera i tekst timera.
Logo
- Logo Color — kolor loga w nagłówku i stopce.
- Logo Background — przełącznik dodający panel tła za logo. Gdy włączony, możesz ustawić jego kolor, przezroczystość, wypełnienie i styl narożników.
Typografia
Rozmiary czcionek
Wartości o swobodnym wpisie dla Display, Heading, Subheading, Body i Caption. Wpisz dowolny rozmiar CSS — rem, px lub clamp() (na przykład clamp(2.5rem, 6vw, 4rem)).
Grubość czcionek
Ustaw grubość Display, Heading i Body od 100 do 900 (400 to normalny, 700 to pogrubiony).
Rodziny czcionek
Wybierz Heading Font i Body Font z ustalonej listy: Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana.
Przyciski
Wygląd przycisku
- Button Shape — Rounded, Square lub Pill.
- Button Style — Solid lub Ghost.
- Rollover State — Darkening lub Brightening po najechaniu.
Układ hero
- Vertical Alignment — Top, Bottom lub Center.
- Horizontal Alignment — Left lub Center.
Obraz logo
Prześlij obraz logo i ustaw jego szerokość (na przykład 200px).
Wyświetlanie produktów
- Preview Images — Artwork Image, Product lub Staging Shot.
- Thumbnails — Artwork Image lub Product Image.
- Default Selected — który rozmiar jest wybrany domyślnie: Smallest lub Largest.
Dodatkowe opcje
- Header Downward Arrow — przełącznik animowanej strzałki w hero z edytowalnym tekstem.
- Low Inventory Warning — przełącznik komunikatu o ograniczonej dostępności z edytowalnym tekstem.
- Shipping Cost Display — wyświetlaj koszty wysyłki klientom z oddzielnymi wartościami dla USA/Kanady/Europy i Reszty Świata.
Język i tekst
- Page language — język tekstu systemowego strony (przyciski, odliczanie, nagłówki, wiadomości koszyka). Auto stosuje się do języka Twojego sklepu Shopify; lub wybierz jawnie jeden. Zastosowany po opublikowaniu drop.
- Collection description — Twój własny tekst dla linii pod "The Collection"; pozostawienie puste używa przetłumaczonego ustawienia domyślnego.
Wyświetlanie kosztów wysyłki
Przełącz, czy stawki dostawy pokazują się poniżej przycisku Add to cart. Domyślnie włączone; zmiany docierają do aktywnej strony przy jej następnym ponownym opublikowaniu.
Galeria produktów
Pięć przełączników kontroluje, co pojawia się w galerii zdjęć każdego produktu na stronie sprzedażowej:
- Certificate (COA) shot i Letter-to-buyer shot — dołącz lub ukryj obrazy podglądu certyfikatu i listu. Zapoznaj się z sekcją Do Certificates of Authenticity show on my store page w celu uzyskania odpowiedzi na częste pytanie dotyczące "ukrycia obrazu COA".
- Every frame colour — pokaż zdjęcie produktu w ramie dla każdego koloru ramy, nie tylko jeden.
- Images added in Shopify — obrazy dodane do produktu w panelu administracyjnym Shopify pojawią się również w galerii.
- Hide images removed in Shopify — usunięcie zdjęcia w panelu administracyjnym Shopify również usuwa je z galerii.
- Certificate per size edition — pokaż obraz certyfikatu dla każdego poziomu rozmiaru zamiast jednego certyfikatu przykładowego.
Format zdjęcia produktu
Table shot format kontroluje, jak płaskie zdjęcia na stole (produkty tylko do druku) wyświetlają się w galerii: Landscape (naturalne zdjęcie), Square (kadrowanie 1:1 do środka) lub Portrait (taki sam współczynnik proporcji jak inne zdjęcia produktów). Zdjęcia w ramach, na ścianie, certyfikaty i listy pozostają niezmienione.
Sformułowanie tytułu produktu
Product title wording ustawia słowa wyświetlane po każdym tytule dzieła na stronie sprzedażowej ("… Fine Art Print" domyślnie). Wyczyść pole, aby pokazać tylko tytuł. Drop, który już ustawił swoje własne sformułowanie, je zachowuje — style dostarcza sformułowanie tylko tam, gdzie strona go nie ma.
Wymiary produktu
Opcjonalne linie tekstu w obszarze opisu produktu pokazujące wymiary wybranego wariantu: Printed area (druk minus obramowania), Border (zakres, gdy boki się różnią), Total print size (papier) i Total framed print size (druk plus rama, tylko warianty w ramach). Wybierz jednostkę — Centimetres, Inches lub Both — lub pozostaw ją na Auto, aby podążać za ustawieniem pomiaru Twojego konta. Domyślnie zaznaczona jest tylko Total print size, które nie pokazuje nic dodatkowego, ponieważ przyciski rozmiaru już to wyświetlają. Zapoznaj się z sekcją How to show print dimensions on your store page.
Rozdzielczość obrazu nagłówka
Header image resolution — desktop (px) i — mobile (px) kontrolują, jak duży obraz nagłówka jest serwowany na urządzenie.