Dostosowywanie ustawień szablonu
Możesz dostosować ogólne ustawienia sklepu online, takie jak typografia, kolory, linki do mediów społecznościowych i strona koszyka, w sekcji Ustawienia szablonu w menu paska bocznego edytora szablonów. Zmiany wprowadzone w sekcji Ustawienia szablonu dotyczą całego sklepu online.
Sekcje i bloki mają również indywidualne ustawienia, za pomocą których można dostosować poszczególne sekcje szablonu. Dowiedz się więcej o sekcjach i blokach.
Na tej stronie
Logo
Do sklepu online możesz dodać logo swojej firmy. Twoje logo będzie wyświetlane w następujących miejscach:
- w nagłówku na wszystkich stronach
- na stronie hasła
Dostosuj logo
Obrazy logo mają maksymalną szerokość 300 pikseli.
Kroki:
Komputer stacjonarny
From your Shopify admin, go to Online Store.
Znajdź szablon, który chcesz edytować, a następnie kliknij przycisk Edytuj szablon.
Kliknij ikonę Ustawienia szablonu
.
Kliknij opcję Logo.
W obszarze Logo dodaj obraz lub użyj darmowego obrazu:
- Aby dodać obraz, kliknij przycisk Wybierz obraz, a następnie dodaj nowy lub istniejący obraz:
- Aby użyć obrazu, który został już załadowany do panelu administracyjnego Shopify, wybierz obraz, a następnie kliknij przycisk Gotowe.
- Aby użyć obrazu z komputera, kliknij przycisk Dodaj obrazy. Wybierz i dodaj obraz, a następnie kliknij przycisk Gotowe.
- Aby użyć darmowego obrazu, kliknij przycisk Przeglądaj darmowe obrazy. Znajdź obraz, kliknij go, aby go wybrać, a następnie kliknij przycisk Wybierz.
- Aby dodać obraz, kliknij przycisk Wybierz obraz, a następnie dodaj nowy lub istniejący obraz:
Opcjonalnie: Dodaj tekst alternatywny do obrazu logo:
- W obszarze Logo kliknij przycisk Edytuj.
- W polu Tekst alternatywny wprowadź krótki opis obrazu.
- Kliknij przycisk Zapisz.
Opcjonalnie: W obszarze Szerokość logo na komputerze stacjonarnym użyj suwaka zakresu, aby dostosować szerokość logo w pikselach.
Kliknij przycisk Zapisz.
Urządzenie mobilne
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij opcję Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Znajdź szablon, który chcesz edytować, a następnie naciśnij przycisk Edytuj szablon.
Naciśnij
lub
, a następnie naciśnij Ustawienia szablonu.
Naciśnij opcję Logo.
W obszarze Logo dodaj obraz lub użyj darmowego obrazu:
- Aby dodać obraz, naciśnij przycisk Wybierz obraz, a następnie dodaj nowy lub istniejący obraz:
- Aby użyć obrazu, który został już załadowany do panelu administracyjnego Shopify, wybierz obraz, a następnie naciśnij przycisk Gotowe.
- Aby użyć obrazu z urządzenia, naciśnij przycisk Dodaj obrazy. Wybierz i dodaj obraz z urządzenia, naciśnij obraz, aby go wybrać, a następnie naciśnij przycisk Gotowe.
- Aby użyć darmowego obrazu, naciśnij przycisk Przeglądaj darmowe obrazy. Znajdź obraz, naciśnij go, aby go wybrać, a następnie naciśnij przycisk Gotowe.
- Aby dodać obraz, naciśnij przycisk Wybierz obraz, a następnie dodaj nowy lub istniejący obraz:
Opcjonalnie: Dodaj tekst alternatywny do obrazu logo:
- W obszarze Logo naciśnij przycisk Edytuj.
- W polu Tekst alternatywny wprowadź krótki opis obrazu.
- Naciśnij przycisk Zapisz lub ✓.
Opcjonalnie: W obszarze Szerokość logo na komputerze stacjonarnym użyj suwaka zakresu, aby dostosować szerokość logo w pikselach.
Naciśnij przycisk Zapisz lub ✓.
Dodaj ikonę Favicon
Możesz dodać ikonę ulubionych lub ikonę Favicon, aby wspomóc budowanie świadomości marki sklepu online. Ikona Favicon jest wyświetlana w następujących miejscach:
- na karcie przeglądarki internetowej
- w historii przeglądarki internetowej
- ikony na pulpicie
- obok nazwy sklepu online po dodaniu strony internetowej do zakładek
Dowiedz się więcej o ikonach Favicon.
Kroki:
Komputer stacjonarny
From your Shopify admin, go to Online Store.
Znajdź szablon, do którego chcesz dodać ikonę Favicon, a następnie kliknij opcję Edytuj szablon.
Kliknij ikonę Ustawienia szablonu
.
W zależności od wersji szablonu kliknij opcję Logo lub Ikona Favicon.
W sekcji Obraz ikony Favicon kliknij opcję Wybierz obraz, a następnie dodaj nowy lub istniejący obraz:
- Aby wybrać obraz, który został już załadowany do panelu administracyjnego Shopify, wyszukaj go lub znajdź, a następnie zaznacz za pomocą pola wyboru.
- Aby wybrać obraz z komputera, kliknij opcję Dodaj obrazy, otwórz go, a następnie zaznacz za pomocą pola wyboru.
Kliknij Gotowe.
Opcjonalnie: Dodaj alternatywny tekst do obrazu ikony Favicon:
- W sekcji Obraz ikony Favicon kliknij opcję Edytuj.
- W polu Tekst alternatywny wprowadź krótki opis obrazu.
- Kliknij przycisk Zapisz.
Kliknij przycisk Zapisz.
Urządzenie mobilne
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij opcję Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Znajdź szablon, do którego chcesz dodać ikonę Favicon, a następnie naciśnij opcję Edytuj szablon.
Naciśnij
lub
, a następnie naciśnij Ustawienia szablonu.
W zależności od wersji szablonu naciśnij opcję Logo lub Ikona Favicon.
W sekcji Obraz ikony Favicon naciśnij opcję Wybierz obraz, a następnie dodaj nowy lub istniejący obraz:
- Aby wybrać obraz, który został już załadowany do panelu administracyjnego Shopify, wyszukaj go lub znajdź, a następnie zaznacz za pomocą pola wyboru.
- Aby wybrać obraz z urządzenia, naciśnij opcję Dodaj obrazy, otwórz go, a następnie zaznacz za pomocą pola wyboru.
Naciśnij Gotowe.
Dodaj alternatywny tekst do obrazu ikony Favicon:
- W sekcji Obraz ikony Favicon naciśnij opcję Edytuj.
- W polu Tekst alternatywny wprowadź krótki opis obrazu.
- Naciśnij przycisk Zapisz lub ✓.
Naciśnij przycisk Zapisz lub ✓.
Kolory
Ustawienia kolorów szablonu kontrolują kolory używane w całym sklepie online. Możesz skonfigurować ogólne kolory szablonu w sekcji Kolory w ustawieniach szablonu. W zależności od szablonu kolory są zarządzane za pomocą jednego z następujących systemów kolorów:
- Palety kolorów są dostępne w nowszych szablonach, takich jak Horizon 4.0.0 i nowszych. Paleta kolorów to zestaw nazwanych kolorów marki stosowany w całym szablonie. Sekcje i bloki mogą mieć pole wprowadzania koloru, którego możesz użyć do nadpisania koloru palety kolorem niestandardowym lub do zmiany przypisanego z palety koloru.
- Schematy kolorów są dostępne w większości szablonów, takich jak wszystkie darmowe szablony Shopify wydane przed wersją Horizon 4.0.0. Schemat kolorów to grupa różnych kolorów (np. tła, tekstu i przycisku), które można zastosować w poszczególnych sekcjach sklepu online. W ustawieniach szablonu możesz utworzyć wiele schematów kolorów.
Zarządzaj paletami kolorów
Paleta kolorów to szybki sposób na ponowne użycie kolorów w wielu ustawieniach w edytorze szablonów. Gdy zmienisz kolor z palety kolorów, wszystkie ustawienia używające tego koloru zostaną dynamicznie uaktualnione. Oznacza to również, że nie musisz pamiętać kodów szesnastkowych, gdy chcesz użyć danego koloru więcej niż jeden raz.

