Class: HotspotSlider

HotspotSlider(options)

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
Name Type Description
selector string Selektor slidera na którym będzie inicjalizowany (np. `#elementID .products__wrapper`).
hotspotName string Nazwa hotspotu, zazwyczaj ID sekcji.
Source:
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.
Source:
Returns:
Type
void

init() → {void}

Metoda do inicjalizacji slidera, odpowiednik .slick() w Slicku.
Source:
Returns:
Type
void