Bloki — przegląd

Przegląd Wszystkie plany 5 min czytania

Blok to jeden fragment treści w mega menu lub zakładce. Bloki stoją obok siebie w wierszu, a Szerokość każdego bloku określa, jaką część wiersza zajmuje.

Linki i przyciski

Lista linkówNagłówek i kolumna linków z opcjonalnymi ikonami, obrazami i plakietkami. Linki z obrazem po najechaniuLinki obok dużego obrazu, który zmienia się po najechaniu. Lista zaletAtuty sklepu, np. darmowa wysyłka, każdy z ikoną. PrzyciskJeden przycisk wezwania do działania, np. „Zobacz wszystko”.

Obrazy i banery

ObrazJeden baner lub obraz promocyjny z tytułem i linkiem. Slider obrazówKilka obrazów w karuzeli.Growth · Pro Baner promocyjnyObraz z nagłówkiem, tekstem i przyciskiem. Logotypy marekSiatka logotypów marek, każdy z własnym linkiem.

Produkty i kolekcje

Lista produktówJedna karta produktu albo produkty w siatce, liście lub karuzeli. Lookbook z punktamiZdjęcie z klikalnymi punktami na widocznych produktach. Lista kolekcjiKolekcje z obrazami.Growth · Pro Kolekcja w centrum uwagiNazwy kolekcji obok siatki ich produktów.Growth · Pro

Treści i promocje

Posty na bloguNajnowsze lub wybrane ręcznie artykuły z bloga.Growth · Pro Formularz kontaktowyFormularz, przez który klienci wysyłają Ci wiadomość. NewsletterFormularz zapisu e-mail. OdliczanieLicznik odliczający do wybranej daty.Growth · Pro Kod kuponuKod rabatowy, który klienci kopiują jednym kliknięciem.Growth · Pro Własny HTMLDowolny HTML: mapy, filmy, osadzenia.Pro

Który blok wybrać?

Blok	Najlepszy do	Karta w Wybierz blok	Plan
Lista linków	Kategorie, marki, rozmiary	Lista linków	Wszystkie plany; Plakietka wymaga Pro Navigation
Linki z obrazem po najechaniu	Kategorie z podglądem zdjęcia	Lista linków	Wszystkie plany
Lista zalet	Darmowa wysyłka, zwroty, bezpieczna płatność	Lista linków	Wszystkie plany
Przycisk	Wezwanie do działania „Zobacz wszystko”	Lista linków	Wszystkie plany
Obraz	Baner sezonowy lub promocja	Dodaj własny obraz	Wszystkie plany
Slider obrazów	Kilka kampanii w jednym bloku	Dodaj własny obraz	Growth Navigation, Pro Navigation
Baner promocyjny	Wyprzedaż lub nowa kolekcja, z przyciskiem	Dodaj własny obraz	Wszystkie plany
Logotypy marek	„Kupuj według marki”	Dodaj własny obraz	Wszystkie plany
Lista produktów	Bestseller, nowości, kolekcja	Dodaj produkt	Pojedynczy produkt: wszystkie plany. Siatka, lista, karuzela: Growth Navigation, Pro Navigation
Lookbook z punktami	„Kup cały look”	Dodaj produkt	Wszystkie plany
Lista kolekcji	Kafelki „Kupuj według kategorii”	Kolekcja	Growth Navigation, Pro Navigation
Kolekcja w centrum uwagi	Produkty z kilku kolekcji	Kolekcja	Growth Navigation, Pro Navigation
Posty na blogu	Poradniki, lookbooki, aktualności	Blogi	Growth Navigation, Pro Navigation
Formularz kontaktowy	Pytania bez opuszczania strony	Formularz kontaktowy	Wszystkie plany
Newsletter	Powiększanie listy mailingowej	Formularz kontaktowy	Wszystkie plany
Odliczanie	Szybkie wyprzedaże i terminy	Odliczanie	Growth Navigation, Pro Navigation
Kod kuponu	Kod rabatowy do skopiowania	Coupon code	Growth Navigation, Pro Navigation
Własny HTML	Mapy, filmy, osadzenia	Dodaj HTML do menu	Pro Navigation

