Possible to have different background image for different shop subcategories?

@creedon

Okay I am willing to try that if its not too much trouble. I realized I lost the theme on the footer as well on pages not "Green Bay",  so I would like  to try it.

I was hoping this code would help me figure out how to hide a section on all category pages and show it only on the shop all page. How can I do that? 

https://platinum-turkey-j5bz.squarespace.com/shop-by1Du

pw: demo

55 minutes ago, nicolettely said:

how to hide a section on all category pages and show it only on the shop all page.

If I understand correctly you want to add a section to the store page. You want that section to only show on the main shop page (the all category) but not show on any of the individual category pages.

Is that correct?

1 hour ago, creedon said:

If I understand correctly you want to add a section to the store page. You want that section to only show on the main shop page (the all category) but not show on any of the individual category pages.

Is that correct?

Yes exactly!

20 hours ago, nicolettely said:

I was hoping this code would help me figure out how to hide a section on all category pages and show it only on the shop all page. How can I do that? 

Please see the following.

Once you have it installed then let us know and we can give you some CSS to finish off the effect.

1 hour ago, creedon said:

Please see the following.

Once you have it installed then let us know and we can give you some CSS to finish off the effect.

I have installed it, but not sure if I did so correctly. And not sure where to go from here. I dont understand JS as well as CSS. Thanks for you help!

1 hour ago, nicolettely said:

I have installed it, but not sure if I did so correctly. And not sure where to go from here.

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

<style>

  body[data-store-category] #page .page-section:last-child {
  
    display : none;
    
    }
    
  </style>

Let us know how it goes.

14 minutes ago, creedon said:

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

<style>

  body[data-store-category] .page-section:last-child {
  
    display : none;
    
    }
    
  </style>

Let us know how it goes.

Brilliant! Thank you! 

24 minutes ago, creedon said:

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

<style>

  body[data-store-category] .page-section:last-child {
  
    display : none;
    
    }
    
  </style>

Let us know how it goes.

Oh oops possible to keep the footer?

26 minutes ago, nicolettely said:

Oh oops possible to keep the footer?

I updated my HTML/CSS code post.

I have updated my cited code in my August 31, 2021 post.

From the changes...

• support for multiple categories using a single section