Jump to content

Product page display

Recommended Posts

Site URL: https://www.furangelfoundation.org/happilyhomed

We are using two product pages for our site. We have one product page for available dogs and another product page showing the dogs that were adopted.  On the adopted page, we want to display 6 products across as the number of items will grow throughout the year.  When I change the setting under Design, when I change the setting to 6, it changes both pages. Is there a way to only have it affect the one page?

Link to comment
  • Replies 2
  • Views 403
  • Created
  • Last Reply

Top Posters In This Topic

Hi. You mean  change to 6 items/row on this page? https://www.furangelfoundation.org/happilyhomed

Add this code to Design > Custom CSS

body#collection-6210386b3782581783256936 {
#productList .product {
    clear: none !important;
    width: 13% !important;
}
#productList .product:nth-child(6n+1) {
    clear: left !important;
}}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (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.