Jump to content

Shop page layout - needing to add a sub-heading underneath title

Recommended Posts

Site URL: https://www.nourish.melbourne

Hello SquareSpace community,

I need help with the layout of my shop page. All other pages on my site contain a title and a sub heading.

I would like my Shop page titled 'membership' to follow the same layout - there doesn't seem to be a way to add a subtitle to this page though.

Could you please help let me know how I can make this possible - see screenshots attached.

www.nourish.melbourne
Site password: nm2022

Version 7.1

Thank you kindly in advance!

Screen Shot 2022-03-02 at 12.52.58 pm.png

Screen Shot 2022-03-02 at 12.53.17 pm.png

Link to comment
  • Replies 17
  • Views 852
  • Created
  • Last Reply

Top Posters In This Topic

28 minutes ago, michaelpga said:

Site URL: https://www.nourish.melbourne

Hello SquareSpace community,

I need help with the layout of my shop page. All other pages on my site contain a title and a sub heading.

I would like my Shop page titled 'membership' to follow the same layout - there doesn't seem to be a way to add a subtitle to this page though.

Could you please help let me know how I can make this possible - see screenshots attached.

www.nourish.melbourne
Site password: nm2022

Version 7.1

Thank you kindly in advance!

Screen Shot 2022-03-02 at 12.52.58 pm.png

Screen Shot 2022-03-02 at 12.53.17 pm.png

 

Edited by michaelpga
typo
Link to comment
  • 1 year later...
On 4/26/2023 at 9:45 PM, C-bear said:

Hi @tuanphan I have the same issue! I would love to add a title and description/subheading to my shop page but don't seem to have the option to add in blocks: 

https://www.chloebthomas.com

Thanks so much

Add here?

image.thumb.png.b91a17567114de118dcf14458066c370.png

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
  • 2 weeks later...
On 4/29/2023 at 8:09 AM, tuanphan said:

Add here?

image.thumb.png.b91a17567114de118dcf14458066c370.png

No under the headings, when you click the different titles I wanted to add a little subheading describing what's on each page. They are all shop pages so the design feels limited.

 

Thanks so much!

 

Screenshot 2023-05-11 at 14.38.24.png

Link to comment

This code for https://dinner-with-friends.com/dinner-with-friends?category=Digital+Downloads

If it works, we will send code for other categories

Add to last line in Code Injection > Footer

<script>
  if (document.location.pathname.indexOf("=Digital+Downloads") == 0) {
    document.querySelector('body').classList.add('t-digital-downloads')
}
</script>
<style>
  body.t-digital-downloads nav.ProductList-filter.ProductList-filter--categories:after {
    content: "Digital Downloads description sub heading abc xyz";
    color: black;
}
</style>

 

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
  • 1 month later...

@tuanphan 

Thank you so much for your help but when I paste the code into custom css it says syntax error, I couldn't find where 'code injection > footer' is 😞

I would love to be able to add a title & subheading to each different category page on the shop if possible please 🙏 

https://dinner-with-friends.com/dinner-with-friends

https://dinner-with-friends.com/dinner-with-friends?category=Digital+Downloads

https://dinner-with-friends.com/dinner-with-friends?category=Dinner+Al+Fresco

https://dinner-with-friends.com/dinner-with-friends?category=Dinner+at+Home

https://dinner-with-friends.com/dinner-with-friends?category=Dinner+With+Friends

And also on the templates page: (https://dinner-with-friends.com/templates)

Thank you so much!

Link to comment
On 7/6/2023 at 1:05 AM, C-bear said:

@tuanphan 

Thank you so much for your help but when I paste the code into custom css it says syntax error, I couldn't find where 'code injection > footer' is 😞

I would love to be able to add a title & subheading to each different category page on the shop if possible please 🙏 

https://dinner-with-friends.com/dinner-with-friends

https://dinner-with-friends.com/dinner-with-friends?category=Digital+Downloads

https://dinner-with-friends.com/dinner-with-friends?category=Dinner+Al+Fresco

https://dinner-with-friends.com/dinner-with-friends?category=Dinner+at+Home

https://dinner-with-friends.com/dinner-with-friends?category=Dinner+With+Friends

And also on the templates page: (https://dinner-with-friends.com/templates)

Thank you so much!

Hi,

See red note

Code Injection in Settings > Developer Tools > Code Injection

image.thumb.png.987b766ac210f07580e9e0eecd2330e8.png

image.thumb.png.987b766ac210f07580e9e0eecd2330e8.png

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

@tuanphan Thanks so much, I was able to add this code into the code injection > footer area but still haven't managed to add a heading on the digital downloads page, I'm not sure if I am doing anything wrong or the code isn't working.

If you have any other suggestions that would be greatly appreciated 🙏

Thanks so much!

Screenshot 2023-07-10 at 12.28.41.png

Link to comment
On 5/20/2023 at 9:56 AM, tuanphan said:

This code for https://dinner-with-friends.com/dinner-with-friends?category=Digital+Downloads

If it works, we will send code for other categories

Add to last line in Code Injection > Footer

<script>
  if (document.location.pathname.indexOf("=Digital+Downloads") == 0) {
    document.querySelector('body').classList.add('t-digital-downloads')
}
</script>
<style>
  body.t-digital-downloads nav.ProductList-filter.ProductList-filter--categories:after {
    content: "Digital Downloads description sub heading abc xyz";
    color: black;
}
</style>

 

The url doesn't exist now. Can you check it again?

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
On 7/15/2023 at 7:58 PM, C-bear said:

Hi @tuanphan oh sorry I'm not sure why, here it is again!

https://dinner-with-friends.com/prints?category=Digital+Downloads 

If this works will I have to add it to multiple store pages? Thanks so much!

Which template do you use? I will try test it on my site

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.