Sekcje i bloki

Szablony utworzone dla Online Store 2.0 używają sekcji_dla uzyskania idealnego układu. Większość sekcji składa się z _bloków, które pełnią określoną funkcję, np. nagłówki, tekst, pojedyncze obrazy, kolaż obrazów lub linki. Używanie sekcji i bloków we wzorcach zapewnia większą elastyczność w rozmieszczaniu zawartości sklepu, pozwalając na kontrolowanie wyglądu i sposobu obsługi sklepu online bez konieczności edytowania kodu.

Każda sekcja ma określoną różnorodność bloków, które można do niej dodać. To, jakie sekcje i bloki są dostępne, zależy od Twojego szablonu. Aby uzyskać więcej informacji na temat dostępnych opcji, zapoznaj się z dokumentacją szablonu.

Niektóre sekcje mają limity liczby bloków, które można dodać, lub limity liczby bloków określonego typu. Na przykład w sekcji Obraz z tekstem mogą być wyświetlane tylko bloki określone przez projektanta szablonów dla Twojego szablonu. W Dawn, darmowym szablonie Shopify, możesz dodać tylko jeden z następujących bloków:

  • nagłówek
  • akapit
  • przycisk

Możesz dodatkowo dostosować sekcję, edytując jej ustawienia, aby uwzględnić obraz i wybrać wyrównanie, rozmiar, kolor tła i to, co ładuje się najpierw, gdy klienci odwiedzają Twój sklep online.

Jeśli sekcje, które dodasz do układu sklepu, nie zawierają ustawień ani potrzebnych opcji, możesz edytować kod szablonu lub skontaktować się z projektantem szablonu w celu uzyskania pomocy.

Dostosuj wzorce szablonów za pomocą sekcji i bloków

Po otwarciu edytora szablonów strona główna Twojego sklepu ładuje się domyślnie. Możesz użyć rozwijanego menu, aby wybrać inny wzorzec lub użyć paska wyszukiwania w rozwijanej liście wzorców, aby wyszukać konkretny typ strony. Wybranie wzorca powoduje załadowanie go do edytora szablonów, a wszelkie dokonywane zmiany są widoczne na podglądzie w edytorze w trakcie ich wprowadzania.

Dodaj sekcję

Dodaj nową sekcję do dowolnej strony w sklepie online.

Kroki:

  1. Wybierz wzorzec z rozwijanego menu. 4. Kliknij + Dodaj sekcję, a następnie wybierz nową sekcję z listy. 5. Kliknij nową sekcję, aby edytować bloki w sekcji. 6. Opcjonalnie: Kliknij i przeciągnij ikonę ⋮⋮ obok sekcji, aby zmienić układ sekcji na stronie. 7. Kliknij Zapisz.

Edytuj sekcję

  1. Z rozwijanego menu wybierz wzorzec zawierający sekcję, którą chcesz edytować. 4. Kliknij sekcję, aby załadować zawartość do okna podglądu i uzyskać dostęp do dostępnych dla Ciebie opcji. 5. Opcjonalnie: Kliknij poszczególne bloki, aby edytować bloki w sekcji. 6. Kliknij Zapisz.

Usuń sekcję lub blok

  1. Z rozwijanego menu wybierz wzorzec zawierający sekcję, którą chcesz edytować. 4. Kliknij sekcję, aby załadować zawartość do okna podglądu i uzyskać dostęp do dostępnych dla Ciebie opcji. 5. Kliknij ikonę oka, aby ukryć lub odkryć sekcję lub blok. 6. Kliknij Usuń, aby usunąć blok lub sekcję.

Niektóre sekcje mają stałe typy i limity bloków. Jeśli istnieje limit dla określonej sekcji lub bloku, interfejs informuje o użyciu X z X dostępnych bloków. Jeśli użyłeś(-aś) maksymalnej liczby bloków, nie będziesz mógł/mogła dodać żadnych dodatkowych bloków, dopóki nie usuniesz istniejącego.

Praca z blokami

Bloki to konfigurowalne moduły, które tworzą sekcje we wzorcach stron. Możesz używać bloków do dodawania tekstu, obrazów, linków, przycisków i innych elementów.

Szablony Online Store 2.0 mają sekcje i bloki, które można dostosować. Niektóre sekcje mają stałe typy bloków, co oznacza, że możesz wybierać tylko z bloków dostępnych dla tej sekcji przez projektanta szablonów. Inne sekcje umożliwiają wybranie dowolnego bloku, ale ograniczają całkowitą liczbę bloków, które można dodać do sekcji. Jeśli Twoja sekcja osiągnie maksymalną liczbę dostępnych bloków, w wiadomości wyświetlany jest osiągnięty limit, a opcja + Dodaj blok jest wyszarzona do momentu usunięcia istniejącego bloku.

Dodaj blok

  1. Z rozwijanego menu wybierz wzorzec zawierający sekcję, którą chcesz edytować. 4. Kliknij sekcję, aby załadować zawartość do okna podglądu i uzyskać dostęp do dostępnych dla Ciebie opcji. 5. Kliknij + Dodaj blok, a następnie skonfiguruj dostępne opcje. 6. Kliknij Zapisz.

Korzystanie z metapól i dynamicznych źródeł

Metapola umożliwiają wyświetlanie dynamicznych informacji w sklepie online. Jeśli masz szablon, który obsługuje metapola, możesz połączyć metapole z sekcją lub blokiem w edytorze szablonów.

Na przykład sprzedawca świec może wyświetlać czas palenia dla każdego dostępnego typu świecy. Po skonfigurowaniu metapola dla czasu palenia sprzedawca może dodać blok dla czasu palenia do wzorca produktu, a następnie połączyć go z metapolem.

Możesz wyświetlać dynamiczne informacje w sklepie online, dodając sekcje lub bloki, które mogą korzystać z dynamicznych źródeł. Dynamiczne źródła mogą być używane w dowolnej sekcji lub bloku we wzorcu produktu. We wzorcach nieproduktowych dynamiczne źródła mogą być używane w sekcjach lub blokach, które pokazują produkty. Musisz dodać metapole przed podłączeniem go we wzorcach. Zapoznaj się z tematem Dynamiczne źródła, aby uzyskać więcej informacji na temat korzystania z metapól i dynamicznych źródeł w swoim szablonie.

Po zakończeniu procesu konfiguracji wykonaj następujące kroki, aby wstawić dynamiczne źródło do wzorca:

  1. Z rozwijanego menu wybierz wzorzec zawierający sekcję, którą chcesz edytować. 4. Kliknij istniejącą sekcję, aby załadować zawartość do okna podglądu i uzyskać dostęp do dostępnych opcji lub kliknij + Dodaj sekcję. 5. Kliknij + Dodaj blok, a następnie podłącz dynamiczne źródło: * Jeśli wyświetlana jest ikona podłączenia dynamicznego źródła, kliknij w celu wybrania jednego metapola:
    Podłącz dynamiczne źródło
    * Jeśli ikona podłączenia dynamicznego źródła wyświetla znak +, kliknij, aby wybrać maksymalnie 20 metapól, dodając je po kolei:
    Wstaw ikonę źródła dynamicznego
    6. Kliknij Zapisz.

Gotowy(-a) do rozpoczęcia sprzedaży za pomocą Shopify?

Wypróbuj za darmo