Troubleshooting and Refining SwiperJS Integration on Webflow

In this meeting, the State Changers discussed issues related to the use of SwiperJS on a webpage. The main focus was on resolving a problem where the number of items displayed per slide was inconsistent with what had been specified. The team also noted that there was some problematic behaviour when multiple sliders were introduced to a page, despite them all having different classes.

Other issues discussed included possible class inheritance from another page and the possibility of underlying issues with the DOM structure. The team proposed several solutions to these problems, which included adjusting the CSS selectors to be more specific to prevent cross-slider interaction, assigning different variables to individual sliders for better tracking, and potentially using IDs to target specific buttons. The meeting concluded with a plan for further testing and adjustments based on the solutions proposed in the discussion. This will likely involve more work with settings in custom HTML in Webflow, making more precise CSS selectors, and getting a deeper understanding of SwiperJS's function.

(Source: Office Hours 8/22/2023 )

State Change Members Can View The Video Here

View This Video Now

Join State Change Risk-Free