kategorie obrazkowe

KATEGORIE OBRAZKOWE
REALIZACJA
Spis treści
Instalacja aplikacji................................................................................................................................3
Rozpoczęcie korzystania z aplikacji.....................................................................................................6
Konfiguracja....................................................................................................................................6
Zmiana obrazka kategorii.....................................................................................................................8
Zmiana miejsca wyświetlania...............................................................................................................9
Rozwiązywanie problemów...............................................................................................................10
2
Instalacja aplikacji
Zaloguj się do panelu administracyjnego swojego sklepu Shoper.
Kliknij menu Aplikacje.
Znajdź na liście aplikację Kategorie obrazkowe i kliknij na nią.
3
Kliknij przycisk Zainstaluj aplikację.
4
W oknie instalacji aplikacji zostaną wyświetlone informacje o niezbędnych uprawnieniach dla
aplikacji i regulamin appstore. Zaznacz opcję Akceptuję regulamin appstore i kliknij Instaluj.
Aplikacja została zainstalowana.
Rozpoczęcie korzystania z aplikacji
Aplikacja od razu po instalacji zaczyna działać z domyślnymi ustawieniami - na stronie głównej
sklepu i liście produktów, w środkowej kolumnie wyświetlane są wszystkie aktywne kategorie wraz
z obrazkami:
Na stronie głównej wyświetlane są kategorie główne. Na liście produktów kategorie są ograniczane
do podkategorii obecnie przeglądanej kategorii.
Obrazki to zdjęcia produktów o najwyższym priorytecie w tych kategoriach.
Konfiguracja
Aplikacja posiada szereg ustawień, które umożliwiają dostosowanie działania i wyglądu do
własnych potrzeb.
Przejdź do Aplikacje > Moje aplikacje > Kategorie obrazkowe.
5
Kliknij przycisk Ustawienia. Dostępne są następujące parametry:
•
Pokaż ilość produktów. Opcja odpowiada za wyświetlanie informacji ile produktów
znajduje się w kategorii. Oznaczone na rysunkach numerem 1.
•
Pokaż podkategorie i Ilość podkategorii. Opcje odpowiadają za wyświetlenie podkategorii
we wskazanej ilości. Gdy podkategorii jest więcej niż ustawiony limit pojawi się odnośnik
„Więcej”. Oznaczone na rysunkach numerem 2.
•
Ilość kolumn. Opcja odpowiada za ilość kolumn wyświetlanych kategorii na stronie sklepu.
6
Zmiana obrazka kategorii
Domyślnie jako obrazek kategorii jest używany obrazek produktu o najwyższym priorytecie
znajdującym się w tej kategorii.
Jest możliwość użycia dowolnego obrazka, który będzie reprezentował kategorię.
Przygotuj odpowiedni obrazek
Do przygotowania obrazka użyj dowolnego programu graficznego.
•
Obrazek powinien być z rozszerzeniem .jpg
•
Obrazek powinien być wykadrowany do kwadratu
•
Rozmiar obrazka minimum 400 x 400 px
•
Nazwa pliku dla kategorii 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: „category_9.jpg”; „category_192.jpg”
Wstaw obrazek kategorii
Przejdź do Konfiguracja > Wygląd > Aktywny styl graficzny > Zakładka Stopka
W edytorze kliknij ikonkę Wstaw/edytuj obrazek
W oknie, w polu źródło kliknij przycisk Przeglądaj
Kliknij katalog images (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 categories aby do niego przejść
Kliknij przycisk Upload
Techniką przeciągnij i upuść dodaj wszystkie uprzednio przygotowane obrazki
Zamknij okna edytora.
Od teraz obrazki będą używane do prezentowania kategorii
7
8
Zmiana miejsca wyświetlania
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 Konfiguracja > Wygląd > Aktywny styl graficzny > Zakładka Moduły
Kliknij przycisk Dodaj moduł
Wpisz w polu tytuł „Kategorie obrazkowe” lub inny tekst
Zaznacz Obramowanie na TAK
Wpisz w polu HTML ID „box_categories” lub inny unikalny w obrębie sklepu ID
Kliknij przycisk Zapisz i wróć do listy
Przejdź na zakładkę Strona głó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 > Kategorie obrazkowe.
Kliknij przycisk Ustawienia
Ustaw opcję Umieść w module na TAK
Wpisz w polu HTML ID modułu „box_categories” - HTML ID utworzonego modułu
Kliknij Zapisz
9
Rozwiązywanie problemów
Gdy dodasz lub usuniesz kategorie, zmienisz ustawienia aplikacji może okazać się niezbędne
wyczyszczenie pamięci cache aplikacji. Pamięć cache buforuje dane w celu przyspiesza działanie
aplikacji. Może jednak powodować, że zmiany ustawień kategorii i konfiguracji aplikacji nie są
widoczne od razu, dlatego w przypadku nieprawidłowości należy ręcznie wyczyścić pamięć cache.
Aby wyczyścić Pamięć cache aplikacji:
Przejdź do Aplikacje > Moje aplikacje > Kategorie obrazkowe.
Kliknij przycisk Pamięć Cache.
Kliknij Przycisk Wyczyść
Zostanie wyświetlony pasek postępu czyszczenia pamięci cache. Należy zaczekać aż proces
zostanie ukończony.
10