Hello, I am using the Finsweet CMS Slider for a testimonials section following this tutorial, and it worked perfectly for 1 slider per page. He mentioned for multiple sliders on a page, the slider and list names will have to be changed (slider-1, list-1), ......, (slider-n, list-n). I am trying to implement this part, but it is not working. Am I supposed to change the class name (of the slider and collection list) as well or just the custom attributes? Do I have to modify the following script (taken from finsweet's documentation) as well:
<!-- Finsweet Attributes -->
<script async type="module"
src="https://cdn.jsdelivr.net/npm/@finsweet/attributes@2/attributes.js"
fs-list
></script>
Thanks in advance.
Ali without seeing the webflow read-only, and reading the new documentation for CMS slider, I would say you just need the attributes to have the -1 -2 across the board. CMS Slider doesn't much care about the look of the sliders and whether or not they look the same or not but if in your designers, they are indeed two different sliders entirely (visually) then you'll also need to build out the sliders using different classes AND use the slider-2 etc instance naming for the custom attributes. Hope that makes sense. If you have additional questions around this or issues - please post your webflow read-only as well as the published/staging URL so that I can inspect everything at once and I'd be more than happy to assist in getting this rollin' for you! 馃檶
Thank you very much for responding. I tried adding -2 to the slider and list attributes, but it didn't work. Following is the read-only for the specific page I am working on: https://preview.webflow.com/preview/eco-elite-inc-website?utm_medium=preview_link&utm_[鈥&pageId=686e9ca7c8ea4b6fe9b4e9da&locale=en&workflow=preview I have used the cms slider for the product list section (title = Window Styles That Fit Every Space), and I am currently trying to implement it for gallery section (title = Windows Installed with Care and Precision)
apologies - I was just referencing the convention, not the full attribute. Are you using the full attribute based on the finsweet documentation? For example slider-1, list-1, slider-2, list-2?
No problem, I understood what you meant.. Yes, I am using it based on the documentation.
It does mention that the cms slider should work for multiple instances on the same page, but i think it is also saying to modify the script as well. I tried folowing those steps as well but it is still not working. I do think that this is where i might be messing up though (modifying the script). Here is the link to the documentation page.
Oooh! I think your script mod is fine. I鈥檒l take a look at your implementation.
Thank you very much. A quick note, I am using Finsweet cms slider, because of the limitation of webflow allowing cms inside a slider. My goal is to design a page that will serve as a template for all the services pages (using components and cms for ease of modification and implementation). Is finsweet cms slider the best way to do it or are there other alternatives?
yeah, finsweet CMS slider is perfectly suited for this. Will be able to take a look in a few and let you know.
oh also it looks like you have a slider that doesn't not have an instance on it which could be breaking things - the first slider on that windows page just has "slider and "list" as attribute values, but it should have slider-1, list-1, then the next instance of a CMS slider should have slider-2, list-2, and so on. Right now you have it slider, list slider-1, list-1 slider-2, list-2 In this case it likely doesn't even matter if you wanted to just simply change slider,list to slider-4, list-4 as long as the attributes match. It looks like Finsweet also introduced common parent wrapper instances but not entirely sure if that applies to you here or not because of the use of slots and components that you are using.

