new HotspotSlider(options)
Klasa HotspotSlider służy do tworzenia customowych sliderów na stronie w nowych szablonach (SwiperJS)
Parameters:
| Name | Type | Description | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
options |
Object | Opcje inicjalizacyjne dla slidera.
Properties
|
Example
// Live przykład użycia jako callback w hotspocie.
app_shop.vars.hotspotCallbacksAfterAppend.zone1MobileSlider = (slider, fragment, hotspotContainer) => {
const hotspotId = hotspotContainer.id;
if(hotspotId === "main_hotspot_zone1"){
let isSliderInit = false;
const slider = new HotspotSlider({ selector: `#${hotspotId} .products__wrapper`, hotspotName: hotspotId });
if(window.innerWidth < 757 && !isSliderInit){
slider.init();
isSliderInit = true;
}
window.addEventListener("resize", () => {
if(window.innerWidth < 757 && !isSliderInit){
slider.init();
isSliderInit = true;
}else if(window.innerWidth >= 757 && isSliderInit){
slider.destroy();
isSliderInit = false;
}
})
}
};
Methods
destroy() → {void}
Metoda do usuwania/niszczenia slidera działa jak .slick('unslick') w Slicku.
Returns:
- Type
- void
init() → {void}
Metoda do inicjalizacji slidera, odpowiednik .slick() w Slicku.
Returns:
- Type
- void