Ustawienia szablonu
Możesz dostosować ustawienia szablonu w menu paska bocznego edytora szablonów, aby wprowadzić zmiany w typografii, kolorach, linkach do mediów społecznościowych i stronie koszyka sklepu online. Zmiany ustawień szablonu dotyczą całego sklepu online.
Sekcje i bloki mają również ustawienia, które można skonfigurować w celu dostosowania poszczególnych sekcji szablonu. Dowiedz się więcej o sekcjach i blokach.
Na tej stronie
Logo
Możesz dodać logo firmy do swojego sklepu online. Twoje logo pojawi się w poniższych miejscach:
- nagłówek na wszystkich stronach
- strona hasła
Dostosuj swoje logo
Maksymalna szerokość obrazów logo to 300 pikseli.
Kroki:
Pulpit
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
Kliknij ikonę Ustawienia szablonu
.
Kliknij logo.
W obszarze Logo dodaj obraz lub użyj darmowego obrazu:
Aby dodać obraz, kliknij opcję Wybierz obraz, a następnie dodaj nowy lub już istniejący obraz:
- Aby użyć obrazu, który został już przesłany do panelu administracyjnego Shopify, wybierz obraz, a następnie kliknij opcję Gotowe.
- Aby użyć obrazu z komputera lokalnego, kliknij opcję Dodaj obrazy. Wybierz i dodaj obraz, a następnie kliknij Gotowe.
Aby użyć darmowego obrazu, kliknij opcję Przeglądaj darmowe obrazy. Znajdź obraz, kliknij go, aby go wybrać, a następnie kliknij opcję Wybierz.
Opcjonalnie: Dodaj tekst alternatywny do obrazu logo:
- W obszarze Logo kliknij opcję Edytuj.
- W polu Tekst alternatywny wprowadź krótki opis obrazu.
- Kliknij opcję Zapisz.
Opcjonalnie: W obszarze Szerokość logo na komputerze użyj suwaka zakresu, aby dostosować szerokość piksela logo.
Kliknij opcję Zapisz.
iPhone
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij ⋮, a następnie Ustawienia szablonu.
Naciśnij Logo.
W obszarze Logo dodaj obraz lub użyj darmowego obrazu:
Aby dodać obraz, naciśnij opcję Wybierz obraz, a następnie dodaj nowy lub już istniejący obraz:
- Aby użyć obrazu, który został już przesłany do panelu administracyjnego Shopify, wybierz obraz, a następnie naciśnij opcję Gotowe.
- Aby użyć obrazu z lokalnego urządzenia, naciśnij opcję Dodaj obrazy. Wybierz i dodaj obraz z lokalnego urządzenia, naciśnij obraz, aby go wybrać, a następnie naciśnij opcję Gotowe.
Aby użyć darmowego obrazu, naciśnij opcję Przeglądaj darmowe obrazy. Znajdź obraz, naciśnij go, aby go wybrać, a następnie naciśnij opcję Gotowe.
Opcjonalnie: Dodaj tekst alternatywny do obrazu logo:
- W obszarze Logo naciśnij opcję Edytuj.
- W polu Tekst alternatywny wprowadź krótki opis obrazu.
- Naciśnij ✓.
Opcjonalnie: W obszarze Szerokość logo na komputerze użyj suwaka zakresu, aby dostosować szerokość piksela logo.
Naciśnij ✓.
Android
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij …, a następnie Ustawienia szablonu.
Naciśnij Logo.
W obszarze Logo dodaj obraz lub użyj darmowego obrazu:
Aby dodać obraz, naciśnij opcję Wybierz obraz, a następnie dodaj nowy lub już istniejący obraz:
- Aby użyć obrazu, który został już przesłany do panelu administracyjnego Shopify, wybierz obraz, a następnie naciśnij opcję Gotowe.
- Aby użyć obrazu z lokalnego urządzenia, naciśnij opcję Dodaj obrazy. Wybierz i dodaj obraz z lokalnego urządzenia, naciśnij obraz, aby go wybrać, a następnie naciśnij opcję Gotowe.
Aby użyć darmowego obrazu, naciśnij opcję Przeglądaj darmowe obrazy. Znajdź obraz, naciśnij go, aby go wybrać, a następnie naciśnij opcję Gotowe.
Opcjonalnie: Dodaj tekst alternatywny do obrazu logo:
- W obszarze Logo naciśnij opcję Edytuj.
- W polu Tekst alternatywny wprowadź krótki opis obrazu.
- Naciśnij ✓.
Opcjonalnie: W obszarze Szerokość logo na komputerze użyj suwaka zakresu, aby dostosować szerokość piksela logo.
Naciśnij ✓.
Dodaj ikonę Favicon
Możesz dodać ikonę Ulubionych lub ikonę Favicon, które mogą Ci pomóc w budowaniu marki Twojego sklepu online. Favicon pojawi się w poniższych miejscach:
- karta Twojej przeglądarki internetowej
- historia Twojej przeglądarki internetowej
- ikony na Twoim pulpicie
- obok nazwy Twojego sklepu online, gdy Twoja strona internetowa jest dodana do zakładek
Dowiedz się więcej o ikonach Favicon.
Kroki:
Pulpit
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Znajdź szablon, dla którego chcesz dodać ikonę Favicon, a następnie kliknij opcję Dostosuj.
Kliknij ikonę Ustawienia szablonu
.
W zależności od wersji szablonu, kliknij Logo lub Favicon.
W sekcji Obraz ikony Favicon kliknij opcję Wybierz obraz, a następnie dodaj nowy lub już istniejący obraz:
- Aby wybrać obraz, który został już przesłany do panelu administracyjnego Shopify, możesz go wyszukać, a następnie wybrać za pomocą pola wyboru.
- Aby wybrać obraz na komputerze lokalnym, kliknij opcję Dodaj obrazy, otwórz obraz na komputerze lokalnym, a następnie wybierz go za pomocą pola wyboru.
Kliknij Gotowe.
Opcjonalnie: Dodaj tekst alternatywny do obrazu ikony Favicon:
- W sekcji Obraz ikony Favicon kliknij opcję Edytuj.
- W polu Tekst alternatywny wprowadź krótki opis obrazu.
- Kliknij opcję Zapisz.
Kliknij opcję Zapisz.
iPhone
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Znajdź szablon, dla którego chcesz dodać ikonę Favicon, a następnie naciśnij opcję Dostosuj.
Naciśnij ⋮, a następnie Ustawienia szablonu.
W zależności od wersji szablonu, naciśnij Logo lub Favicon.
W sekcji Obraz ikony Favicon naciśnij opcję Wybierz obraz, a następnie dodaj nowy lub już istniejący obraz:
- Aby wybrać obraz, który został już przesłany do panelu administracyjnego Shopify, możesz go wyszukać, a następnie wybrać za pomocą pola wyboru.
- Aby wybrać obraz na urządzeniu lokalnym, naciśnij opcję Dodaj obrazy, otwórz obraz na urządzeniu lokalnym, a następnie wybierz go za pomocą pola wyboru.
Naciśnij Gotowe.
Dodaj tekst alternatywny do obrazu ikony Favicon:
- W sekcji Obraz ikony Favicon naciśnij opcję Edytuj.
- W polu Tekst alternatywny wprowadź krótki opis obrazu.
- Naciśnij ✓.
Naciśnij ✓.
Android
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Znajdź szablon, dla którego chcesz dodać ikonę Favicon, a następnie naciśnij opcję Dostosuj.
Naciśnij …, a następnie Ustawienia szablonu.
W zależności od wersji szablonu, naciśnij Logo lub Favicon.
W sekcji Obraz ikony Favicon naciśnij opcję Wybierz obraz, a następnie dodaj nowy lub już istniejący obraz:
- Aby wybrać obraz, który został już przesłany do panelu administracyjnego Shopify, możesz go wyszukać, a następnie wybrać za pomocą pola wyboru.
- Aby wybrać obraz na urządzeniu lokalnym, naciśnij opcję Dodaj obrazy, otwórz obraz na urządzeniu lokalnym, a następnie wybierz go za pomocą pola wyboru.
Naciśnij Gotowe.
Dodaj tekst alternatywny do obrazu ikony Favicon:
- W sekcji Obraz ikony Favicon naciśnij opcję Edytuj.
- W polu Tekst alternatywny wprowadź krótki opis obrazu.
- Naciśnij ✓.
Naciśnij ✓.
Kolory
W ustawieniach szablonu można zdefiniować różne kolorystyki i zastosować je do różnych sekcji w sklepie online za pomocą selektora kolorystyki. Kolorystyka to zbiór kolorów. W Twoim szablonie zastosowano domyślne kolorystyki, które możesz w każdej chwili zmienić w edytorze szablonów. Możesz dodać kolory swojej marki, aby zapewnić spójne zastosowanie palety kolorów w sklepie online
Szablony nie mają indywidualnych ustawień koloru, dzięki czemu projekt sklepu online jest spójny na całej stronie internetowej. Szablon jest uważany za stronę główną lub główną zawartość sklepu. Posiadanie różnych kolorystyk w sklepie może negatywnie wpłynąć na wrażenia użytkownika i sprawić, że klienci opuszczą sklep bez dokonania zakupów.
Możesz opracować i skonfigurować nawet 21 unikalnych kolorystyk i stosować je w rozmaitych sekcjach swojego sklepu online.
Kolorystyki
Kolorystyki są ustawieniem szablonu grupującym elementy i powiązane kolory w przejrzysty sposób. Możesz przypisywać różne kolory do poszczególnych elementów w ramach spójnej kolorystyki, którą można zastosować w szablonie za pomocą dostępnego selektora kolorystyki. Możesz opracować maksymalnie 21 kolorystyk. Możesz także sprawdzić sposób wyświetlania kolorów w podglądzie szablonu.
Ustawienie | Opis |
---|---|
Tło | Kolor jest stosowany do tła niektórych sekcji i tła przycisku konspektu. |
Gradient tła | Gradient kolorów jest stosowany do tła niektórych sekcji. Gradienty tła zastępują tło tam, gdzie jest to możliwe. |
Tekst | Kolor jest stosowany do tekstu sekcji lub bloku. |
Tło przycisku w jednolitym kolorze | Kolor jest stosowany do tła głównego przycisku. |
Przycisk z etykietą w jednolitym kolorze | Kolor jest stosowany do tekstu głównego przycisku. |
Przycisk konspektu | Kolor jest stosowany do tekstu dodatkowego przycisku i obramowania. |
Cień | Kolor jest stosowany do cieni. |
Zarządzanie schematem kolorów
Kolorystykę i opcje kolorów Twojego sklepu można konfigurować w ustawieniach szablonu. W przypadku kolorów pełnych użyj selektora kolorów, aby wybrać nowy kolor lub wprowadzić wartość koloru w polu tekstowym. W polu koloru akceptowane są następujące nazwy i wartości kolorów:
- Nazwy kolorów, takie jak
red
,black
lubblue
. - Kody kolorów RGB.
- Wartości szesnastkowe kolorów.
Kroki:
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Kliknij opcję Dostosuj obok szablonu, który chcesz dostosować.
Kliknij ikonę
, a następnie opcję Kolory.
W sekcji Schematy kliknij istniejący schemat lub kliknij opcję Dodaj schemat, aby dodać nowy schemat kolorów.
Kliknij próbkę koloru dla typu zawartości, który chcesz zmienić.
Aby ustawić kolor, wprowadź szesnastkowy kod koloru lub wybierz kolor z selektora kolorów. Aby ustawić kolor na transparentny, usuń kod szesnastkowy z pola tekstowego.
Kliknij opcję Zapisz.
Zastosowanie kolorystyki
Po zdefiniowaniu kolorystyki w ustawieniach szablonu możesz przypisać kolorystykę za pomocą selektora kolorystyki w sekcjach i blokach szablonu. Selektor kolorystyki jest dostępny tylko w niektórych sekcjach, blokach i ogólnych ustawieniach szablonu.

