Jak dodać slider z bannerami graficznymi na stronie sklepu ?

Slider z grafikami na stronie sklepu internetowego może być ciekawą formą prezentacji grafik (bannerów) przedstawiającą promocje, nowości czy dowolne informacje, które klienci powinni zobaczyć jako główne elementy sklepu. Dobrze przygotowane bannery graficzne prezentowane w formie slidera przyciągają uwagę użytkownika - dynamiczne prezentowanie obrazów i informacji jest bardziej atrakcyjne dla użytkownika niż statyczna strona. Slider pozwala na łatwe przeglądanie różnych informacji i produktów, co jest wygodne dla użytkownika. Użycie odpowiedniego opisu i tagów (alt) dla obrazów w sliderze może pomóc w pozycjonowaniu sklepu w wynikach wyszukiwania.

Oprogramowanie sklepu shopGold umożliwia wyświetlanie grafik (bannerów) zarówno w formie statycznej jak i ruchomej (sliderów). Forma animowana może być formie przewijania lub przenikana grafik. Poniżej opiszemy co trzeba zrobić, żeby utworzyć na stronie sklepu internetowego slider z grafikami. Opis dotyczy szablonów wykonanych jako V2.
 

Krok 1. Przygotowanie bannerów do wyświetlania

Żeby można było wyświetlić bannery - najpierw trzeba je dodać w sklepie. Do zarządzania bannerami służy menu Wygląd / Bannery / Zarządzanie bannerami. Po wejściu do tego menu trzeba dodać nowy banner poprzez przycisk "dodaj nową pozycję". Po kliknięciu zostanie wyświetlona strona, na której dodaje się nowy banner. W tym miejscu trzeba po kolei:

• wpisać nazwę banneru
• wybrać grupę bannerów - może to być dowolna grupa - z tej grupy będą wyświetlane dodane bannery - można wykorzystać jedną z wbudowanych nazw grup lub utworzyć własną o dowolnej nazwie np. MOJA_ANIMACJA_BANNEROW
• w opcji "Banner będzie obrazkiem czy będzie to kod HTML ?" trzeba wybrać "w formie obrazka" - umożliwi to wybranie grafiki, jaka ma się wyświetlać w sliderze
• następnie w polu "Ścieżka obrazka" trzeba wybrać grafikę jaka ma będzie wyświetlana (dwukrotne kliknięcie w pole ścieżki spowoduje otworzenie przeglądarki zdjęć)
• jeżeli banner ma być linkiem i ma przenosić do wybranej strony trzeba wpisać link w polu "Adres URL" - np. moj-produkt-p-22.html (jeżeli banner ma przenosić do linku w ramach sklepu nie trzeba podawać całego adresu z http....)
• po dodaniu w/w informacji trzeba zapisać banner przyciskiem "Zapisz dane"

W w/w sposób trzeba dodać wszystkie grafiki, jakie mają być wyświetlanie w sliderze. Istotne jest, żeby wszystkie były dodane do tej samej grupy bannerów.
 

Krok 2. Stworzenie modułu wyświetlającego grafiki z określonej grupy bannerów

Po dodaniu w sklepie bannerów trzeba przejść do stworzenia modułu, który będzie wyświetlał dodane bannery. W tym celu należy przejść do menu Wygląd / Moduły środkowe i wykonać po kolei:

• wcisnąć przycisk tworzenia nowego modułu "kreator nowych modułów"
• w oknie wyboru układu modułu trzeba wybrać "układ 1 kolumnowy"
• następnie trzeba wpisać nazwę kolumny (w przypadku slidera będzie ona niewidoczna)
• w opcji "Rodzaj wyświetlanych danych w kolumnie" trzeba wybrać "bannery graficzne"
• z dostępnych opcji konfiguracyjnych tego wyboru trzeba wybrać grupę bannerów z jakiej mają być wyświetlane grafiki (dlatego z pkt 1 było istotne dodanie grafik do określonej grupy) - wyboru grupy dokonuje się w "Wyświetlaj bannery z grupy"
• w polu "Ilość wyświetlanych bannerów" trzeba wybrać ile grafik ma się wyświetlać - można ograniczyć ilość wyświetlany w sliderze grafik
• w polu "Sposób wyświetlania" trzeba wybrać opcję "animowany"
• po tym wyborze rozwiną się dodatkowe opcje konfiguracji animacji: sposób animacji, strzałki, kropki, kolory - tutaj każdy użytkownik sklepu może dopasować konfigurację do własnych potrzeb
• w dalszej części trzeba podać ilość kolumn dla poszczególnych rozdzielności - zakładamy, że slider ma wyświetlać w jednym przewinięciu - tylko jedną grafikę - więc wszędzie zostaje wartość jeden
• w opcji "Wygląd kolumny" trzeba wybrać "sama treść" - spowoduje to, że nie będzie wyświetlany nagłówek modułu, ramki itd. - tylko same grafiki i elementy nawigacyjne slidera
• dalej można wpisać opis modułu (dla łatwiejszej identyfikacji co wyświetla moduł) oraz ustawić wyświetlanie wersji mobilnej
• na końcu trzeba zapisać moduł poprzez wciśnięcie przycisku "Zapisz dane"

Krok 3. Dodanie utworzonego slidera bannerów do wyświetlania w sklepie

Ostatnim krokiem jest dodanie wyświetlania utworzonego w kreatorze modułów slidera do wyświetlania w sklepie. W tym celu trzeba przejść do menu Wygląd / Ustawienia wyglądu - zakładka "Moduły środkowe". W zależności gdzie ma być wyświetlany slider (najczęściej na samej górze strony pod menu) trzeba dodać utworzony moduł do wyświetlania w sklepie. W oknie "Moduły wyświetlane nad częścią główną sklepu" trzeba kliknąć "dodaj nowy moduł". Z listy modułów trzeba wybrać utworzony w pkt 2 slider. Po dodaniu będzie on wyświetlany na stronie sklepu.

Żeby wyłączyć wyświetlanie slidera trzeba albo usunąć całkowicie moduł w menu Wygląd / Moduły środkowe albo usunąć jego wyświetlanie w menu Wygląd / Ustawienia wyglądu - zakładka "Moduły środkowe" (poprzez wciśnięcie opcji usunięcia przy module).