Static to collection + CMS Slider issue - item is always placed last in order

Attributes
,
1

I’m having an issue inserting a static item into a collection list that is then being fed into a CMS slider.

The issue is that the static item always appears last, even if I specify an order with fs-cmsstatic-order

Is this a known issue? Any fixes?

2

Hey @jaime! Can you please share a link? I have not had this issue reported before :slight_smile:

3

heya @Support-Luis sorry for the delay the project was paused.

here is the link Webflow - ExcelPlas

you can see we have two lists in the section below the hero - the first visible on desktop and the second on tablet/mobile. both of these lists have static collection items (the ‘Failure Analysis’ item) injected and placed in fs-cmsstatic-order=1. but the ordering only works on the desktop list. it doesn’t work on the tablet list. the difference between the two is that the tablet list uses cms slider. wondering if that’s the issue or if you have a separate solution?

thanks mate!

4

hey @jaime! You are just missing the fs-cmsstatic-interactive = true attribute on your Static Element so it can integrate with CMS Slider.

Can you please add the attribute to the element and let me know how it goes?

5

@Support-Luis hmm appears to still not work. still placing the static item at the end of the list in the cms slider. any idea why?

6

Apologies @jaime. I completely misread the original message and thought the item was simply not being added.

I am not sure why the item is being placed at the end of the list if we specifically set the place as 1. I might need to open a bug report for this :thinking:

however, there is a way to make this work:

We need to:

  1. Use this CMS Slider script, this will be delayed until the Static Item has been added to the list in the first position
<script
  defer
  fs-attributes-preventload="true"
  src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsslider@1/cmsslider.js"
></script>
  1. Initiate the Slider script with this snippet, place it on the </body> section of the page’s custom code
<script>
  window.fsAttributes = window.fsAttributes || [];
  window.fsAttributes.push([
    'cmsstatic',
    (listInstances) => {
      console.log('cmsstatic Successfully loaded!');
      window.fsAttributes.cmsslider.init();
    },
  ]);
</script>

Please let me know how it goes!

7

@Support-Luis that worked great. as always, thank you for your super prompt help Luis!

1 Like
8

You are very welcome @jaime! Let me know if you need any more help, always happy to help! :muscle: