CMS collection double items

Design help CMS
1

Hi all,

I have copied a slider from the Made with Webflow section. Lovely, but somehow the items of my CMS collection are showing up double and in two rows.

There is some custom code in the body tag aswell, and I have also turned on the filter, only to show relevant items.

Would love to know what goes wrong, and how to get only single items in the slider aswell as keeping only one row, instead of two.

I just can’t seem to find a way out here…

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

hi @cvkint When you need a help please follow forum request guide! As long time forum member you should be familiar what should be included in request. :man_shrugging:

3

Hi Stan, what else do you think should be included?

4

hi @cvkint the best way to get help is to follow the forum post guide that is pinned on top of each section, if you have missed it here they are.

When posting please:

  • Required: Share your project’s Read-Only link and live site’s Published link
  • The read-only link is a special URL generated in the Dashboard to allow others to view your project in the Webflow Designer. How to get your project’s read-only link?
  • The published link is the webflow.io subdomain where you can view the live site with custom code running. It is IMPORTANT to share this link, as custom code (eg. javaScript) does not run in the Designer.
  • Describe issue in detail including what page, section and/or element is localized
  • Upload as many screenshots as possible or provide screencast videos to help others help you faster
  • Add a description and/or post a link to a working example of what you’re trying to achieve
  • Reply to users by tagging using the @ sign followed by their forum username like this: @forumMemberName
5

Ensure your CMS collection items are properly configured and that the slider settings match your layout requirements And review your custom code and filter settings to troubleshoot the duplication and layout issues effectively.

1 Like
6

Thanks! it seems like it’s the last item from my CMS that is being shown duplicate on the second row. Below is my code, which might be causing it?

Link:

.item {display: inline-block;}
.list {display:block !important;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
outline: none;
}
.slick-slide, .slick-slide *{ outline: none !important; }

// when document is fully loaded
$( document ).ready(function() {

$(‘.list’).slick({
dots: false,
speed: 700,
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
arrows: false,
touchThreshold: 100,
responsive: [
{
// landscape
breakpoint: 767,
settings: {
slidesToShow: 2
}
},
{
// mobile portrait
breakpoint: 479,
settings: {
slidesToShow: 1
}
}
]
});

$(‘.slider-prev’).click(function(){
$(this).closest(‘.section’).find(“.list”).slick(‘slickPrev’);
});

$(‘.slider-next’).click(function(){
$(this).closest(‘.section’).find(“.list”).slick(‘slickNext’);
});

});