Jak dodać Favicon (ikonkę na karcie w przeglądarce) do sklepu?

Data publikacji: 12 lutego 2017 Ostatnia aktualizacja: 5 grudnia 2024

Gdzie wyświetla się favicon strony internetowej?

Podgląd strony sklepu internetowego > Favicon w pasku adresu
Rys 1. Sprawdź, w którym miejscu znajduje się ikona sklepu (favicon).
Podgląd strony sklepu internetowego > Favicon w pasku adresu
Rys 1. Sprawdź, w którym miejscu znajduje się ikona sklepu (favicon).

Jak w sklepie Shoper dodać ikonę favicon w edytorze Storefront?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C) > Szczegóły szablonu (D) i uruchom edytor, klikając: EDYTUJ UKŁAD I STYL SZABLONU (E).
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Edytuj układ i styl szablonu
Rys 2. Uruchom edytor Shoper Visual Editor w technologii Storefront
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Edytuj układ i styl szablonu
Rys 2. Uruchom edytor Shoper Visual Editor w technologii Storefront
Przejdź do sekcji: Ustawienia szablonu, która znajduje się na ostatniej pozycji w głównym menu po lewej stronie ekranu.
W sekcji: IKONA W PASKU ADRESU (TZW. FAVICON) możesz wybrać grafikę, która będzie widoczna na otwartych zakładkach (kartach) w przeglądarce internetowej.
Ustawienia favicon dla szablonu Storefront
Rys 3. Ustaw ikonkę sklepu w pasku adresu w edytorze stron Shoper Storefront.
Ustawienia favicon dla szablonu Storefront
Rys 3. Ustaw ikonkę sklepu w pasku adresu w edytorze stron Shoper Storefront.

Po załadowaniu pliku graficznego w polu: Favicon możesz wybrać przycisk: Edytuj w prawym górnym rogu miniatury. W nowym oknie zostanie wyświetlony edytor, który pozwala zmodyfikować grafikę bez wychodzenia z Shoper Visual Editor (np. kadrowanie, filtry i dostosowanie kolorów czy dodanie ramki).

Po wybraniu ikony favicon dla swojego sklepu, kliknij przycisk: Zapisz i opublikuj, aby zastosować zmiany.

Ustawienie ikony w pasku adresu – favicon Twojego sklepu internetowego

Aby ustawić ikonkę sklepu na karcie w przeglądarce podążaj za następującymi krokami:

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki: Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C). Następnie nie zmieniając karty: Szczegóły szablonu (D) w sekcji dotyczącej favicon naciśnij przycisk dodawania zdjęcia (E). Wybierz plik z dysku i naciśnij przycisk: ZAPISZ (F).
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Favicon
Rys 2. Wybierz plik graficzny z ikoną i dodaj go do bieżącego szablonu sklepu Shoper.
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Favicon
Rys 2. Wybierz plik graficzny z ikoną i dodaj go do bieżącego szablonu sklepu Shoper.

Google rekomenduje, by dla przeglądarki Chrome rozmiar favicony (ICO lub PNG) wynosił: 192×192 px.

WAŻNE! Jeżeli nie zaobserwujesz zapisanych zmian to niezbędne może okazać się wyczyszczenie pamięci podręcznej przeglądarki.

Wideo: jak zmienić wygląd sklepu Shoper?

Zagadnienie konfiguracji wyglądu sklepu Shoper omówiliśmy w naszym filmie instruktażowym na YouTube.

Wideo poradnik: modyfikacja szablonu graficznego sklepu według własnych potrzeb

Chcesz, aby Twój sklep internetowy osiągnął wysokie pozycje w wyszukiwarkach? Wykorzystaj moc Shoper SEO i już dziś umów się na bezpłatną konsultację dotyczącą pozycjonowania strony.

Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • W którym miejscu widać ikonę sklepu na pasku adresu?
  • Jak dodać favicon za pośrednictwem Panelu administracyjnego sklepu?
  • Wideo poradnik: podstawowe działania wprowadzające zmiany w szablonie graficznym sklepu Shoper
Czy ten artykuł był pomocny?
Tak
Nie
Dziękujemy za odpowiedź!
Udostępnij artykuł:

Przetestuj sklep internetowy
przez 14 dni za darmo

Korzystaj ze wszystkich funkcji oprogramowania za darmo i bez zobowiązań.

Testuj wszystkie funkcje przez 14 dni bez zobowiązań. Zakładając sklep poprzez podanie
adresu e-mail akceptujesz nasz Regulamin i Politykę Prywatności