Dwie kolejne karty dodają strukturę, a nie pojedynczy blok:

• Wieloblokowy dodaje jednym kliknięciem gotowe zestawy, np. 3 listy linków + 1 obraz lub Mapa + kontakt + adres. Wymagany plan zależy od bloków w zestawie. Grupa elementów układa kilka bloków w jednej kolumnie; zobacz Układ mozaikowy (Pro Navigation).
• Zakładka dodaje proste lub zagnieżdżone zakładki z tytułami po lewej, u góry lub po prawej. Zobacz Menu z zakładkami (Pro Navigation).

Dodawanie bloku

1. Otwórz panel

   W edytorze menu kliknij element, który ma mega menu, aby otworzyć jego panel. Kliknij Dodaj blok.

   

   Kliknij Dodaj blok w otwartym panelu mega menu.

2. Wybierz kartę i układ

   W panelu Wybierz blok kliknij kartę, np. Wieloblokowy, Lista linków lub Coupon code. Najedź kursorem na układ i kliknij Wybierz.

   

   (1) Wybierz kartę, (2) najedź kursorem na układ i kliknij Wybierz.

3. Skonfiguruj blok

   Jego ustawienia otwierają się w panelu Edytuj element. Wypełnij treść i wybierz Szerokość. Aby edytować blok później, kliknij go w podglądzie.

   

   (1) Kliknij odliczanie w podglądzie, (2) ustaw jego Szerokość.

4. Zapisz i opublikuj

   Kliknij Zapisz, a potem Opublikuj.

Notatka

Układ z plakietką Growth Navigation lub Pro Navigation nie jest dostępny w Twoim obecnym planie. Jego przycisk ma etykietę Uaktualnij, aby użyć i prowadzi do strony Cennik.

Ustawienia wspólne dla wszystkich bloków

SzerokośćDomyślnie: Zależy od układu

Jaką część wiersza zajmuje blok: Automatycznie lub od 8,33% do 100%. Bloki, których szerokości sumują się do ponad 100%, przechodzą do nowego wiersza. Aby uzyskać równe kolumny, użyj 4 × 25%, 3 × 33.33% lub 2 × 50%.

Ukryj na komputerze / Ukryj na urządzeniach mobilnychDomyślnie: Wyłączone

W sekcji Widoczność. Ukrywa blok na jednym typie urządzeń.

Ukryj po zalogowaniu / Pokaż tylko po zalogowaniuDomyślnie: Wyłączone

W sekcji Widoczność. Pokazuje blok tylko gościom albo tylko zalogowanym klientom.

Zaplanuj publikacjęDomyślnie: Wyłączone

W sekcji Widoczność. Pokazuje blok tylko między Datą rozpoczęcia / Godziną rozpoczęcia a Datą zakończenia / Godziną zakończenia. Zobacz Planowanie menu.

Dodatkowa nazwa klasyDomyślnie: Puste

W sekcji Zaawansowane. Dodaje własną klasę CSS, dzięki której możesz stylizować blok za pomocą niestandardowego CSS.

Dane Shopify aktualizują się same

Bloki produktów, kolekcji i bloga odczytują tytuły, ceny, obrazy, stany magazynowe i nowe posty na bieżąco ze sklepu. Blok pamięta tylko, które elementy wybrano: jeśli któryś usuniesz lub zmienisz jego uchwyt (adres URL), wybierz go ponownie. Zobacz Dlaczego zmiany w Shopify nie pojawiają się w menu?.

Powiązane strony

• Mega menuZbuduj szeroki panel podmenu z bloków, takich jak listy linków, obrazy, produkty i formularz kontaktowy.
• Menu z zakładkamiPozwól klientom przełączać się między grupami treści, np. Mężczyźni, Kobiety i Dzieci, w jednym podmenu.
• Układ mozaikowy i Menu specjalneUkładaj równo w kolumnach bloki o różnej wysokości lub pokaż listę kategorii z panelem dla każdej kategorii.
• Plany i rozliczeniaPorównaj plany Globo Mega Menu, rozpocznij bezpłatny okres próbny oraz zmieniaj plan na wyższy lub niższy albo go anuluj.

Czy to było pomocne?

Zgłoś problem