Jump to content

7.1 SHOP PAGE > Custom Layout CSS Issue

Recommended Posts

Hi @tuanphan!

I have a question for you regarding customizing the shop page functionality.

1. I am working on a shop

2. I would like to customize the standard page so each product grouping has a headline, versus the standard shop layout in 7.1 (where it is one giant feed of products)

3. On the product detail pages, I would like the SHOP ALL in the nav to be underlined.

4. Is there a way to hide the default shopping section shown on the bottom of this page?

5. I used the below code  in the header, which hides the section, but then also hides the product detail pages from functioning.

section[data-section-id="5f3313ad14f683319469cc74"] {
display:none!important }

6. Do you know how to solve for this?

Thanks so much for your help!



Edited by HOHWIP
Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

1,2,3. Did you solve?

4. Add to Shop page settings > Advanced > header

  #page section:last-child {
    display: none;


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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

HI @tuanphan, thanks for the quick reply and help!

1. I inserted your code. It hides the last-child (the default shop section/layout)

2. But now, for some reason, when I click the individual product to go to the product detail page, the product detail pages appears blank. Screen shot below. This happened when I also tried my section ID code above.

3. Any other thoughts? I want the "shop all" in nav to be underlined, to show the product is within this directory.. but need to hide the default shop layout that squarespace generates.. Does this make sense?

Thanks again for all of your help!




Edited by HOHWIP
Link to comment
  • 6 months later...

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.