How can I reduce the amount of products visible at first sight when using a featured collection? I have a maximum of 8 products available to show and Shopify immediately shows 5 of them or more, depending on screen size obviously.
That’s a bit too much when going to the page the first time and makes the site look very full. I’d like to have 4 products at first sight and not more.
Is that possible?
My site: https://hyz8484lh6daf9h3-57645498523.shopifypreview.com
@oscprofessional Thanks, but I want to have 8 products available when scrolling/swiping but just not at first sight.
@GG9 ,
you want 8 products in a line ?
Exactly, I want 8 products in the featured collection, but there should be only 4 available when going to the site and the others should be visible only by swiping. Hopefully you understand what I’m talking about
@GG9 ,
Set the feature product 8 and send me the URL please.
@oscprofessional Thanks! The URL is: https://82ha9vybf79azusl-57645498523.shopifypreview.com
The featured product sections have 8 products. There’s two in total of them
@GG9 ,
.section-template--15393943060635__1654467358e68559b2-padding .slider-component-desktop .slider__slide {
width: 12% !important;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->owl.theme.default.scss.liquid
@oscprofessional Hi, there’s no owl.theme.default.scss.liquid file but I added it to owl.theme.default.css and it did some changes to the second featured collection only. It makes it less width but not like 4 pictures at first sight. I updated the site: https://hfv4bvn4q993x4y7-57645498523.shopifypreview.com
@GG9 ,
You want these products to be one line? with 8 numbers?
@oscprofessional Exactly, one line with 8+ products but there should only be 4 visible and the others should be only visible when user is using the arrows/swiping function. That way the site looks less full.
off sitewide
July sale — 45% off at checkout, applied automatically. Valid for 60 minutes. One per customer.
Offer ends in