Menu - nawigacja w sklepie

Pod nazwą menu kryją się kategorie, która klient widzi w sklepie internetowym. Jest to główny element nawigacji w sklepie, dlatego warto go odpowiednio skonfigurować.

Menu jest często mylone z kategoriami w panelu. Kategorie znajdują się w sekcji Towary > Baza atrybutów > Kategorie towarów w panelu. Są wewnętrzną organizacją towarów dla obsługi sklepu na potrzeby udostępniania oferty do integracji czy eksportu oferty do porównywarek i grup rabatowych. Na podstawie kategorii generowane są m.in. listy dla inwentaryzacji czy analizy i listy sprzedanych towarów. Klienci sklepu nie widzą kategorii.

To, co jest widoczne dla kupujących, to nawigacja menu (węzły), które znajdziesz w sekcji Moderacja > Menu i podstrony opisowe w masce. Potocznie mówi się o tych podstronach "kategorie", ale warto pamiętać, że w panelu IdoSell są to dwie różne rzeczy.

Po przejściu do sekcji Moderacja > Menu i podstrony opisowe w masce zobaczysz Menu od 1 do 5.

Niemal we wszystkich szablonach standardowych, jako główne menu w nawigacji jest Menu 1. 

Menu od 2 i 3 mogą być wykorzystywane do indywidualnych rozwiązań w szablonach, które wymagają dodatkowych prac graficznych.

Menu 4 pozwala na wyświetlenie dodatkowych informacji w stopce sklepu.

Menu 5 to strefa pomocnicza, która widoczna jest po środku strony głównej.

W celu konfiguracji menu przechodzimy do Menu 1.

W tym miejscu masz możliwość utworzenia drzewa menu, które będzie widoczne w sklepie dla klientów.

Zmiany wprowadzone w węzłach menu nie pokazują się od razu w sklepie. Należy pamiętać, że po wprowadzeniu zmian w konfiguracji na górze strony należy kliknąć Publikuj zmiany w sklepie.

Generowanie menu na podstawie kategorii

Jeśli w panelu masz utworzone kategorie towarów, możesz wygenerować drzewo menu na ich podstawie. Podczas generowania menu na podstawie kategorii, system sprawdza, czy towary są przypisane do sklepu dla którego generuje się menu. Jeżeli żaden z towarów, przypisanych do kategorii, nie jest przypisany również do sklepu, to taka kategoria nie będzie wygenerowana jako węzeł w menu.

Eksport drzewa menu z innego sklepu w systemie IdoSell

Możesz wyeksportować drzewo menu z innego sklepu w systemie IdoSell i skopiować je do innego.

Ręczne dodawanie elementów menu

W celu ręcznego dodania nowego elementu w menu, kliknij Dodaj element na górze lub Dodaj element na dole. Po podaniu nazwy, nowy węzeł menu pojawi się na początku lub na końcu listy.

Jeśli chcesz zmienić umiejscowienie węzła menu, należy kliknąć w jego nazwę i złapać kursorem za napis przenieś element. Teraz możesz zmienić umiejscowienie węzła menu na liście lub wcielić go do już istniejącego elementu.

Dodanie rozwijanego menu

W celu dodania rozwijanego menu, musisz stworzyć potomków dla głównych węzłów menu, czyli podkategorie. Kliknij w interesujący cię element menu, a następnie wybierz dodaj potomka i podaj nazwę podkategorii.

W standardowych szablonach węzły menu wyświetlane są do drugiego poziomu. Jeśli chcesz wyświetlać dodatkowe poziomy, konieczne będą zmiany w szablonie sklepu.

Po dodaniu węzła menu, możesz wyświetlić jego ustawienia, w celu odpowiedniej konfiguracji. 

Po dodaniu węzła menu, możesz wyświetlić jego ustawienia, w celu odpowiedniej konfiguracji. 

