hye if you check my website https://37e364.myshopify.com/ and see featured products , they are shown 4. i even put 3 product 3 column then why showing 4 product.need help

Yes, dummy products. As I said, when you choose collection it will show exactly 3 products in 3 columns. But if you want to keep dummy products and show 3 by 3, maybe just for general layout flow, then you have to edit the code in sections/featured-collection.liquid line 101, so instead of 4 it sh…

Hi @zikriarathore It shows 4 products because that is a code for placeholder products. It is a loop of 4. But if you choose collection in section settings, it will display correctly a maximum of 3 and 3 in a row.

thanks for explaination. actually i dont have any products added yet. you mean once i add products in my store and put them in featured products category then 3by 3 will work.do you know how to rename “featured Product” heading of the section and change its place in to the centre . if you see fujis…

Yes, trust me it will look fine :slightly_smiling_face: If you mean on the “Featured collection” title yes, you can change it in the Heading setting [screenshot-admin.shopify.com-2024.02.01-12_41_39.png]

but here it is showing 4 products i done the same setting as you did [products.PNG]

Did you change 4 to 3 in the code I mentioned in sections/featured-collection.liquid ?

no i didnt change any thing in code? what should i change in code ? in which file?

worked ! do you know how to add onhover effect ,border of the product should be red ,if you see fuji sports home page and put cursor on products

For the red border, you can add this code to the end of base.css .collection li.grid__item { border: 4px solid rgba(0,0,0,0); } .collection .grid__item:hover { border-color: #e81c3f; } But that is just a start you would need to align text and price in settings. And to get the same as Fiji…

Why there are for products shown in 3 column

Store Design

zikriarathore February 1, 2024, 9:22am 3

what are placeholder products? you mean dummy products? can i show exactly 3 by 3 for featured products?

Topic		Replies	Views
Control number of products displayed in featured collection Store Design	3	118	June 18, 2024
Adjust the amount of products showing in featured collection Brooklyn theme Store Design	4	77	December 1, 2021
Featured collection show 3 products on desktop and 1 product on Mobile Store Design	9	48	March 26, 2022
dawn theme featured collection - max rows number Store Design customizations , shopify-themes , troubleshooting	14	95	November 4, 2024
Dawn: Featured homepage collection number of columns/image size Store Design	23	399	June 2, 2022

Why there are for products shown in 3 column

Related topics