Solved

How to change the number of product per row to 6?

james_chan
Tourist
27 0 1

Hi,

 

Is there any way I can change the number of product-per-row to 6? The max could be 5 but it will looks uncomfortable for me on mobile.

 

Can anyone help?

 

Screenshot attached:

james_chan_0-1680571707430.png

 Store link: https://www.allnicewigs.com/

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
7697 1496 1500

This is an accepted solution.

Or try to edit value in this code also

"type": "range",
"id": "rows",
"label": "t:sections.featured-collection.settings.rows.label",
"default": 1,
"min": 1,
"max": 5,
"step": 1
},

- Helpful? Like or Accept solution! or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 16 (16)

Dan-From-Ryviu
Shopify Partner
7697 1496 1500

Hi @james_chan

You can try to increase maximum column on desktop of featured collection section in your Shopify admin > Sale channels > Online store > Edit code > open file featured-collection.liquid 

find "columns_desktop" or something else like this, change "max": 5, with "max": 6,  and Save file.

After that, you can reload your customize page and try to add 6th row in that section. 

Screenshot 2023-04-04 at 09.13.47.png

Hope it works for you.

- Helpful? Like or Accept solution! or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

james_chan
Tourist
27 0 1

Hi Dan, thanks for the help. But I can find the colums_desktop nowhere. The theme my shop used is Impulse.

Dan-From-Ryviu
Shopify Partner
7697 1496 1500

Could you share featured-collection.liquid file? 

- Helpful? Like or Accept solution! or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Dan-From-Ryviu
Shopify Partner
7697 1496 1500

You can find something similar like columns_desktop, not exactly the same but I make sure it has limit column number out there, just change it so you can add 6 or more collections for that section. 

- Helpful? Like or Accept solution! or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

james_chan
Tourist
27 0 1

{% schema %}
{
"name": "t:sections.featured-collection.name",
"class": "index-section",
"settings": [
{
"type": "text",
"id": "title",
"label": "t:sections.featured-collection.settings.title.label",
"default": "Featured collection"
},
{
"type": "collection",
"id": "home_featured_products",
"label": "t:sections.featured-collection.settings.home_featured_products.label"
},
{
"type": "range",
"id": "per_row",
"label": "t:sections.featured-collection.settings.per_row.label",
"default": 4,
"min": 1,
"max": 5,
"step": 1
},
{
"type": "range",
"id": "rows",
"label": "t:sections.featured-collection.settings.rows.label",
"default": 1,
"min": 1,
"max": 5,
"step": 1
},
{
"type": "checkbox",
"id": "mobile_scrollable",
"label": "t:sections.featured-collection.settings.mobile_scrollable.label",
"default": true
},
{
"type": "checkbox",
"id": "view_all",
"label": "t:sections.featured-collection.settings.view_all.label",
"default": true
},
{
"type": "checkbox",
"id": "divider",
"label": "t:sections.featured-collection.settings.divider.label",
"default": false
}
],
"presets": [
{
"name": "t:sections.featured-collection.presets.featured_collection.name"
}
],

 

Here is something I can find from the file

james_chan
Tourist
27 0 1

@Dan-From-RyviuAnd I was thinging this may be the part that I try to find.

 

type": "range",
"id": "per_row",
"label": "t:sections.featured-collection.settings.per_row.label",
"default": 4,
"min": 1,
"max": 5,
"step": 1

 

I tried to replace the max 5 with 6. And refresh my shop frontpage but nothing changed

Dan-From-Ryviu
Shopify Partner
7697 1496 1500

@james_chan, please change "max": 5 to "max": 6, save your file and go to customize and check if you can add more collection.

- Helpful? Like or Accept solution! or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

james_chan
Tourist
27 0 1

james_chan_0-1680597506559.png

james_chan_2-1680597552268.png

 

 

@Dan-From-Ryviu  Did I make a mistake? I've changed the number but the per-row still got a max of 5.

 

 

Dan-From-Ryviu
Shopify Partner
7697 1496 1500

Could you dm me and provide Collaborator request code so I can sent request to access your store and help you?

 

- Helpful? Like or Accept solution! or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Dan-From-Ryviu
Shopify Partner
7697 1496 1500

This is an accepted solution.

Or try to edit value in this code also

"type": "range",
"id": "rows",
"label": "t:sections.featured-collection.settings.rows.label",
"default": 1,
"min": 1,
"max": 5,
"step": 1
},

- Helpful? Like or Accept solution! or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

james_chan
Tourist
27 0 1

@Dan-From-RyviuNot work as well.

 

I've sent you the code in dm, please check them up.

Dan-From-Ryviu
Shopify Partner
7697 1496 1500

@james_chan, I'm not receive the code yet. 

 

- Helpful? Like or Accept solution! or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

james_chan
Tourist
27 0 1

I dm you again. Please go check them

ZSop
Visitor
2 0 0

Hi, I am facing the same challenge.

Had changed the number to 6, but still do not work.

Appreciate if you could help.

Thank you

AliReviews
Shopify Partner
773 90 355

Hello @james_chan ,

 

Here is our suggestions:

Go to Online Stores -> Theme -> Actions -> Edit code

Ref- step 1.png

Go to Assets -> base.css -> add the following code in the bottom:

.grid-product__item {
  width: calc(100% / 6);
}

Save and preview.

 

Hope this will help.

Ali Reviews team.

- Was my answer helpful? Please hit Like or Mark it as solution!
- Ali Reviews - The must-have Shopify app that empowers you to effortlessly collect, display, and manage product reviews.
- Start your FREE trial today!
james_chan
Tourist
27 0 1

Hi @AliReviews , thanks for the help. But there's no base.css in my assets. Could be something missing already?