Masz możliwość edycji nazwy węzła. Możesz mieć inną nazwę węzła w sklepie i w panelu. Jest to używane w szczególnych przypadkach, kiedy chcesz np. zmienić po dłuższym czasie nazwę węzła menu, bez zmiany linku do węzła menu. Link generowany jest zawsze z nazwy domyślnej.

Każdy nowy węzeł menu jest ustawiony jako link do listy towarów. Oznacza to, że będzie widoczny na stronie, kiedy będą spełnione odpowiednie warunki:

• będzie miał przypisane produkty, widoczne na stronie sklepu. Jeśli produkty będą przypisane do menu, ale nie będą miały stanów lub będą ukryte, węzeł się nie pojawi.

• nie będzie ukryty. W konfiguracji węzła menu jest możliwość jego ukrycia.

• zmiany w menu będą opublikowane za pomocą opcji publikuj zmiany w sklepie.

• jeśli dodałeś węzeł menu, a mimo zweryfikowania powyższych opcji dalej się on nie wyświetla, najprawdopodobniej przyczyną tego jest pamięć podręczna przeglądarki co możesz szybko zweryfikować wchodząc na stronę z trybu incognito lub innej przeglądarki.

Pozostałe opcje konfiguracji

• element statyczny (bez linku) - węzeł menu pojawi się jako nieklikalny napis na stronie,

• link do listy towarów bez lub z dodatkowym opisem - pozwala na tworzenie listy towarów w danej kategorii menu. Na takiej liście możesz dodać opis na górze lub na dole listy, który jest szczególnie lubiany przez specjalistów od SEO, ponieważ pozwala lepiej pozycjonować sklep,

• link do pośredniej strony nawigacji - pozwala na utworzenie dodatkowej podstrony, gdzie nie wyświetli się lista produktów, tylko pojawią się do wyboru podkategorie prowadzące do ostatecznej listy towarów. Jeśli kategorie chcesz prezentować jako grafiki, do potomków dodaj grafikę na pośredniej stronie nawigacji.

• link do strony tylko z opisem - pozwala na utworzenie podstrony opisowej, bez produktów,

• link do podanego URL - w polu poniżej masz możliwość podlinkowania dowolnej strony, zarówno w ramach sklepu IdoSell, jak i do zewnętrznych serwisów np. do bloga, jeśli adres prowadzi na zewnątrz. Możesz np. dodać węzeł "Nowości" lub "Promocje" i podlinkować stronę specjalną, która jest generowana automatycznie.

• Jeśli w węźle menu masz stworzonych wiele podkategorii, możesz, zamiast wyświetlania całej listy, pokazać tylko kilka pierwszych oraz przycisk “pokaż wszystkie”. Pozwoli to na czytelniejsze wyświetlanie elementów menu. Dodatkowo możesz zdecydować, czy element “pokaż wszystkie” będzie przekierowywał do listy wszystkich towarów czy do pośredniej strony nawigacji.

• Kolejne ustawienie pozwala na ustawienie zachowania elementu menu po kliknięciu. Węzeł może się rozwijać po kliknięciu, prezentując podkategorie, lub zaprezentować od razu listę produktów podpiętych do menu.

• Każdy węzeł menu ma możliwość ustawienia indywidualnych ustawień wyświetlania lub filtrów. Dobrą praktyką jest ustawianie filtrów indywidualnie dla węzłów. Wpływa to pozytywnie na szybkość ładowania się listy towarów.

• Niektóre elementy menu mogę mieć wyświetlane dodatkowe grafiki. Jeśli dodasz w tym miejscu grafikę, będzie ona wyświetlana zamiast nazwy węzła menu. Grafika może się zmieniać, gdy najedziesz na element kursorem myszki. Masz możliwość wprowadzenia osobnej grafiki, jeśli kursor jest poza linkiem i kiedy jest na linku.

Drzewo menu powinno być przemyślane, a jego struktura musi pozwolić klientowi jak najszybciej dotrzeć do interesującego go produktu czy grupy produktów.

