Static to Collection List sort order not working in Slider

Attributes
,
1

Hello, I’m currently working with the Static to Collection List and the CMS Slider in my Webflow project on a staging site. Currently I have the static item successfully pulled into the collection list, however the sort order is not being respected, and the item is pushed to the back of the collection.

here is a [public link] to the page on the staging site. (Designcraft).

2

@Support-Luis I’ve noticed you’ve addressed this topic for a few other users. I’ve tried those resources first but am still unable to solve the issue. I’d appreciate any insight you may have here.

3

Hey @typeramp!

I am afraid I have also not been able to get this working :thinking:

What have you been trying on your end? Does changing the index to any other position work?

4

Hi @Support-Luis no, the video is always added to the end of the list no matter what position is specified.

5

Hey @typeramp, I am afraid I still have not been able to find a solution.

I’ve tried adding the slide to the beginning with some JS, but this required me to restart the native slider module, which broke the setup.

We could achieve this with the Slider Component, as it is built on top of Swiper, and we have access to the swiper.prependSlide(slides) method.

Let me know if you’d like to consider this option!

7

@Support-Luis I was able to solve this by adding the following code snippet before my /body tag

<!-- Prevent auto-loading of CMS Slider -->
<script 
  defer 
  fs-attributes-preventload="true" 
  src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsslider@1/cmsslider.js">
</script>

<!-- Manually init CMS Slider after CMS Static -->
<script>
  window.fsAttributes = window.fsAttributes || [];
  window.fsAttributes.push([
    'cmsstatic',
    (listInstances) => {
      console.log('CMS Static loaded');
      window.fsAttributes.cmsslider.init();
    },
  ]);
</script>
8

For some reason this was not solving the issue on my override, but happy to hear it is solved! :raising_hands: