Aplikacja Shoper Appstore Powiązane w koszyku REALIZACJA

Transkrypt

1 Aplikacja Shoper Appstore Powiązane w koszyku REALIZACJA

2 Spis treści Instalacja aplikacji...3 Korzystanie z aplikacji...5 Konfiguracja aplikacji...7 Wyświetlanie na stronie szczegółów produktu...7 Wyświetlanie na stronie koszyka...8 Ilość wyświetlanych produktów...8 Format ceny...8 Tekst nagłówka...8 Tekst wstępu...8 Format wyświetlania produktów i przewijanie...8 Zmiana miejsca wyświetlania modułu...8 2

3 Instalacja aplikacji Zaloguj się do panelu administracyjnego swojego sklepu Shoper. Rys. 1 Kliknij menu Aplikacje. Rys. 2 3

4 Znajdź na liście aplikację Powiązane w koszyku i kliknij na nią. Rys. 3 Kliknij przycisk Zainstaluj. 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. Rys. 4 Aplikacja została zainstalowana. Rys. 5 4

5 Korzystanie z aplikacji Aplikacja od razu po instalacji zaczyna działać z domyślnymi ustawieniami. Przejdź na stronę sklepu. Włóż do koszyka produkt, który ma ustawione (przez administratora) produkty powiązane, następnie przejdź na stronę koszyka. Zostanie wyświetlone okno pop-up w którym znajdują się produkty powiązane z produktem znajdującym się w koszyku rys. 6. Rys. 6 Aby nie pokazywać okna ponownie zaznacz opcję Nie pokazuj ponownie (rys 6 opcja 1). Okno nie będzie pokazywane w ramach bieżącej sesji przeglądarki internetowej. Aby zamknąć okno kliknij Zamknij (rys 6 opcja 2). 5

6 Przejdź na stronę dowolnego produktu w sklepie. Na dole zostanie wyświetlony moduł z produktami powiązanymi z produktem (jednym lub wieloma) znajdującym się w koszyku rys. 7. Rys. 7 6

7 Konfiguracja aplikacji Aplikacja posiada szereg ustawień, które umożliwiają dostosowanie działania i wyglądu do własnych potrzeb. Przejdź do Aplikacje > Moje aplikacje > Produkty powiązane z koszykiem. Kliknij przycisk Konfiguracja. Rys. 8 Wyświetlanie na stronie szczegółów produktu Aby wyświetlić Powiązane w koszyku na stronie Szczegółów produktu ustaw opcję Pokaż na stronie Szczegółów produktu (rys. 7 opcja 1) na moduł aby wyświetlić w formie modułu lub pop-up aby wyświetlić w oknie pop-up. 7

8 Wyświetlanie na stronie koszyka Aby wyświetlić Powiązane w koszyku na stronie Koszyka ustaw opcję Pokaż na stronie Koszyka (rys. 7 opcja 2) na moduł aby wyświetlić w formie modułu lub pop-up aby wyświetlić w oknie pop-up. Ilość wyświetlanych produktów Aby zmniejszyć lub zwiększyć ilość wyświetlanych produktów użyj opcji Ilość produktów (rys. 8 opcja 3). Format ceny Aby zmienić cenę z brutto na netto lub netto i brutto jednocześnie użyj opcji Format ceny (rys. 8 opcja 4). Tekst nagłówka Aby wprowadzić własny tytuł okna pop-up lub nagłówka modułu wprowadź tekst w opcji Nagłówek (rys. 8. opcja. 7) Tekst wstępu Aby opublikować większą ilość tekstu, który zostanie wyświetlona klientowi użyj opcji Wstęp (rys. 8. opcja 8.) Format wyświetlania produktów i przewijanie Aby zmienić format wyświetlania produktów użyj opcji Format (rys. 8 opcja 9). Dostępne formaty: lista pozioma, przewijana; zdjęcia; lista. Dla formatu lista pozioma, przewijana można włączyć automatyczne przewijanie produktów (rys. 8 opcja 10). Gdy produktów jest więcej niż mieści się w oknie produkty będą automatycznie przewijane. Zmiana miejsca wyświetlania modułu Powiązane w koszyku domyślnie wyświetlają się na dole środkowej kolumny (gdy ustawiona opcja Moduł rys. 8 opcja 1 i 2). Aby zmienić miejsce wyświetlanie modułu na stronie koszyka i szczegółów produktu: Przejdź do Styl graficzny & Nawigacja > Aktywny styl graficzny > Zakładka Moduły Kliknij przycisk Dodaj moduł Wpisz w polu tytuł Powiązane w koszyku Zaznacz Obramowanie na TAK 8

9 Wpisz w polu HTML ID box_wce_basketrelated Kliknij przycisk Zapisz i wróć do listy Przejdź na zakładkę Szczegóły produktu 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ł Powiązane w koszyku w dowolnie wybrane miejsce Przejdź na zakładkę Koszyk Wskaż kursorem myszy na przycisk Dostępne moduły Użyj techniki przeciągnij i upuść aby umieścić moduł Powiązane w koszyku w dowolnie wybrane miejsce Przejdź do Aplikacje > Moje aplikacje > Powiązane w koszyku. Kliknij przycisk Konfiguracja Ustaw opcję Umieść we własnym module (rys. 8 opcja 5) na TAK Wpisz w polu HTML ID modułu (rys. 8 opcja 6) box_wce_basketrelated Kliknij Zapisz Jeśli chciałbyś podzielić się z nami swoją opinią dotyczącą tej aplikacji - napisz do nas na info@webcoders.eu. 9