Pośrednia strona nawigacji w menu umożliwia utworzenie dodatkowej podstrony, która nie wyświetla bezpośrednio listy produktów, lecz prowadzi do wyboru podkategorii.

Tego rodzaju rozwiązanie jest użyteczne, gdy chcemy uporządkować asortyment i ułatwić klientom poruszanie się po rozbudowanej ofercie.

Aby skonfigurować pośrednią stronę nawigacji, należy przejść do ustawień ogólnych węzła menu, który po kliknięciu ma wygenerować taką stronę, a następnie oznaczyć go jako link do pośredniej strony nawigacji.

Można także dodać grafiki dla wewnętrznych węzłów menu, co pozwala na bardziej atrakcyjną prezentację produktów i ułatwia wizualną nawigację w sklepie.

W tym miejscu masz możliwość włączenia indywidualnych ustawień meta takich jak: tytuł, opis i słowa kluczowe.

Masz także możliwość sprawdzić link do węzła menu lub ustawić własny adres URL, wybierając opcje jak na poniższym zrzucie.

Za kolejność towarów na listach odpowiadają ustawienia sortowania. Ustawienia domyślne można zmienić w 2 miejscach.

1. Na stronie konfiguracji wyszukiwarki i list towarów dostępnej w zakładce Moderacja > Działanie sklepu > Wyszukiwarka i listy towarów > Sortowanie listy towarów.

2. Na stronie konfiguracji menu dostępnej w zakładce MODERACJA > Menu i podstrony opisowe w masce > Menu > Domyślne ustawienia sortowania i liczba wyświetlanych towarów.

Sortowaniem można zarządzać też dla każdego węzła osobno w ustawieniach ogólnych danego węzła za pomocą opcji Ustawienia wyświetlania towarów

Jeśli w konfiguracji wybierzemy sortowanie po priorytecie to na kolejność towarów na listach będzie miał wpływ również priorytet towaru. Priorytet towaru można zmienić na karcie towaru w zakładce Widoczność w sklepie. Znajdują się tam 2 mozliwości konfiguracji:

• Priorytet ogólny jest domyślne stosowanym priorytetem towaru na wszystkich listach towarów.

• Zmiana priorytetów dla przypisanych węzłów menu pozwala na ustawienie osobnego priorytetu dla każdego węzła menu do którego przypisany jest towar. Dzięki temu można zarządzać kolejnością towarów osobno na wielu listach. Trzeba przy tym pamiętać że priorytet dla przypisanych węzłów menu jest nadrzędny wobec priorytety ogólnego.

Mamy możliwość włączenia współdzielenia menu i towarów pomiędzy sklepami. W tej sytuacji dodane elementy menu i przypisane do niego towary w jednym sklepie, automatycznie będą powielane na drugi.

Aby włączyć współdzielenie menu należy przejść do:

Administracja > system > Instalacja, deinstalacja i konfiguracja sklepów > sklep

Po przejściu do konfiguracji odpowiedniego sklepu włączamy pobieranie ustawień działania sklepu, następnie z rozwijanej listy wybieramy sklep, z którego będą pobierane te ustawienia.

Po włączeniu współdzielenia włączamy opcję:

Współdzielenie oferty - towary, ustawienia menu oraz przypisania stron do magazynów i ustawiamy które menu mają być współdzielone.

Jeden produkt może być przypisany do wielu węzłów menu.

Przykład:

Jeśli posiadasz węzły menu: Odzież > Damska > Bluzki / Spodnie

Przypisując towar do węzła menu Damska - NIE BĘDZIE MOŻLIWE przypisanie tego samego towaru do zagnieżdżonego węzła menu Bluzki lub Spodnie

Natomiast, przypisując towar do węzła menu Bluzki, wyświetli się on na liście towarów również wyższych węzłów menu, czyli: Odzież oraz Damskie 

