Jump to content

Is there an easy way to change the number of items shown per row in the Shop without adding code? Or, is that set per template?

Recommended Posts

  • Replies 13
  • Created
  • Last Reply

Top Posters In This Topic

We would like the link to your site so we can see what version of Squarespace and which template your are using. It is hard to advise you if we can't see what you are working with.

Please set up a site-wide password. Only people interested in helping you are likely to access the site. Post the password here.

We can then take a look at your issue.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

As @tuanphan mentioned the shop page sounds like a good place to start.

If you're not already on the shop page. Go to Home > Pages and click on the shop page (the page for your Store).

Then get into Full preview of pages mode.

You can then give us the URL for that page by copy it from the address bar of your browser.

 

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
6 minutes ago, creedon said:

As @tuanphan mentioned the shop page sounds like a good place to start.

If you're not already on the shop page. Go to Home > Pages and click on the shop page (the page for your Store).

Then get into Full preview of pages mode.

You can then give us the URL for that page by copy it from the address bar of your browser.

 

That worked! I just tested to make sure:

https://disc-fish-b397.squarespace.com/shop

COFFEE is the password.

I already had another template up and going with 3 rows each, and it was going well, but being new around here, doing 40 things wrong the first time seems to be my current method.

When I signed up for the monthly subscription, I thought it would be over all the templates, until I hit publish on one of them...not realizing it was locked in the template I had done the least work on at that point, which is this one....

Link to comment

On your Store page click the Edit button in the upper left.

6954277_ScreenShot2020-10-17at7_44_19PM.png.345b88d527f5f4b906cf46131b182c8c.png

Hover over the page section for the store and click on the pencil button.

2057014867_ScreenShot2020-10-17at7_46_01PM.png.6bb35992f2bcdbebac961e19de013b48.png

Change the number of columns.

 

1536349783_ScreenShot2020-10-17at7_43_12PM.thumb.png.4d1e3742d3209f41394521ff75ae800a.png

Save your changes.

1226931475_ScreenShot2020-10-17at7_50_00PM.png.eef97359451f8fafd6bd914d5237f2f1.png

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
4 minutes ago, creedon said:

On your Store page click the Edit button in the upper left.

6954277_ScreenShot2020-10-17at7_44_19PM.png.345b88d527f5f4b906cf46131b182c8c.png

Hover over the page section for the store and click on the pencil button.

2057014867_ScreenShot2020-10-17at7_46_01PM.png.6bb35992f2bcdbebac961e19de013b48.png

Change the number of columns.

 

1536349783_ScreenShot2020-10-17at7_43_12PM.thumb.png.4d1e3742d3209f41394521ff75ae800a.png

Save your changes.

1226931475_ScreenShot2020-10-17at7_50_00PM.png.eef97359451f8fafd6bd914d5237f2f1.png

Let us know how it goes.

It worked! And I was able to change the aspect ratio on the images there as well, which I needed to do.

Thanks for the help! Do you drink coffee?

Link to comment
  • 4 months later...

@JMSB

There is no SS control to determine how many items appear on the main store page. As you say it is built into SS's backend.

You could use CSS to hide certain products on the main Store page.

You could put just the items you want to show into a category and instead of linking to your main Store page you could link to the category instead.

Or you could use a summary block with the Featured Only toggle turned on.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 4 months later...
On 10/17/2020 at 7:52 PM, creedon said:

On your Store page click the Edit button in the upper left.

6954277_ScreenShot2020-10-17at7_44_19PM.png.345b88d527f5f4b906cf46131b182c8c.png

Hover over the page section for the store and click on the pencil button.

2057014867_ScreenShot2020-10-17at7_46_01PM.png.6bb35992f2bcdbebac961e19de013b48.png

Change the number of columns.

 

1536349783_ScreenShot2020-10-17at7_43_12PM.thumb.png.4d1e3742d3209f41394521ff75ae800a.png

Save your changes.

1226931475_ScreenShot2020-10-17at7_50_00PM.png.eef97359451f8fafd6bd914d5237f2f1.png

Let us know how it goes.

Hello,

Do you know where I can change this on my site? https://thehouseofredvelvet.com/store 

I do not see the same place you are describing. I would love four products in a row. Thank you!

Link to comment

@thehouseofredvelvet

The instructions I posted earlier are for a v7.1 site. You are on v7.0 using the Fulton template from the Pacific template family.

For Fulton, click on Home > Pages > the store page.

Click Home > Design > Site Styles.

Hover over the product grid until you get the blue outline that surrounds the whole grid and click.

146751268_ScreenShot2021-06-22at10_13_06AM.png.94c3e0188b983f4d564310a1a8109e6a.png

You should see the style tweaks filter down to a list related to the product grid. The control for columns will be in the list.

2099667962_ScreenShot2021-06-22at10_01_05AM.png.db543dd290aff0ec0b8d87a4b93a1fdd.png

This technique works for all v7.0 sites.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
3 hours ago, creedon said:

@thehouseofredvelvet

The instructions I posted earlier are for a v7.1 site. You are on v7.0 using the Fulton template from the Pacific template family.

For Fulton, click on Home > Pages > the store page.

Click Home > Design > Site Styles.

Hover over the product grid until you get the blue outline that surrounds the whole grid and click.

146751268_ScreenShot2021-06-22at10_13_06AM.png.94c3e0188b983f4d564310a1a8109e6a.png

You should see the style tweaks filter down to a list related to the product grid. The control for columns will be in the list.

2099667962_ScreenShot2021-06-22at10_01_05AM.png.db543dd290aff0ec0b8d87a4b93a1fdd.png

This technique works for all v7.0 sites.

Let us know how it goes.

Thank you!!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.