Kategorie obrazkowe Aplikacja Shoper Appstore Instrukcja obsługi wersja instrukcji 2
Spis treści 1. Instalacja aplikacji...3 2. Działanie aplikacji...5 3. Konfiuracja aplikacji...6 Włączanie i wyłączanie aplikacji...8 Wskaźnik ilości produktów w kategorii...8 Podkategorie...8 Układ i ilość kolumn...8 Format obrazków...8 Zmiana obrazka...8 Zmiana kolorystyki...10 Zmiana miejsca wyświetlania modułu...10 4. Odinstalowanie aplikacji...11 Strona 2 / 12
1. Instalacja aplikacji Zaloguj się do panelu administracyjnego swojego sklepu Shoper. Rys. 1.1 Kliknij menu Aplikacje. Rys. 1.2 Strona 3 / 12
Znajdź na liście aplikację Kateiorie obrazkowe i kliknij na nią. Rys. 1.3 Kliknij przycisk Zainstaluj. W oknie instalacji aplikacji zostaną wyświetlone informacje o niezbędnych uprawnieniach dla aplikacji i regulaminy Zaznacz opcję Akceptuję regulamin Appstore i Akceptuję regulamin Aplikacji kliknij Instaluj. Rys. 1.4 Aplikacja została zainstalowana. Rys. 1.5 Strona 4 / 12
2. Działanie aplikacji Rys. 2.1 Aplikacja po instalacji jest wyłączona i należy ją włączyć (rozdział 3). Po włączeniu aplikacja wyświetla na stronie głównej sklepu i na stronie kategorii (liście produktów) wszystkie aktywne kategorie wraz z obrazkami: Na stronie głównej wyświetlane są kategorie główne Na liście produktów wyświetlane są podkategorie obecnie przeglądanej kategorii Domyślnie obrazkami są zdjęcia produktów o najwyższym priorytecie w poszczególnych kategoriach. Obrazki można zmienić (rozdział 3). Aplikacja do działania wymaga aktywnego stylu w technologii RWD. Jeśli masz indywidualny styl grafczny może zajść konieczność dostosowanie stylu do współpracy z aplikacją w tym celu skontaktuj się z autorem stylu. Strona 5 / 12
3. Konfguracja aplikacji Aplikacja posiada szereg opcji, które umożliwiają dostosowanie jej działania i wyglądu do własnych potrzeb. Przejdź do Aplikacje Moje aplikacje Kateiorie obrazkowe. Rys. 3.1 Kliknij przycisk Konfiuracja (rys. 3.1 opcja 1). Strona 6 / 12
Rys. 3.2 Strona 7 / 12
Włączanie i wyłączanie aplikacji Aby włączyć aplikację wyświetlać kategorie obrazkowe, ustaw opcję Włącz aplikację (rys. 3.2 opcja 1) na TAK i kliknij Zapisz. Aby wyłączyć aplikację nie wyświetlać kategorii obrazkowych ustaw opcję Włącz aplikację (rys. 3.2 opcja 1) na NIE i kliknij Zapisz. Wskaźnik ilości produktów w kateiorii Aby pokazać lub ukryć ilość ilość produktów w kategorii użyj opcji Pokaż ilość produktów w kateiorii (rys. 3.2 opcja 2). Podkateiorie Aby pokazać lub ukryć podkategorie użyj opcji Pokaż podkateiorie (rys. 3.2 opcja 3). Ilość wyświetlanych podkategorii możesz określić używając opcji Maksymalna ilość podkateiorii (rys. 3.2 opcja 4). Można ustawić maksymalnie 20. Układ i ilość kolumn Kategorie obrazkowe są wykonane w technologii RWD i dostosowują się do wielkości ekranu urządzenia. Można określić maksymalną ilość kolumn wyświetlanych kategorii w największych rozdzielczościach w tym celu użyj opcji Maksymalna ilość kolumn (rys. 3.2 opcja 5). Format obrazków W zależności od formatu (proporcji) obrazków w sklepie użyj opcji Format obrazka (rys 3.2 opcja 8) aby uzyskać najlepszy efekt. Dostępne opcje: kwadrat uniwersalny orientacja pionowa (3:4) polecana dla odzieży orientacja pozioma (4:3) dla horyzontalnych zdjęć Zmiana obrazka Domyślnie obrazek reprezentujący kategorię to obrazek produktu o najwyższym priorytecie znajdującym się w tej kategorii. Jest możliwość użycia własnego obrazka, który będzie reprezentował kategorię: Przyiotuj odpowiedni obrazek Do przygotowania obrazka użyj dowolnego programu do grafki rastrowej np. Paint.net Strona 8 / 12
Obrazek powinien być z rozszerzeniem.jpg Rozmiar obrazka minimum: 400 x 400 px dla formatu kwadrat 300 x 400 px dla formatu 3:4 400 x 300 px dla formatu 4:3 Nazwa pliku powinna być utworzona wg następującej reguły: stała fraza 'category' + podkreślenie '_' + ID kategorii dla której ma być obrazek, np. '9' + rozszerzenie '.jpg'. ID kategorii znajdziesz w danych podstawowych kategorii. Przykładowe nazwy plików z obrazkami: category_9.jpg, category_192.jpg. Wiraj obrazek do sklepu Przejdź do Styl irafczny & Nawiiacja > Aktywny styl irafczny > Zakładka Stopka W edytorze kliknij ikonkę Wstaw/edytuj obrazek W oknie, w polu źródło kliknij przycisk Przeilądaj Kliknij katalog imaies (jeśli nie ma takiego katalogu należy go utworzyć: Jednorazowo kliknij przycisk Create i wysuwanym menu Folder. W oknie w polu name wpisz 'images'. Kliknij katalog images aby do niego przejść) Jednorazowo kliknij przycisk Create i wysuwanym menu Folder W oknie w polu name wpisz 'categories' Kliknij przycisk Create Kliknij katalog cateiories aby do niego przejść Kliknij przycisk Upload Techniką przeciągnij i upuść dodaj wszystkie uprzednio przygotowane obrazki Zamknij okna edytora. Aby nowe obrazki były widoczne w sklepie należy odświeżyć obrazki w aplikacji: Przejdź do Aplikacje > Moje aplikacje > Kateiorie obrazkowe. Kliknij przycisk Odśwież obrazki (rys. 3.2 opcja 2). Kliknij przycisk Odśwież. Strona 9 / 12
Zmiana kolorystyki Aby zmienić kolor elementów kategorii obrazkowych wyświetlanych w sklepie, np. obramowania, użyj opcji Motyw (rys. 3.2 opcja 9) i wybierz jeden z gotowych motywów kolorystycznych. Możesz też kliknąć na ikonę z kolorem i wybrać własny kolor dla każdego z elementów. Zmiana miejsca wyświetlania modułu Kategorie obrazkowe domyślnie wyświetlają się na górze środkowej kolumny. Aby zmienić miejsce wyświetlanie kategorii na stronie głównej i liście produktów: Przejdź do Styl irafczny & Nawiiacja > Aktywny styl irafczny > Zakładka Moduły Kliknij przycisk Dodaj moduł Wpisz w polu tytuł Kategorie obrazkowe Zaznacz Obramowanie na TAK Wpisz w polu HTML ID moje_kategorie Kliknij przycisk Zapisz i wróć do listy Przejdź na zakładkę Strona iłówna i aktywuj jeśli nie jest aktywna Wskaż kursorem myszy na przycisk Dostępne moduły Użyj techniki przeciągnij i upuść aby umieścić moduł Kategorie obrazkowe w dowolnie wybrane miejsce Przejdź na zakładkę Lista produktów Wskaż kursorem myszy na przycisk Dostępne moduły Użyj techniki przeciągnij i upuść aby umieścić moduł Kategorie obrazkowe w dowolnie wybrane miejsce Przejdź do Aplikacje > Moje aplikacje > Kateiorie obrazkowe. Kliknij przycisk Konfiuracja Ustaw opcję Umieść we własnym module (rys. 3.2 opcja 6) na TAK Wpisz w polu HTML ID modułu moje_kategorie Kliknij Zapisz Strona 10 / 12
4. Odinstalowanie aplikacji Aby odinstalować całkowicie aplikację ze sklepu. Przejdź do Aplikacje Moje aplikacje Porównywarka produktów. Kliknij przycisk Odinstaluj aplikację (rys. 3.1 opcja 3) i potwierdź klikając przycisk Tak. W przypadku reinstalacji aplikacji konfguracja kategorii obrazkowych nie zostanie utracona. Prawidłowa reinstalacja polega na odinstalowaniu aplikacji, odczekaniu przynajmniej 5 min i ponownym zainstalowaniu (rozdział 1). Strona 11 / 12
Dziękujemy za zakup i korzystanie z naszego oprogramowania. Jeśli chciał(a)byś podzielić się z nami swoją opinią napisz do nas: info@shopgadget.eu. Nieprawidłowości w działaniu aplikacji możesz zgłosić na adres: pomoc@shopgadget.eu Sprawdź również nasze inne aplikacje i szablony na www.shopgadget.eu Właścicielem marki Shoper jest frma DreamCommerce S.A. Właścicielem marki ShopGadget jest frma WebCoders.eu Sp. z o.o. Kategorie obrazkowe - Aplikacja Shoper Appstore - Instrukcja obsługi. Wszelkie prawa zastrzeżone 2019 WebCoders.eu Sp. z o.o. Strona 12 / 12