Produkty do węzłów menu możesz przypisywać pojedynczo lub grupowo.

• Pojedyncze przypisanie towaru do menu - wykonasz je z poziomu karty towaru. Przejdź do sekcji Widoczność w sklepie,

• Grupowe przypisanie za pomocą GET (Grupowa Edycja Towarów) - jeśli chcesz edytować przypisanie do menu wielu produktów jednocześnie, skorzystaj z GET. Z poziomu listy produktów wybierz opcję Edycja grupowa > Menu,

• Grupowe przypisanie przez IAI Downloader, narzędzie webowe lub API - wykonując aktualizację produktów przez IAI Downloader, narzędzie webowe lub API, również możesz przypisać produkty do węzłów menu,

Aktualizacje przez IAI Downloader oraz narzędzie webowe

W pliku do aktualizacji muszą znajdować się poniższe informacje:

• identyfikator towaru (KZS, KP lub ID) 

• id menu: np. 1 

• shop_id: np. 1 

• nazwa węzła np.: Odzież\męska - separatorem poziomów menu jest znak "\". Jeśli podanego w pliku węzła menu nie będzie w panelu, zostanie on utworzony po synchronizacji pliku.

Przykładowy plik CSV

Przypisanie produktów do menu przez API

API Admin umożliwia dodanie towaru do menu poprzez bramkę Products > update . Bramka ta jest uniwersalna i może zostać użyta również do aktualizacji danych zawartych w towarze. Poniżej przykład zapytania, które pozwala na przypisanie towaru do menu

<update>
  <authenticate>
    <userLogin>japi</userLogin>
    <authenticateKey>bea4f02fa65030a44fe1924300e36a1ee564843d</authenticateKey>
  </authenticate>
  <params>
    <products>
      <0>
        <productId>1860</productId>
        <productMenuItems>
          <0>
          <productMenuOperation>add_product</productMenuOperation>
          <menuItemTextId>Konsole\Nintendo\Switch</menuItemTextId>
          <shopId>1</shopId>
          <menuId>1</menuId>
          </0>
        </productMenuItems>
      </0>
    </products>
  </params>
</update>

Opis tej bramki znajduje się w dokumentacji .

Breadcrumbs, czyli wyświetlana na górze strony ścieżka po jakiej można dotrzeć do danej podstrony, w przypadku karty towaru generowana jest na 2 sposoby.

• Kiedy wejdziemy na kartę towaru z poziomu węzła menu w breadcrumbs wyświetli nam się ścieżka zawierająca ten węzeł menu.

• Kiedy wejdziemy na kartę towaru w jakikolwiek inny sposób np. z wyszukiwarki czy za pomocą linku pezpośredniego to w breadcrumbs wyświetli nam się ścieżka wygenerowana na podstawie przypisanego do towaru węzła menu. Jeśli do towaru będzie przypisane wiele węzłów menu to w bradcrumbs zostanie wyświetlona ścieżka do węzła o najniższym ID z menu 1 a w przypadku braku przypisanych węzłów z menu 1 to z kolejnego menu.

FAQ

Dlaczego na sklepie nie widać zmian wprowadzonych w menu?expand_more

Zmiany wprowadzone w menu mogą nie być widoczne z kilku powodów:

• Zmiany w menu nie wyświetlą się jeśli nie zostaną opublikowane. Można je opublikować klikając przycisk Publikuj zmiany w sklepie, który jest dostępny na górze strony konfiguracji menu.

• Węzeł menu skonfigurowany jako lista towarów nie wyświetla się jeśli nie posiada przypisanych widocznych i dostępnych towarów. Żeby lista towarów wyświetliła się na sklepie, musi mieć przypisany przynajmniej jeden towar, który jest oznaczony jako widoczny na sklepie i posiada stany dyspozycyjne.

