Typ suwaka — instrukcja do szablonu "BestMarket"
Ustawienia suwaka.
W szablonie dostępne są 3 warianty wyświetlania suwaka:
![Ustawienia suwaka](/wa-data/public/site/img/docs/Bestmarket-docs-29.png)
1. Towary.
Suwak towarów umożliwia dodawanie produktów do suwaka — wyświetla ich zdjęcia, tytuł, krótki opis i przycisk umożliwiający przejście do karty produktu. Produkty te muszą być dodane do listy sliderproduct w "Sklep" —> "Towary" —> "Listy":
![Konfiguracja listy z produktami](/wa-data/public/site/img/docs/Bestmarket-docs-30.png)
![Suwak — typ Towary](/wa-data/public/site/img/docs/Bestmarket-docs-31.png)
2. Obrazy.
W sliderze używane są zwykłe obrazy, które są proporcjonalnie rozciągane do pełnej szerokości i wysokości. Zalecamy używanie obrazów o rozmiarze 1295x400px.
![Suwak — Obrazy](/wa-data/public/site/img/docs/Bestmarket-docs-32.png)
Aby dodać link z obrazu, wpisz link w opisie zdjęcia:
![Wstawianie linku do suwaka](/wa-data/public/site/img/docs/Bestmarket-docs-33.png)
3. Obraz na 100% szerokości ekranu.
Rozciągnie obraz na 100% szerokości ekranu:
![Suwak — Obrazy na 100% szerokości ekranu](/wa-data/public/site/img/docs/Bestmarket-docs-34.png)
Slajdy obrazów nie są wyświetlane?
Najprawdopodobniej obrazy nie są tworzone w locie. Sprawdź ustawienia aplikacji "Zdjęcia":
![Ustawienia o dowolnych rozmiarach obrazów](/wa-data/public/site/img/docs/Bestmarket-docs-35.png)
Jak zmienić formę podkładu suwaka?
Zmienić formę podkładu pod produkt można poprzez dodanie kodu do pliku user.html w szablonie:
.home-slider .main-slider-product .inner .slider-image .slider-image-parallelogram { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
![Dodanie kodu do pliku user.html](/wa-data/public/site/img/docs/Bestmarket-docs-36.png)
Wynik widoku suwaka z nowym podkładem:
![Widok suwaka z nowym podkładem](/wa-data/public/site/img/docs/Bestmarket-docs-37.png)
Numer albumu ze slajdami.
Określa numer albumu, z którego zostaną załadowane slajdy do suwaka (dotyczy tylko suwaka typu - Obrazy):
![Ustawienie ID albumu dla suwaka](/wa-data/public/site/img/docs/Bestmarket-docs-38.png)
Aby sprawdzić numer albumu slajdów, przejdź do aplikacji "Zdjęcia" — więcej informacji tutaj.