Kroki:
Komputer stacjonarny
From your Shopify admin, go to Online Store.
Obok szablonu, który chcesz edytować, kliknij Edytuj szablon.
Kliknij ikonę
, a następnie kliknij Kolory.
W sekcji Kolory kliknij
+, aby wybrać kolor do dodania do palety.Opcjonalnie: Aby usunąć z palety kolor, którego już nie potrzebujesz:
- Kliknij kolor, a następnie kliknij Usuń kolor.
- Wybierz kolor zastępczy za usunięty kolor we wszystkich miejscach w szablonie, w których jest używany.
- Kliknij Potwierdź.
Kliknij przycisk Zapisz.
Urządzenie mobilne
W aplikacji Shopify naciśnij
, a następnie naciśnij
Ustawienia.
W sekcji Kanały sprzedaży naciśnij opcję Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Znajdź szablon, który chcesz edytować, a następnie naciśnij przycisk Edytuj szablon.
Naciśnij
lub
, a następnie naciśnij Ustawienia szablonu.
Naciśnij Kolory.
W sekcji Kolory naciśnij
+, aby wybrać kolor do dodania do palety.Opcjonalnie: Aby usunąć z palety kolor, którego już nie potrzebujesz:
- Naciśnij kolor, a następnie naciśnij Usuń kolor.
- Wybierz kolor zastępczy za usunięty kolor we wszystkich miejscach w szablonie, w których jest używany.
- Naciśnij Potwierdź.
Naciśnij przycisk Zapisz lub ✓.
Zarządzaj schematami kolorów
W ustawieniach szablonu możesz utworzyć nowy lub usunąć istniejący schemat kolorów, albo zarządzać kolorami w schematach kolorów. W edytorze szablonów możesz mieć maksymalnie 21 schematów kolorów.
Kroki:
From your Shopify admin, go to Online Store.
Kliknij opcję Edytuj szablon obok szablonu, który chcesz dostosować.
Kliknij ikonę
, a następnie kliknij 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 treści, którego kolor chcesz zmienić.
Aby ustawić kolor, wprowadź heksadecymalny kod koloru lub wybierz kolor z selektora kolorów. Aby ustawić kolor jako przezroczysty, usuń kod heksadecymalny z pola tekstowego.
Kliknij przycisk Zapisz.
Typografia
Możesz ustawić styl i rozmiar czcionki dla tekstu w sklepie online. Możesz wybrać czcionkę systemową lub dodać czcionkę niestandardową. Czcionki dostępne w szablonie zależą od autora szablonu. Wszystkie darmowe szablony Shopify używają czcionek z biblioteki czcionek Shopify.
Rozważ użycie czcionek systemowych w sklepie, ponieważ są one już zainstalowane na komputerze użytkownika. Używanie czcionek systemowych pozwala uniknąć pobierania nowych czcionek na komputer klienta, co może negatywnie wpłynąć na szybkość ładowania sklepu. Czcionka wyświetlana na komputerze klienta zależy od jego systemu operacyjnego.
Dostosowywanie typów czcionek
Sprawdź w bibliotece czcionek Shopify listę dostępnych czcionek.
Kroki:
Komputer stacjonarny
From your Shopify admin, go to Online Store.
Znajdź szablon, który chcesz edytować, a następnie kliknij przycisk Edytuj szablon.
Kliknij ikonę Ustawienia szablonu
.
Kliknij opcję Typografia.
Aby zmienić typ czcionki dla nagłówków lub tekstu podstawowego w sklepie, kliknij przycisk Zmień w sekcji Nagłówki lub Tekst podstawowy.
Kliknij nazwę czcionki, której chcesz użyć, a następnie kliknij przycisk Wybierz.
Kliknij przycisk Zapisz.
Urządzenie mobilne
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij opcję Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Znajdź szablon, który chcesz edytować, a następnie naciśnij przycisk Edytuj szablon.
Naciśnij
lub
, a następnie naciśnij Ustawienia szablonu.
Naciśnij opcję Typografia.
Aby zmienić typ czcionki dla nagłówków lub tekstu podstawowego w sklepie, naciśnij przycisk Zmień w sekcji Nagłówki lub Tekst podstawowy.
Naciśnij nazwę czcionki, której chcesz użyć, a następnie naciśnij przycisk Gotowe.
Naciśnij przycisk Zapisz lub ✓.
Dostosowywanie rozmiarów czcionek
Możesz ustawić domyślne rozmiary czcionek dla nagłówków i tekstu podstawowego za pomocą ustawienia szablonu Typografia.
Minimalny rozmiar czcionki to 100%, a maksymalny – 150%. Każdy przyrost na skali zwiększa rozmiar czcionki o 5%. Ustawienie domyślne to 100%.
Kroki:
Komputer stacjonarny
From your Shopify admin, go to Online Store.
Znajdź szablon, który chcesz edytować, a następnie kliknij przycisk Edytuj szablon.
Kliknij ikonę Ustawienia szablonu
.
Kliknij opcję Typografia.
Aby zmienić domyślny rozmiar czcionki dla tekstu w nagłówkach, użyj suwaka zakresu Skala rozmiaru czcionki, aby wybrać domyślny rozmiar czcionki.
Aby zmienić domyślny rozmiar czcionki dla tekstu podstawowego, użyj suwaka zakresu Skala rozmiaru czcionki, aby wybrać domyślny rozmiar czcionki.
Kliknij przycisk Zapisz.
Urządzenie mobilne
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij opcję Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Znajdź szablon, który chcesz edytować, a następnie naciśnij przycisk Edytuj szablon.
Naciśnij
lub
, a następnie naciśnij Ustawienia szablonu.
Naciśnij opcję Typografia.
Aby zmienić domyślny rozmiar czcionki dla tekstu w nagłówkach, użyj suwaka zakresu Skala rozmiaru czcionki, aby wybrać domyślny rozmiar czcionki.
Aby zmienić domyślny rozmiar czcionki dla tekstu podstawowego, użyj suwaka zakresu Skala rozmiaru czcionki, aby wybrać domyślny rozmiar czcionki.
Naciśnij przycisk Zapisz lub ✓.
Układ
Możesz ustawić maksymalną szerokość, z jaką będzie wyświetlany sklep online, oraz ustawić pionowe i poziome odstępy między sekcjami.
Kroki:
Komputer stacjonarny
From your Shopify admin, go to Online Store.
Znajdź szablon, który chcesz edytować, a następnie kliknij przycisk Edytuj szablon.
Kliknij ikonę Ustawienia szablonu
.
Kliknij opcję Układ.
Użyj suwaka zakresu Szerokość strony, aby wybrać szerokość strony w zakresie 1000–1600 px. Ustawienie domyślne to 1600 px.
Opcjonalnie: Użyj suwaka zakresu, aby dodać pionowe odstępy między sekcjami szablonu na stronach. Możesz dodać odstęp o maksymalnej wielkości 100 px między sekcjami.
Opcjonalnie: Jeśli masz układ siatki, użyj suwaków zakresu Odstęp poziomy i Odstęp pionowy, aby dodać odstępy między zawartością siatki na stronach. Dodanie odstępu poziomego spowoduje dodanie maksymalnie 40 px odstępu do wierszy zawartości na stronach, natomiast dodanie odstępu pionowego spowoduje dodanie maksymalnie 40 px odstępu do kolumn zawartości na stronach.
Kliknij przycisk Zapisz.
Urządzenie mobilne
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij opcję Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Znajdź szablon, który chcesz edytować, a następnie naciśnij przycisk Edytuj szablon.
Naciśnij
lub
, a następnie naciśnij Ustawienia szablonu.
Naciśnij opcję Układ.
Użyj suwaka zakresu Szerokość strony, aby wybrać szerokość strony w zakresie 1000–1600 px. Ustawienie domyślne to 1600 px.
Opcjonalnie: Użyj suwaka zakresu, aby dodać pionowe odstępy między sekcjami szablonu na stronach. Możesz dodać odstęp o maksymalnej wielkości 100 px między sekcjami.
Opcjonalnie: Jeśli masz układ siatki, użyj suwaków zakresu Odstęp poziomy i Odstęp pionowy, aby dodać odstępy między zawartością siatki na stronach. Dodanie odstępu poziomego spowoduje dodanie maksymalnie 40 px odstępu do wierszy zawartości na stronach, natomiast dodanie odstępu pionowego spowoduje dodanie maksymalnie 40 px odstępu do kolumn zawartości na stronach.
Naciśnij przycisk Zapisz lub ✓.
Animacje
Animacje pozwalają dodać ruch i wizualne urozmaicenie do sklepu online. Możesz aktywować animację stopniowego pojawiania się, która odsłania sekcje sklepu podczas przewijania, oraz efekt najechania kursorem dla kart i przycisków.
Kroki:
Komputer stacjonarny
From your Shopify admin, go to Online Store.
Znajdź szablon, który chcesz edytować, a następnie kliknij przycisk Edytuj szablon.
Kliknij ikonę Ustawienia szablonu
.
Kliknij opcję Animacje.
Opcjonalnie: Aby aktywować animację, która odsłania sekcje sklepu online podczas przewijania, wybierz opcję Odsłaniaj sekcje podczas przewijania.
Opcjonalnie: Aby dodać animację z efektem najechania kursorem do kart i przycisków, wybierz jedną z następujących opcji w ustawieniu Efekt najechania kursorem:
- Pionowe uniesienie: Gdy klient najedzie kursorem na kartę lub przycisk, element przesuwa się w górę.
- Uniesienie 3D: Gdy klient najedzie kursorem na kartę lub przycisk, element przesuwa się do przodu, co daje efekt 3D. Dodatkowo pojawia się subtelny połysk, który przesuwa się po elemencie, nadając mu kolejny wymiar.
Kliknij przycisk Zapisz.
Urządzenie mobilne
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij opcję Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Znajdź szablon, który chcesz edytować, a następnie naciśnij przycisk Edytuj szablon.
Naciśnij
lub
, a następnie naciśnij Ustawienia szablonu.
Naciśnij opcję Animacje.
Opcjonalnie: Aby aktywować animację, która odsłania sekcje sklepu online podczas przewijania, wybierz opcję Odsłaniaj sekcje podczas przewijania.
Opcjonalnie: Aby dodać animację z efektem najechania kursorem do kart i przycisków, wybierz jedną z następujących opcji w ustawieniu Efekt najechania kursorem:
- Pionowe uniesienie: Gdy klient najedzie kursorem na kartę lub przycisk, element przesuwa się w górę.
- Uniesienie 3D: Gdy klient najedzie kursorem na kartę lub przycisk, element przesuwa się do przodu, co daje efekt 3D. Dodatkowo pojawia się subtelny połysk, który przesuwa się po elemencie, nadając mu kolejny wymiar.
Naciśnij przycisk Zapisz lub ✓.
Ustawienia dostosowywania elementów wizualnych
Możesz dostosować wygląd elementów szablonu, takich jak przyciski, karty produktów i warianty, na stronie Ustawienia szablonu. Każda opcja zawiera odpowiednie ustawienia dla danego elementu.
Możesz dostosować ustawienia dla następujących elementów szablonu:
- Przyciski: Przyciski obejmują przyciski z wezwaniem do działania w sekcjach, takich jak pokaz slajdów lub obraz z tekstem, a także przyciski w formularzu kontaktowym, na stronach produktu i stronach koszyka.
- Przyciski wariantów: Przyciski wariantów umożliwiają wyświetlanie wariantów 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 przycisków wariantów w sklepie online.
- Pola wprowadzania danych: Pola wprowadzania danych to interaktywne obszary, które wymagają podania informacji przez klienta, na przykład selektor ilości, formularz zapisu na e-maile lub uwagi dotyczące koszyka. Możesz dostosować wygląd pól wprowadzania danych w sklepie online.
- Ustawienia kart produktów, kart kolekcji i kart bloga pozwalają dostosować styl każdego typu karty, gdy są one wyświetlane w sekcjach strony.
- Karty produktów: Karty produktów wyświetlają informacje o produktach w obszarach szablonu, w których znajduje się lista wielu produktów, takich jak szablony kolekcji, sekcje kolekcji i wyniki wyszukiwania.
- Karty kolekcji: Karty kolekcji wyświetlają informacje o kolekcjach w obszarach szablonu, w których znajduje się lista kolekcji, takich jak szablon lub sekcja listy kolekcji.
- Karty bloga: Karty bloga wyświetlają informacje o postach na blogu w obszarach szablonu, w których znajduje się lista wielu produktów, takich jak szablony blogów, sekcje blogów i wyniki wyszukiwania.
- Kontenery treści: Kontenery są używane dla elementu tekstowego sekcji treści, na przykład pola tekstowego w pokazie slajdów, na banerze z obrazem lub w kolumnach sekcji wielokolumnowych. Możesz dostosować wygląd kontenerów treści w sklepie online.
- Multimedia: Multimedia to element wizualny sekcji, na przykład 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: Szuflady to ukryte, interaktywne kontenery, które wyświetlają się po naciśnięciu lub kliknięciu, takie jak zwijane menu lub opcje filtrowania kolekcji. Możesz dostosować obramowanie i cień szuflad w sklepie online.
- Oznaczenia: Oznaczenia Wyprzedaż i Wyprzedane są automatycznie dodawane do obrazów produktów po obniżeniu ceny lub gdy stan zapasów osiągnie 0. Możesz indywidualnie dostosować pozycję, kształt i kolor oznaczeń Wyprzedaż i Wyprzedane w ustawieniach szablonu. Oznaczenia Strona i Blog są wyświetlane w odpowiednich wynikach wyszukiwania. Możesz dostosować pozycję i kształt tych oznaczeń, ale nie możesz zmienić koloru oznaczeń Strona i Blog.
- Informacje o marce: Możesz zawrzeć informacje o marce w sklepie online. Po wykonaniu poniższych kroków możesz dodać blok Informacje o marce w stopce sklepu online.
Kroki:
Komputer stacjonarny
From your Shopify admin, go to Online Store.
Kliknij Edytuj szablon obok szablonu, który chcesz edytować.
Kliknij ikonę
.
Kliknij element, aby otworzyć ustawienia.
Dostosuj dowolne z dostępnych ustawień. Możesz przejrzeć zmiany, przechodząc do różnych obszarów szablonu w oknie podglądu.
Kliknij przycisk Zapisz.
Urządzenie mobilne
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij opcję Sklep online.
Naciśnij Edytuj szablon obok szablonu, który chcesz edytować.
Naciśnij ikonę
.
Naciśnij element, aby otworzyć ustawienia.
Dostosuj dowolne z dostępnych ustawień. Możesz przejrzeć zmiany, przechodząc do różnych obszarów szablonu w oknie podglądu.
Naciśnij przycisk Zapisz lub ✓.
Media społecznościowe
Możesz dodać linki do kont w mediach społecznościowych, które będą wyświetlane w stopce sklepu online.
Kroki:
Komputer stacjonarny
From your Shopify admin, go to Online Store.
Znajdź szablon, który chcesz edytować, a następnie kliknij przycisk Edytuj szablon.
Kliknij ikonę Ustawienia szablonu
.
Kliknij Media społecznościowe.
Aby dodać linki do kont w mediach społecznościowych, wprowadź adresy stron internetowych dla kont w odpowiednich polach Konta społecznościowe. Musisz wprowadzić pełne linki, takie jak https://instagram.com/shopify lub https://tiktok.com/@shopify.
Kliknij przycisk Zapisz.
Urządzenie mobilne
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij opcję Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Znajdź szablon, który chcesz edytować, a następnie naciśnij przycisk Edytuj szablon.
Naciśnij
lub
, a następnie naciśnij Ustawienia szablonu.
Naciśnij Media społecznościowe.
Aby dodać linki do kont w mediach społecznościowych, wprowadź adresy stron internetowych dla kont w odpowiednich polach Konta społecznościowe. Musisz wprowadzić pełne linki, takie jak https://instagram.com/shopify lub https://tiktok.com/@shopify.
Naciśnij przycisk Zapisz lub ✓.
Zachowanie wyszukiwania
Sklep online jest wyposażony w funkcję wyszukiwania predykcyjnego, która wyświetla sugestie, gdy klienci zaczynają pisać w polu wyszukiwania. Sugestie wyszukiwania pomagają klientom formułować i zawężać zapytania oraz odkrywać nowe sposoby przeglądania sklepu online. Pozwalają również szybko przeglądać pasujące wyniki bez opuszczania bieżącej strony w celu wyświetlenia oddzielnej listy wyników wyszukiwania.
Aby dowiedzieć się więcej o działaniu sugestii wyszukiwania, zapoznaj się z sekcją Wyszukiwanie predykcyjne.
Możesz dostosować sposób wyświetlania sugestii wyszukiwania klientom.
Kroki:
Komputer stacjonarny
From your Shopify admin, go to Online Store.
Znajdź szablon, który chcesz edytować, a następnie kliknij przycisk Edytuj szablon.
Kliknij ikonę Ustawienia szablonu
.
Kliknij Zachowanie wyszukiwania.
Aby aktywować lub dezaktywować sugestie wyszukiwania, zaznacz lub odznacz opcję Włącz sugestie wyszukiwania.
Opcjonalnie: Aby wyświetlić lub ukryć dostawcę produktu w sugestiach wyszukiwania, zaznacz lub odznacz opcję Pokaż dostawcę produktu.
Opcjonalnie: Aby wyświetlić lub ukryć cenę produktu w sugestiach wyszukiwania, zaznacz lub odznacz opcję Pokaż cenę produktu.
Kliknij przycisk Zapisz.
Urządzenie mobilne
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij opcję Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Znajdź szablon, który chcesz edytować, a następnie naciśnij przycisk Edytuj szablon.
Naciśnij
lub
, a następnie naciśnij Ustawienia szablonu.
Naciśnij Zachowanie wyszukiwania.
Aby aktywować lub dezaktywować sugestie wyszukiwania, zaznacz lub odznacz opcję Włącz sugestie wyszukiwania.
Opcjonalnie: Aby wyświetlić lub ukryć dostawcę produktu w sugestiach wyszukiwania, zaznacz lub odznacz opcję Pokaż dostawcę produktu.
Opcjonalnie: Aby wyświetlić lub ukryć cenę produktu w sugestiach wyszukiwania, zaznacz lub odznacz opcję Pokaż cenę produktu.
Naciśnij przycisk Zapisz lub ✓.
Format waluty
Możesz wybrać, czy kod waluty ma być wyświetlany z cenami przy produktach.
Kroki:
Komputer stacjonarny
From your Shopify admin, go to Online Store.
Znajdź szablon, który chcesz edytować, a następnie kliknij przycisk Edytuj szablon.
Kliknij ikonę Ustawienia szablonu
.
Kliknij Format waluty.
Aby wyświetlić kody walut, zaznacz opcję Pokaż kody walut.
Kliknij przycisk Zapisz.
Urządzenie mobilne
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij opcję Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Znajdź szablon, który chcesz edytować, a następnie naciśnij przycisk Edytuj szablon.
Naciśnij
lub
, a następnie naciśnij Ustawienia szablonu.
Naciśnij Format waluty.
Aby wyświetlić kody walut, zaznacz opcję Pokaż kody walut.
Naciśnij przycisk Zapisz lub ✓.
Koszyk
Możesz zmienić styl koszyka w sklepie online. Gdy klient doda produkt ze sklepu do koszyka, koszyk może być wyświetlany jako szuflada, strona lub powiadomienie w wyskakującym okienku. Aby klient pozostał na stronie produktu, użyj opcji szuflady lub powiadomienia w wyskakującym okienku. Aby przenieść klienta na stronę koszyka, użyj opcji strony. Gdy koszyk klienta jest pusty, możesz wyświetlić polecaną kolekcję w szufladzie koszyka.
Kroki:
Komputer stacjonarny
From your Shopify admin, go to Online Store.
Znajdź szablon, który chcesz edytować, a następnie kliknij przycisk Edytuj szablon.
Kliknij ikonę Ustawienia szablonu
.
Kliknij Koszyk.
Użyj menu rozwijanego Typ koszyka, aby wybrać styl koszyka: Szuflada, Strona lub Powiadomienie w wyskakującym okienku.
Opcjonalnie: Aby wyświetlić dostawców pozycji w koszyku klienta, zaznacz opcję Pokaż dostawcę.
Opcjonalnie: Aby udostępnić klientom pole tekstowe, w którym mogą wprowadzać specjalne żądania lub dodawać dodatkowe informacje o zamówieniu, zaznacz opcję Włącz uwagę dotyczącą koszyka.
Opcjonalnie: Jeśli jako Typ koszyka wybierzesz opcję Szuflada, możesz wyświetlić kolekcję w szufladzie koszyka, gdy jest on pusty:
- W obszarze Szuflada koszyka kliknij Wybierz kolekcję.
- Kliknij nazwę kolekcji, którą chcesz wyświetlić, a następnie kliknij Wybierz.
Opcjonalnie: Jeśli jako Typ koszyka wybierzesz opcję Szuflada, możesz zmienić schemat kolorów szuflady koszyka, wykonując następujące kroki:
- W obszarze Szuflada koszyka > Schemat kolorów kliknij przycisk Zmień.
- Wybierz schemat kolorów, którego chcesz używać w szufladzie koszyka.
Kliknij przycisk Zapisz.
Urządzenie mobilne
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij opcję Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Znajdź szablon, który chcesz edytować, a następnie naciśnij przycisk Edytuj szablon.
Naciśnij
lub
, a następnie naciśnij Ustawienia szablonu.
Naciśnij opcję Koszyk.
Wybierz typ koszyka spośród opcji: Szuflada, Strona lub Powiadomienie wyskakujące.
Opcjonalnie: Aby wyświetlić dostawców pozycji w koszyku klienta, zaznacz opcję Pokaż dostawcę.
Opcjonalnie: Aby udostępnić klientom pole tekstowe, w którym mogą wprowadzać specjalne żądania lub dodawać dodatkowe informacje o zamówieniu, zaznacz opcję Włącz uwagę dotyczącą koszyka.
Opcjonalnie: Jeśli jako Typ koszyka wybierzesz opcję Szuflada, możesz wyświetlić kolekcję w szufladzie koszyka, gdy jest on pusty:
- W obszarze Szuflada koszyka naciśnij opcję Wybierz kolekcję.
- Naciśnij nazwę kolekcji, którą chcesz wyświetlić, a następnie naciśnij przycisk Gotowe.
Opcjonalnie: Jeśli jako Typ koszyka wybierzesz opcję Szuflada, możesz zmienić schemat kolorów szuflady koszyka, wykonując następujące kroki:
- W obszarze Szuflada koszyka > Schemat kolorów naciśnij przycisk Zmień.
- Wybierz schemat kolorów, którego chcesz używać w szufladzie koszyka, a następnie naciśnij przycisk Gotowe.
Naciśnij przycisk Zapisz lub ✓.
Niestandardowy kod CSS
W sekcji Niestandardowy kod CSS możesz wprowadzić własny kod CSS, aby na przykład dostosować wygląd przycisków w sklepie online poza dostępnymi ustawieniami domyślnymi lub zastosować unikalny styl dla określonych elementów tekstowych.
Niestandardowy kod CSS w ustawieniach szablonu ma wpływ na wszystkie strony w sklepie online z wyjątkiem strony realizacji zakupu.
Dowiedz się więcej o dodawaniu niestandardowego kodu CSS do szablonu.
Styl szablonu
Styl szablonu to zbiór ustawień wybranych przez projektanta szablonu. Możesz zastosować styl szablonu w sklepie, aby nadać mu dopracowany wygląd i sposób obsługi. Wszystkie szablony mają domyślnie zastosowany styl szablonu. Pozostałe dostępne opcje stylu szablonu zależą od używanego szablonu.
Dostosowując szablon, zastępujesz ustawienia stylu szablonu własnymi. Gdy zastosujesz styl szablonu, zmienisz bieżące ustawienia, takie jak kolory i typografia.
Kroki:
Komputer stacjonarny
From your Shopify admin, go to Online Store.
Znajdź szablon, który chcesz edytować, a następnie kliknij przycisk Edytuj szablon.
Kliknij ikonę Ustawienia szablonu
.
Kliknij opcję Styl szablonu.
Wybierz styl szablonu, którego chcesz użyć, a następnie kliknij przycisk Zmień styl.
Kliknij przycisk Zapisz.
Urządzenie mobilne
W aplikacji Shopify naciśnij ikonę
.
W sekcji Kanały sprzedaży naciśnij opcję Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Znajdź szablon, który chcesz edytować, a następnie naciśnij przycisk Edytuj szablon.
Naciśnij
lub
, a następnie naciśnij Ustawienia szablonu.
Naciśnij opcję Styl szablonu.
Wybierz styl szablonu, którego chcesz użyć, a następnie naciśnij przycisk Gotowe.
Naciśnij przycisk Zapisz lub ✓.