Hi! I am using the Craft theme. There is no problem if the number of products is 4 or more on the collection pages. However, the dimensions of the product field change depending on whether it is 3.2 or 1. When I look at the base.css file, I see that settings such as grid–4-col , grid–3-col , grid–2…

Hi @Okyns , You can follow the instruction below: Go to Online Store->Theme->Edit code Asset->/base.css->paste below code at the bottom of the file: @screen (min-width: 990px) { #ProductGridContainer #product-grid .grid__item { max-width: calc(25% - var(--grid-desktop-horizontal-spac…

Hi @Okyns , Can you clearly note the part you want so we can help you? Do you mean that on the collection page, the grid card will show 4 columns in 1 row? Thanks

Hi If there are 4 products in a category, it shows 4 products in a row and everything is fine. But if the number of products is 3 or 2, the image sizes change. I want the image sizes to not change even if the number of products is less than four. What I want to see are 4 products in 1 line and as …

I’m waiting for your help [51.jpg] [52.jpg]

Hi @Okyns , sorry for the slow response Please share your store URL and if your store is password protected then please provide password too. So that we can help you. Thank you.

Thank you so much . I changed it with a little touch as follows. @media screen and (min-width: 990px) { #ProductGridContainer #product-grid .grid__item { max-width: calc(25% - var(–grid-desktop-horizontal-spacing) * 3 / 4) !important; } } I’m marking it as a solution.

Grid size by number of products on collection page

Store Design

Okyns February 18, 2022, 6:40am 6

Hi,

My Store : https://oceanhometextile.de/

Password : weisha

Topic		Replies	Views
Craft Theme - Product Grid with 3 Columns Store Design product-page	9	397	August 30, 2024
Reduce size of product images on collections page - Craftis theme Store Design collection-page	19	127	October 4, 2023
how to have different number of products per row in a product grid with Craft theme Store Design design	5	82	November 29, 2024
How to make collection images smaller Store Design design , collection-page	6	141	July 17, 2024
How can I adjust the size of product images on a collection grid? Store Design	1	25	February 26, 2022

Grid size by number of products on collection page

Related topics