Gradienty
W niektórych szablonach możesz ustawić gradient kolorów, aby uzyskać interesujące wizualnie opcje tła. Ustawienie color_background
służy do dostosowywania właściwości tła CSS.
Selektor gradientu umożliwia wybieranie kolorów, stylu gradientu, kąta, położenia i nieprzezroczystości gradientu. Efekt opcji wybranych w selektorze gradientów jest na bieżąco pokazywany w edytorze szablonów w formie podglądu. Możesz także utworzyć tło gradientu, używając kodu CSS obejmującego sprawdzanie poprawności.
Konfigurowanie gradientów
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Kliknij opcję Dostosuj obok szablonu, który chcesz dostosować.
Kliknij ikonę
, a następnie opcję Kolory.
W sekcji Schematy kliknij istniejący schemat, który chcesz edytować.
Kliknij opcję próbki koloru gradientu, np. Gradient tła.
Jeśli gradient nie został wcześniej ustawiony, możesz wybrać jedną z kilku wstępnie ustawionych opcji, które się wyświetlą. Aby otworzyć panel opcji, wybierz dowolny wstępnie ustawiony gradient.
Wybierz opcje gradientu:
- Masz do wyboru dwa gradienty: liniowy i promieniowy. Używając przycisków, wybierz taki styl gradientu, jaki lubisz.
- Ustaw kąt gradientu za pomocą strzałek w górę i w dół. Klikając strzałkę skierowaną w górę lub w dół, zwiększysz lub zmniejszysz wartość kąta o 5 procent.
- Użyj suwaka, aby wybrać położenie gradientu lub wprowadź wartość liczbową w tym polu.
- Możesz wprowadzić konkretny szesnastkowy kod koloru lub użyć suwaka i wybrać odcień. Ostatnio wybrane kolory wyświetlane są na dole panelu opcji gradientu.
- Jeśli gradient ma być nieprzezroczysty, użyj suwaka po prawej stronie i dobierz poziom przezroczystości gradientu. Możesz także wprowadzić wartość procentową w polu umieszczonym obok szesnastkowego kodu koloru.
Kliknij opcję Zapisz.