• Towary przypisane do węzła menu nie wyświetlą się jeśli nie zostały zaktualizowane w indeksie wyszukiwania. Ten automatyczny proces w zależności od wielkości oferty może zająć od kilkunastu minut do nawet kilku godzin. Można go przyspieszyć za pomocą funkcji Zaktualizuj informacje o towarach w wynikach wyszukiwania i na listach towarów, która jest dostępna w edycji grupowej z poziomu listy towarów w panelu. Nie polecamy jednak aktualizowania jednocześnie więcej niż 500 towarów.

• Pamięć podręczna przeglądarki przetrzymuje starą wersję strony. W takim przypadku należy wyczyścić pamięć podręczną przeglądarki.

Jak mogę dodać węzeł, w którym będą automatycznie dodawane wszystkie towary na promocji?expand_more

W pierwszej kolejności należy przejść do stron specjalnych wchodząc w:

Moderacja > Menu i podstrony opisowe w masce > Strony specjalne

Wchodząc w ustawienia ogólne poszczególnej strony "promocje", mamy możliwość skopiowania linku jaki prowadzi do listy towarów z promocjami w sklepie internetowym.

Po skopiowaniu tego linku wchodzimy w:

Moderacja > Menu i podstrony opisowe w masce > Menu 1

W menu 1 tworzymy węzeł menu, który będzie "linkiem do podanego URL" i w tym miejscu wklejamy skopiowany wcześniej link.

Węzeł ten będzie kierował do strony automatycznie wygenerowanej strony z towarami promocyjnymi.

Jak ukryć element w dolnym menu?expand_more

Panelowo nie mamy możliwości zarządzania sekcjami: "Zamówienia" "Konto" "Regulaminy", możemy więc ukryć, któryś z elementów tej sekcji jedynie poprzez dodatkowy kod CSS.

Aby ukryć dany link z tej sekcji musimy najpierw wejść na stronę klienta, a następnie klikając prawym przyciskiem myszy celując dokładnie w link, który chcemy ukryć używamy opcji “zbadaj element”.

Następnie odnajdujemy ID tego elementu i kopiujemy jego nazwę.

Następnie wchodzimy w:

Moderacja > Wygląd sklepu > Zarządznie szablonami stron > Dostosuj(strona) > Edytuj arkusz styli css

Ukrywamy ten element dodając kod:

#Nazwa ID{display: none!important;} 

Po dodaniu takiego kodu oraz zapisaniu zmian, element ten nie będzie widoczny.

Jak wyróżnić jeden z węzłów menu na stronie?expand_more

Panelowo nie mamy możliwości zmiany koloru elementu danego węzła menu. Mamy natomiast możliwość zmiany koloru nazwy węzła na stronie za pomocą kodu css.

Aby wyróżnić taki węzeł należ wejść w:

Moderacja > Wygląd sklepu > Zarządzanie szablonami stron > Dostosuj(szablon) > Edytuj arkusz styli css.

Następnie w polu custom css dodajemy kod:

#menu_navbar > ul > li:nth-child(XY) > a{color: red;} -> po dwukropku możemy napisać dowolny kolor w języku angielskim i zakończyć go średnikiem.

W miejscu XY -> wpisujemy liczbę, który wg kolejności od lewej jest węzeł, który mamy zamiar zmienić. Na przykład jeśli węzeł jest trzeci to wpisujemy numer “3”, jeśli jest siódmy to numer “7”.

Mamy także możliwość pogrubić taki węzeł dodając kod w tej sekcji:

font-weight: bold; np.

Lub zwiększyć czcionkę.

font-size: 15px; -> za “15” możemy wstawić dowolny rozmiar czcionki

Przykładowy kod może wyglądać tak:

#menu_navbar > ul > li:nth-child(XY) > a{

color: red;

font-weight: bold;

font-size: 15px;

}

Jak zmienić kolor węzła menu na stronie sklepu?expand_more

Instrukcja zmiany koloru węzła menu, znajduje się na dedykowanej podstronie.