Dynamic Slides

If you are using dynamic slides with CMS for search, navigation filters, or anything similar, you may encounter an issue where items load on the first page but not on subsequent pages. This behavior occurs due to how Webflow loads the pages by design.

To fix this issue, we extended the API to support this feature in the beta version of Goat Slider. This API allows you to re-trigger the sliders so they function properly when a filter is changed and that change triggers new items to be loaded.

To use the API, you need to update it to an unreleased version by modifying the {your_slider_name} Scripts in 🚫 {your_slider_name} Utilities in the script folder. By default, it should look like this:

    <script type="text/javascript" src="https://cdn.goatslider.com/v1/slider.js"></script>

    <script type="text/javascript" src="https://cdn.goatslider.com/v2/slider.js"></script>

After switching to the v2 version, you can use the following API to re-trigger the sliders or carousels:

    // To trigger the sliders run the following code
    GoatSliderPro.Methods.InitSliders()
 
    // To trigger the carousels run the following code
    GoatSliderPro.Methods.InitCarousels()