Użyj CSS, aby ustawić gradienty
Większość wartości właściwości background
CSS można użyć do ustawienia koloru tła. Tego pola można używać do kolorów pełnych (np. #000000
, black
, rgb(0,0,0,0)
, rgba(0,0,0,0)
, hsl(0, 0%, 0%)
i hsla(0, 0%, 0%, 1)
tworzą pełne czarne tło) lub gradientów (na przykład linear-gradient(red, green)
, radial-gradient(red, green)
lub conic-gradient(red, green)
). Gradienty można również powtarzać.
Kroki:
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Kliknij opcję Dostosuj obok szablonu, który chcesz dostosować.
Kliknij ikonę
, a następnie opcję Kolory.
W sekcji Schematy kliknij istniejący schemat, który chcesz edytować.
Kliknij gradient, który chcesz edytować.
Kliknij strzałkę obok opcji Gradient i wybierz CSS.
W polu Kod CSS wpisz lub wklej kod gradientu. W podglądzie edytora szablonów Twój gradient wyświetli się w odpowiednim miejscu.
Kliknij opcję Zapisz.

Usuń gradient
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Kliknij opcję Dostosuj obok szablonu, który chcesz dostosować.
Kliknij ikonę
, a następnie opcję Kolory.
W sekcji Schematy kliknij istniejący schemat, który chcesz edytować.
Kliknij gradient, który chcesz usunąć.
Kliknij przycisk Usuń gradient.
Kliknij opcję Zapisz.
Typografia
Możesz ustawić styl i rozmiar czcionki dla tekstu w sklepie online. Możesz wybrać czcionkę systemową lub niestandardową.
Rozważ użycie czcionek systemowych w swoim sklepie, ponieważ są one już zainstalowane na komputerze użytkownika. Korzystanie z czcionek systemowych pozwala uniknąć pobierania nowych czcionek na komputer klienta, co mogłoby negatywnie wpłynąć na szybkość ładowania sklepu. Czcionka wyświetlana na komputerze klienta zależy od jego systemu operacyjnego.
Dostosuj typy czcionek
Listę dostępnych czcionek znajdziesz w bibliotece czcionek Shopify.
Kroki:
Pulpit
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
Kliknij ikonę Ustawienia szablonu
.
Kliknij przycisk Typografia.
Aby zmienić typ czcionki nagłówków lub tekstu w sklepie, kliknij opcję Zmień w sekcji Nagłówki lub Treść.
Kliknij nazwę czcionki, której chcesz używać, a następnie kliknij opcję Wybierz.
Kliknij opcję Zapisz.
iPhone
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij ⋮, a następnie Ustawienia szablonu.
Naciśnij opcję Typografia.
Aby zmienić typ czcionki nagłówków lub tekstu w sklepie, naciśnij opcję Zmień w sekcji Nagłówki lub Treść.
Naciśnij nazwę czcionki, której chcesz używać, a następnie naciśnij opcję Gotowe.
Naciśnij ✓.
Android
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij …, a następnie Ustawienia szablonu.
Naciśnij opcję Typografia.
Aby zmienić typ czcionki nagłówków lub tekstu w sklepie, naciśnij opcję Zmień w sekcji Nagłówki lub Treść.
Naciśnij nazwę czcionki, której chcesz używać, a następnie naciśnij opcję Gotowe.
Naciśnij ✓.
Dostosuj rozmiary czcionek
Możesz ustawić domyślne rozmiary czcionek dla nagłówków i tekstu podstawowego w ustawieniach szablonu Typografia.
Minimalny rozmiar czcionki to 100%, a maksymalny to 150%. Każdy przyrost skali zwiększa rozmiar czcionki o 5%. Domyślnym ustawieniem jest 100%.
Kroki:
Pulpit
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
Kliknij ikonę Ustawienia szablonu
.
Kliknij przycisk Typografia.
Aby zmienić domyślny rozmiar czcionki dla tekstu Nagłówki, użyj suwaka zakresu Skala rozmiaru czcionki w celu wybrania domyślnego rozmiaru czcionki.
Aby zmienić domyślny rozmiar czcionki dla Tekstu podstawowego, użyj suwaka zakresu Skala rozmiaru czcionki w celu wybrania domyślnego rozmiaru czcionki.
Kliknij opcję Zapisz.
iPhone
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij ⋮, a następnie Ustawienia szablonu.
Naciśnij opcję Typografia.
Aby zmienić domyślny rozmiar czcionki dla tekstu Nagłówki, użyj suwaka zakresu Skala rozmiaru czcionki w celu wybrania domyślnego rozmiaru czcionki.
Aby zmienić domyślny rozmiar czcionki dla Tekstu podstawowego, użyj suwaka zakresu Skala rozmiaru czcionki w celu wybrania domyślnego rozmiaru czcionki.
Naciśnij ✓.
Android
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij …, a następnie Ustawienia szablonu.
Naciśnij opcję Typografia.
Aby zmienić domyślny rozmiar czcionki dla tekstu Nagłówki, użyj suwaka zakresu Skala rozmiaru czcionki w celu wybrania domyślnego rozmiaru czcionki.
Aby zmienić domyślny rozmiar czcionki dla Tekstu podstawowego, użyj suwaka zakresu Skala rozmiaru czcionki w celu wybrania domyślnego rozmiaru czcionki.
Naciśnij ✓.
Układ
Możesz ustawić maksymalną szerokość wyświetlania sklepu online oraz pionowego i poziomego odstępu między sekcjami.
Kroki:
Pulpit
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
Kliknij ikonę Ustawienia szablonu
.
Kliknij opcję Układ.
Użyj suwaka zakresu Szerokość strony, aby wybrać szerokość strony między 1000 a 1600 pikseli. Domyślne ustawienie to 1600 pikseli.
Opcjonalnie: Użyj suwaka zakresu, aby dodać pionowe odstępy między sekcjami szablonu na stronach. Możesz dodać maksymalnie 100 pikseli między sekcjami.
Opcjonalnie: Jeśli masz układ Siatka, użyj suwaków zakresu Odstęp poziomy oraz Odstęp pionowy, aby dodać odstępy między elementami siatki na swoich stronach. Dodanie odstępu poziomego spowoduje dodanie maksymalnie 40 pikseli odstępu do wierszy treści na stronach, natomiast dodanie odstępu pionowego spowoduje dodanie maksymalnie 40 pikseli odstępu do kolumn treści na stronach.
Kliknij opcję Zapisz.
iPhone
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij ⋮, a następnie Ustawienia szablonu.
Naciśnij Układ.
Użyj suwaka zakresu Szerokość strony, aby wybrać szerokość strony między 1000 a 1600 pikseli. Domyślne ustawienie to 1600 pikseli.
Opcjonalnie: Użyj suwaka zakresu, aby dodać pionowe odstępy między sekcjami szablonu na stronach. Możesz dodać maksymalnie 100 pikseli między sekcjami.
Opcjonalnie: Jeśli masz układ Siatka, użyj suwaków zakresu Odstęp poziomy oraz Odstęp pionowy, aby dodać odstępy między elementami siatki na swoich stronach. Dodanie odstępu poziomego spowoduje dodanie maksymalnie 40 pikseli odstępu do wierszy treści na stronach, natomiast dodanie odstępu pionowego spowoduje dodanie maksymalnie 40 pikseli odstępu do kolumn treści na stronach.
Naciśnij Zapisz.
Android
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij …, a następnie Ustawienia szablonu.
Naciśnij Układ.
Użyj suwaka zakresu Szerokość strony, aby wybrać szerokość strony między 1000 a 1600 pikseli. Domyślne ustawienie to 1600 pikseli.
Opcjonalnie: Użyj suwaka zakresu, aby dodać pionowe odstępy między sekcjami szablonu na stronach. Możesz dodać maksymalnie 100 pikseli między sekcjami.
Opcjonalnie: Jeśli masz układ Siatka, użyj suwaków zakresu Odstęp poziomy oraz Odstęp pionowy, aby dodać odstępy między elementami siatki na swoich stronach. Dodanie odstępu poziomego spowoduje dodanie maksymalnie 40 pikseli odstępu do wierszy treści na stronach, natomiast dodanie odstępu pionowego spowoduje dodanie maksymalnie 40 pikseli odstępu do kolumn treści na stronach.
Naciśnij ✓.
Animacje
Animacje umożliwiają dodanie ruchu i zwiększenie atrakcyjności Twojego sklepu online. Możesz aktywować animację powodującą rozjaśnianie sekcji Twojego sklepu podczas przewijania oraz efekt obszaru aktywnego dla kart i przycisków.
Kroki:
Pulpit
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
Kliknij ikonę Ustawienia szablonu
.
Kliknij Animacje.
Opcjonalnie: Aby aktywować animację, która wyświetla sekcje Twojego sklepu online podczas przewijania, wybierz opcję Pokaż sekcje podczas przewijania.
Opcjonalnie: Aby dodać animację efektu obszaru aktywnego do swoich kart i przycisków, wybierz jedną z poniższych opcji z ustawienia Efekt najechania kursorem:
- Podnoszenie w pionie: Gdy klient najedzie kursorem na kartę lub przycisk, element przesuwa się w górę.
- Efekt unoszenia 3D: Gdy klient przesuwa mysz nad kartą lub przyciskiem, element przesuwa się do przodu, co daje efekt 3D.Efekt obejmuje również subtelną poświatę, która przesuwa się po elemencie, nadając mu kolejny wymiar.
Kliknij opcję Zapisz.
iPhone
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij ⋮, a następnie Ustawienia szablonu.
Naciśnij Animacje.
Opcjonalnie: Aby aktywować animację, która wyświetla sekcje Twojego sklepu online podczas przewijania, wybierz opcję Pokaż sekcje podczas przewijania.
Opcjonalnie: Aby dodać animację efektu obszaru aktywnego do swoich kart i przycisków, wybierz jedną z poniższych opcji z ustawienia Efekt najechania kursorem:
- Podnoszenie w pionie: Gdy klient najedzie kursorem na kartę lub przycisk, element przesuwa się w górę.
- Efekt unoszenia 3D: Gdy klient przesuwa mysz nad kartą lub przyciskiem, element przesuwa się do przodu, co daje efekt 3D.Efekt obejmuje również subtelną poświatę, która przesuwa się po elemencie, nadając mu kolejny wymiar.
Naciśnij Zapisz.
Android
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij …, a następnie Ustawienia szablonu.
Naciśnij Animacje.
Opcjonalnie: Aby aktywować animację, która wyświetla sekcje Twojego sklepu online podczas przewijania, wybierz opcję Pokaż sekcje podczas przewijania.
Opcjonalnie: Aby dodać animację efektu obszaru aktywnego do swoich kart i przycisków, wybierz jedną z poniższych opcji z ustawienia Efekt najechania kursorem:
- Podnoszenie w pionie: Gdy klient najedzie kursorem na kartę lub przycisk, element przesuwa się w górę.
- Efekt unoszenia 3D: Gdy klient przesuwa mysz nad kartą lub przyciskiem, element przesuwa się do przodu, co daje efekt 3D.Efekt obejmuje również subtelną poświatę, która przesuwa się po elemencie, nadając mu kolejny wymiar.
Naciśnij ✓.
Ustawienia dostosowywania elementów wizualnych
Wygląd elementów szablonu, takich jak przyciski, karty produktów i warianty, można dostosować na stronie Ustawienia szablonu. Każda opcja zawiera odpowiednie ustawienia dla danego elementu.
Możesz dostosować ustawienia następujących elementów szablonu:
Przyciski: Przyciski obejmują przyciski wezwania do działania w sekcjach takich jak pokaz slajdów lub obraz z tekstem, a także przyciski w formularzu kontaktowym, na stronach produktów i stronach koszyka.
Okrągłe przełączniki wariantów: pozwalają wyświetlać warianty produktu na stronie produktu lub w sekcji polecanych produktów. Klienci mogą wybrać żądany wariant, aby dodać produkt do koszyka bez konieczności zmiany stron produktu. Możesz dostosować sposób wyświetlania okrągłych przełączników wariantów w swoim sklepie online.
Dane wejściowe: interaktywne obszary, w których należy wprowadzić dane wejściowe klienta, na przykład selektor ilości, formularz rejestracji w celu otrzymywania e-maili lub uwagi dotyczące koszyka. Wygląd danych wejściowych sklepu online można dostosować.
Ustawienia kart produktów, kart kolekcji i kart bloga umożliwiają dostosowanie stylu każdego typu karty, który jest wyświetlany w sekcjach strony. - Karty produktów: Karty produktów wyświetlają informacje o produktach w obszarach szablonu, które zawierają listę wielu produktów, takich jak szablony kolekcji, sekcje kolekcji i wyniki wyszukiwania. - Karty kolekcji: Karty kolekcji wyświetlają informacje o kolekcjach w obszarach szablonu zawierających listę kolekcji, takich jak szablon lub sekcja listy kolekcji. - Karty blogów: Karty blogów wyświetlają informacje o postach na blogu w obszarach szablonu, które zawierają wiele produktów, takich jak szablony blogów, sekcje blogów i wyniki wyszukiwania.
Kontenery zawartości: używane do przechowywania elementu tekstowego sekcji zawartości, np. w polu tekstowym pokazu slajdów, w banerze z obrazem lub w kolumnach sekcji wielokolumnowych. Wygląd kontenerów zawartości możesz dostosować do swojego sklepu online.
Multimedia: wizualny komponent sekcji, np. multimedia produktu lub obraz w sekcji Obraz z tekstem. Do multimediów możesz dodawać obramowania i cienie.
Menu rozwijane i wyskakujące okienka: możesz dostosować wygląd menu rozwijanych, wyskakujących okienek modalnych i wyskakujących okienek koszyka w sklepie online.
Szuflady: ukryte interaktywne kontenery, które pojawiają się po naciśnięciu lub kliknięciu, np. zwijane menu lub opcje filtrowania kolekcji. Możesz dostosować obramowanie i cienie szuflad w sklepie online.
Znaczki: znaczki Wyprzedaż oraz Wyprzedane są automatycznie dodawane do obrazów produktów, gdy obniżasz cenę lub gdy spis zapasów osiągnie wartość 0. Możesz dostosować położenie, kształt i kolor znaczków Wyprzedaż oraz Wyprzedane indywidualnie w ustawieniach szablonu. Znaczki Strona oraz Blog pojawiają się w odpowiednich wynikach wyszukiwania. Możesz dostosować położenie i kształt tych znaczków, ale nie możesz zmienić koloru znaczków Strona i Blog.
Informacje o marce: w swoim sklepie online możesz dodać informacje o marce. Po zakończeniu poniższych kroków możesz dodać w stopce sklepu online blok Informacje o marce.
Kroki:
Pulpit
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Kliknij opcję Dostosuj obok szablonu, który chcesz edytować.
Kliknij ikonę
.
Kliknij element, aby otworzyć ustawienia.
Zmień dowolne dostępne ustawienia. Możesz przejrzeć zmiany, przechodząc do różnych obszarów szablonu w oknie podglądu.
Kliknij opcję Zapisz.
iPhone
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Dostosuj obok szablonu, który chcesz edytować.
Naciśnij ikonę
.
Naciśnij element, aby otworzyć ustawienia.
Zmień dowolne dostępne ustawienia. Możesz przejrzeć zmiany, przechodząc do różnych obszarów szablonu w oknie podglądu.
Naciśnij ✓.
Android
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Dostosuj obok szablonu, który chcesz edytować.
Naciśnij ikonę
.
Naciśnij element, aby otworzyć ustawienia.
Zmień dowolne dostępne ustawienia. Możesz przejrzeć zmiany, przechodząc do różnych obszarów szablonu w oknie podglądu.
Naciśnij ✓.
Media społecznościowe
Możesz dodawać linki do swoich kont w mediach społecznościowych, które są następnie wyświetlane w stopce sklepu online.
Kroki:
Pulpit
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
Kliknij ikonę Ustawienia szablonu
.
Kliknij opcję Media społecznościowe.
Aby dodać linki do swoich kont w mediach społecznościowych, wprowadź adresy stron internetowych dla swoich kont w odpowiednich polach Kont społecznościowych. Musisz wprowadzić pełne linki, np. https://instagram.com/shopify lub https://tiktok.com/@shopify.
Kliknij opcję Zapisz.
iPhone
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij ⋮, a następnie Ustawienia szablonu.
Naciśnij Media społecznościowe.
Aby dodać linki do swoich kont w mediach społecznościowych, wprowadź adresy stron internetowych dla swoich kont w odpowiednich polach Kont społecznościowych. Musisz wprowadzić pełne linki, np. https://instagram.com/shopify lub https://tiktok.com/@shopify.
Naciśnij ✓.
Android
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij …, a następnie Ustawienia szablonu.
Naciśnij Media społecznościowe.
Aby dodać linki do swoich kont w mediach społecznościowych, wprowadź adresy stron internetowych dla swoich kont w odpowiednich polach Kont społecznościowych. Musisz wprowadzić pełne linki, np. https://instagram.com/shopify lub https://tiktok.com/@shopify.
Naciśnij ✓.
Zachowanie podczas wyszukiwania
Sklep online zawiera funkcję wyszukiwania z podpowiedziami (wyszukiwanie predykcyjne), która wyświetla podpowiedzi, gdy klienci zaczynają pisać w polu wyszukiwania. Podpowiedzi wyszukiwania mogą pomóc klientom wyrazić i uściślić ich zapytania oraz zapewniają im nowe sposoby przeglądania sklepu online. Mogą również umożliwić klientom szybkie przeglądanie dopasowań bez konieczności opuszczania bieżącej strony, aby przejrzeć oddzielną listę wyników wyszukiwania.
Aby dowiedzieć się więcej o działaniu podpowiedzi wyszukiwania, zapoznaj się z sekcją Wyszukiwanie z podpowiedziami.
Możesz dostosować sposób wyświetlania podpowiedzi wyszukiwania klientom.
Kroki:
Pulpit
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
Kliknij ikonę Ustawienia szablonu
.
Kliknij opcję Zachowanie podczas wyszukiwania.
Aby aktywować lub dezaktywować podpowiedzi wyszukiwania, zaznacz lub odznacz opcję Włącz podpowiedzi wyszukiwania.
Opcjonalnie: Aby wyświetlić lub ukryć dostawcę produktu w podpowiedziach wyszukiwania, zaznacz lub odznacz opcję Pokaż dostawcę produktu.
Opcjonalnie: Aby wyświetlić lub ukryć cenę produktu w podpowiedziach wyszukiwania, zaznacz lub odznacz opcję Pokaż cenę produktu.
Kliknij opcję Zapisz.
iPhone
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij ⋮, a następnie Ustawienia szablonu.
Naciśnij opcję Zachowanie podczas wyszukiwania.
Aby aktywować lub dezaktywować podpowiedzi wyszukiwania, zaznacz lub odznacz opcję Włącz podpowiedzi wyszukiwania.
Opcjonalnie: Aby wyświetlić lub ukryć dostawcę produktu w podpowiedziach wyszukiwania, zaznacz lub odznacz opcję Pokaż dostawcę produktu.
Opcjonalnie: Aby wyświetlić lub ukryć cenę produktu w podpowiedziach wyszukiwania, zaznacz lub odznacz opcję Pokaż cenę produktu.
Naciśnij ✓.
Android
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij …, a następnie Ustawienia szablonu.
Naciśnij opcję Zachowanie podczas wyszukiwania.
Aby aktywować lub dezaktywować podpowiedzi wyszukiwania, zaznacz lub odznacz opcję Włącz podpowiedzi wyszukiwania.
Opcjonalnie: Aby wyświetlić lub ukryć dostawcę produktu w podpowiedziach wyszukiwania, zaznacz lub odznacz opcję Pokaż dostawcę produktu.
Opcjonalnie: Aby wyświetlić lub ukryć cenę produktu w podpowiedziach wyszukiwania, zaznacz lub odznacz opcję Pokaż cenę produktu.
Naciśnij ✓.
Format waluty
Możesz wybrać opcję wyświetlania kodu waluty wraz z cenami produktów.
Kroki:
Pulpit
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
Kliknij ikonę Ustawienia szablonu
.
Kliknij Format waluty.
Aby wyświetlić kody walut, wybierz opcję Pokaż kody walut.
Kliknij opcję Zapisz.
iPhone
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij ⋮, a następnie Ustawienia szablonu.
Naciśnij Format waluty.
Aby wyświetlić kody walut, wybierz opcję Pokaż kody walut.
Naciśnij ✓.
Android
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij …, a następnie Ustawienia szablonu.
Naciśnij Format waluty.
Aby wyświetlić kody walut, wybierz opcję Pokaż kody walut.
Naciśnij ✓.
Koszyk
Możesz zmienić styl koszyka w swoim sklepie online. Gdy klient doda produkt ze sklepu do koszyka, koszyk może wyświetlać się jako szuflada, strona lub wyskakujące powiadomienie. Aby klient pozostał na stronie produktu, użyj opcji szuflady lub wyskakującego powiadomienia. Jeśli klient ma zostać przeniesiony na stronę koszyka, użyj opcji strony. Gdy koszyk klienta jest pusty, możesz wyświetlić polecaną kolekcję w szufladzie koszyka.
Kroki:
Pulpit
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
Kliknij ikonę Ustawienia szablonu
.
Kliknij opcję Koszyk.
Użyj menu rozwijanego Typ koszyka, aby wybrać styl koszyka Szuflada, Strona lub Wyskakujące powiadomienie.
Opcjonalnie: aby wyświetlić dostawców pozycji w koszyku klienta, kliknij opcję Pokaż dostawcę.
Opcjonalnie: Aby udostępnić klientom pole tekstowe, w którym mogą wprowadzać specjalne życzenia lub dodatkowe informacje o zamówieniu, wybierz opcję Włącz uwagę dotyczącą koszyka.
Opcjonalnie: Jeśli wybierzesz Szufladę jako Typ koszyka, możesz wyświetlić kolekcję w szufladzie koszyka, gdy jest pusta:
- W obszarze Szuflada koszyka kliknij opcję Wybierz kolekcję.
- Kliknij nazwę kolekcji, którą chcesz wyświetlić, a następnie opcję Wybierz.
Opcjonalnie: Jeśli wybierzesz Szufladę jako Typ koszyka, możesz zmienić kolorystykę szuflady koszyka, wykonując poniższe kroki:
- W obszarze Szuflada koszyka > Kolorystyka kliknij opcję Zmień.
- Wybierz kolorystykę której chcesz użyć dla szuflady koszyka.
Kliknij opcję Zapisz.
iPhone
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij ⋮, a następnie Ustawienia szablonu.
Naciśnij Koszyk.
Wybierz Typ koszyka z opcji Szuflada, Strona lub Wyskakujące powiadomienie.
Opcjonalnie: aby wyświetlić dostawców pozycji w koszyku klienta, kliknij opcję Pokaż dostawcę.
Opcjonalnie: Aby udostępnić klientom pole tekstowe, w którym mogą wprowadzać specjalne życzenia lub dodatkowe informacje o zamówieniu, wybierz opcję Włącz uwagę dotyczącą koszyka.
Opcjonalnie: Jeśli wybierzesz Szufladę jako Typ koszyka, możesz wyświetlić kolekcję w szufladzie koszyka, gdy jest pusta:
- W obszarze Szuflada koszyka naciśnij opcję Wybierz kolekcję.
- Naciśnij nazwę kolekcji, którą chcesz wyświetlić, a następnie naciśnij opcję Gotowe.
Opcjonalnie: Jeśli wybierzesz Szufladę jako Typ koszyka, możesz zmienić kolorystykę szuflady koszyka, wykonując poniższe kroki:
- W obszarze Szuflada koszyka > Kolorystyka naciśnij opcję Zmień.
- Wybierz kolorystykę, której chcesz użyć dla szuflady koszyka, a następnie naciśnij opcję Gotowe.
Naciśnij ✓.
Android
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij …, a następnie Ustawienia szablonu.
Naciśnij Koszyk.
Wybierz Typ koszyka z opcji Szuflada, Strona lub Wyskakujące powiadomienie.
Opcjonalnie: aby wyświetlić dostawców pozycji w koszyku klienta, kliknij opcję Pokaż dostawcę.
Opcjonalnie: Aby udostępnić klientom pole tekstowe, w którym mogą wprowadzać specjalne życzenia lub dodatkowe informacje o zamówieniu, wybierz opcję Włącz uwagę dotyczącą koszyka.
Opcjonalnie: Jeśli wybierzesz Szufladę jako Typ koszyka, możesz wyświetlić kolekcję w szufladzie koszyka, gdy jest pusta:
- W obszarze Szuflada koszyka naciśnij opcję Wybierz kolekcję.
- Naciśnij nazwę kolekcji, którą chcesz wyświetlić, a następnie naciśnij opcję Gotowe.
Opcjonalnie: Jeśli wybierzesz Szufladę jako Typ koszyka, możesz zmienić kolorystykę szuflady koszyka, wykonując poniższe kroki:
- W obszarze Szuflada koszyka > Kolorystyka naciśnij opcję Zmień.
- Wybierz kolorystykę, której chcesz użyć dla szuflady koszyka, a następnie naciśnij opcję Gotowe.
Naciśnij ✓.
Niestandardowy CSS
Sekcja Niestandardowy CSS umożliwia wprowadzenie własnego kodu CSS, np. w celu dostosowania wyglądu przycisków sklepu online poza dostępnymi ustawieniami domyślnymi lub zastosowania unikalnego stylu dla określonych elementów tekstowych.
Niestandardowy CSS w ustawieniach szablonu wpływa na wszystkie strony w sklepie online z wyjątkiem strony realizacji zakupu.
Dowiedz się więcej o dodawaniu niestandardowego CSS do szablonu.
Styl szablonu
Styl szablonu to zbiór ustawień wybranych przez projektanta szablonu. Styl ten możesz zastosować w sklepie, aby poprawić jego wygląd i sposób obsługi. Wszystkie szablony mają domyślny styl szablonu. Pozostałe opcje stylu szablonu zależą od używanego szablonu.
Podczas dostosowywania szablonu ustawienia stylu szablonu zastępuje się własnymi. Jeśli zastosujesz styl szablonu do swojego szablonu, Twoje bieżące ustawienia, takie jak kolory i typografia, ulegną zmianie.
Kroki:
Pulpit
W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
Kliknij ikonę Ustawienia szablonu
.
Kliknij Styl szablonu.
Wybierz styl szablonu, którego chcesz użyć, a następnie kliknij opcję Zmień styl.
Kliknij opcję Zapisz.
iPhone
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij ⋮, a następnie Ustawienia szablonu.
Naciśnij Styl szablonu.
Wybierz styl szablonu, którego chcesz użyć, a następnie naciśnij opcję Gotowe.
Naciśnij ✓.
Android
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
Naciśnij …, a następnie Ustawienia szablonu.
Naciśnij Styl szablonu.
Wybierz styl szablonu, którego chcesz użyć, a następnie naciśnij opcję Gotowe.
Naciśnij ✓.