Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Line break with product titles


vivaaweb

Question

  • Answers 26
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

The code referred to was for 7.0 and needed to be modified for Squarespace 7.1. Here's a version that should work in your situation.  https://sf.digital/squarespace-solutions/display-product-titl

Thank you so much it's working perfect. My product page is much more clear and logic for my clients now!!!! 😀

@paul2009 Thank you! I so appreciate your clear explanation of not just how to do this, but why it works. I'll keep your company, SF Digital, in mind for advanced services and help in the future. Than

Posted Images

Recommended Posts

  • 0

Hi thanks for you answers,

Tuanphan i tried what you proposed but it doesn't work and I look on the site to see the other options none work.

Maybe it was for the 7.0 version?

At the moment the site adds automatic spacing but i would like to add a line break where i want for example.

Gamay | Nature Rouge
Domaine de Beauvent

Instead of

Gamay | Nature Rouge | Domaine
de Beauvent

Thanks for you help i really appreciate it

 

Link to post
  • 0
8 hours ago, vivaaweb said:

Hi thanks for you answers,

Tuanphan i tried what you proposed but it doesn't work and I look on the site to see the other options none work.

Maybe it was for the 7.0 version?

At the moment the site adds automatic spacing but i would like to add a line break where i want for example.

Gamay | Nature Rouge
Domaine de Beauvent

Instead of

Gamay | Nature Rouge | Domaine
de Beauvent

Thanks for you help i really appreciate it

 

Can you keep above code & let me know? I will check again.

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

Link to post
  • 0
59 minutes ago, vivaaweb said:

I ask sf digital and it doesn't work with squarespace 7.1

The code referred to was for 7.0 and needed to be modified for Squarespace 7.1. Here's a version that should work in your situation. 

https://sf.digital/squarespace-solutions/display-product-titles-on-two-lines-with-squarespace-71

Let me know how you get on.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0
On 3/24/2020 at 9:27 PM, paul2009 said:

The code referred to was for 7.0 and needed to be modified for Squarespace 7.1. Here's a version that should work in your situation. 

https://sf.digital/squarespace-solutions/display-product-titles-on-two-lines-with-squarespace-71

Let me know how you get on.

HI @paul2009, im struggling with achieving the same for my website.... probably not injecting code where it should be...

can you point me into the right direction?

https://greenvitamin.com/products-probiotics

on hover product name shows up but would be great to have weight in line below...

 

Screenshot 2020-06-25 at 9.12.22 PM.png

Screenshot 2020-06-25 at 9.12.15 PM.png

Link to post
  • 0
1 hour ago, emset said:

im struggling with achieving the same for my website

Did you add the symbol to any of the product titles? I couldn't see it.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0
On 6/25/2020 at 10:28 PM, paul2009 said:

Did you add the symbol to any of the product titles? I couldn't see it.

yeah first one..  RAW COCONUT YOGURT natural 300g...

as far as code injection... I guess that's where I am missing mark, i struggle to find other place than - design\custom CSS but it is obviously wrong

Screenshot 2020-06-27 at 10.06.13 AM.png

Link to post
  • 0

Hi all,

Indeed, I'm struggling with the same issue of the code injection not working. Squarespace's code injection on 7.1 allows it to affect only header, footer, and lockscreen. So in order for @paul2009's clever javascript to work... where do you put it?

And finally: will this code injection work anywhere a product is displayed (i.e. shop, product block, gallery block displaying products)?

Kind thanks!

Amanda

Edited by amandadrienne
Link to post
  • 0
2 hours ago, amandadrienne said:

Squarespace's code injection on 7.1 allows it to affect only header, footer, and lockscreen. So in order for [it] to work... where do you put it?

When you "inject" code, you have the option of adding it within the header or the footer (or the lock screen). Injecting it in the footer does not mean that it will only affect the footer, it means that it will load after the page content has loaded. It’s important to insert code in the footer so that the elements that you want to affect have loaded before the code, otherwise the code cannot affect them. 

Therefore, add the code to Settings > Advanced > Code Injection > Footer
 

 

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0

@paul2009 thank you this worked for me partially. I was able to create two lines for product title on my shop page  but it did not change on the product page itself where I initiated the change. Instead it looks like this there:  be awake | modern breakfast.  I thought the "|" would disappear here as well and break to two lines. Any thoughts?

 

Edited by misuba
Link to post
  • 0
4 hours ago, misuba said:

it did not change on the product page itself where I initiated the change

To help you, I’ll need to view the product in your site. Please post a working link.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0

@paul2009 you will see shop page is fine but product pages it did not execute

if you also have a way to adjust vertical padding between price and variant box on product pages that would be wonderful.

Edited by misuba
Link to post
  • 0
5 hours ago, misuba said:

you will see shop page is fine but product pages it did not execute

The code snippet was only ever designed for Product List pages which is why it didn't work on your Product Detail pages. However, I've updated it now - use the same link as before.

 

6 hours ago, misuba said:

if you also have a way to adjust vertical padding between price and variant box on product pages that would be wonderful.

You can add this to Custom CSS and adjust the margin to suit (it is 25px by default):

.ProductItem-details .ProductItem-product-price {
  margin-bottom: 5px;
}

 

  If this helps you, please click "Like" below  ⬇️

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0

Hi there, I've added in the code and it's worked on the product page (so thanks for that!) but on the main products grid the text looks really untidy. Is there a way of adding in hard returns to push some of these widows onto the next line?
Thanks

Screen Shot 2020-09-14 at 12.36.20 PM.png

Link to post
  • 0
13 hours ago, simonkeeping said:

Hi there, I've added in the code and it's worked on the product page (so thanks for that!) but on the main products grid the text looks really untidy. Is there a way of adding in hard returns to push some of these widows onto the next line?
Thanks

Can you share link to page in screenshot? We can check easier.

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

Link to post
  • 0

This has been a helpful thread!
 

92919991_ScreenShot2020-11-18at7_24_45PM.thumb.jpg.fd37f0bd5ce200e644ca0746444e0a87.jpg

 

Now, I would like to make the second line normal and a lighter weight
 

For example: 
"Chehalem Fall (2)"
    Fine Art Print

Is it possible to make the text to the right of the ( - ) normal and a lighter weight? 
1881028547_ScreenShot2020-11-18at7_28_50PM.thumb.jpg.1585fb5b21deffeadc38b4dc5e5f6228.jpg

 

Website: www.BrendanAlexPhoenix.com
Version: 7.0
Family/Template: York Family (Jones Template) 

Thank you! 

CptFeeny

Edited by CptFeeny
Removing copyrighted material
Link to post
  • 0
3 hours ago, CptFeeny said:

This has been a helpful thread!

I have successfully added this Javascript from SF.Digital to achieve a line break for product titles. @tuanphan @paul2009

https://sf.digital/squarespace-solutions/how-can-i-add-line-breaks-to-gallery-grid-titles

 

92919991_ScreenShot2020-11-18at7_24_45PM.thumb.jpg.fd37f0bd5ce200e644ca0746444e0a87.jpg

 

Now, I would like to build on that code and make the second line normal and a lighter weight
 

For example: 
"Chehalem Fall (2)"
    Fine Art Print

Is it possible to make the text to the right of the ( - ) normal and a lighter weight? 
1881028547_ScreenShot2020-11-18at7_28_50PM.thumb.jpg.1585fb5b21deffeadc38b4dc5e5f6228.jpg

 

Website: www.BrendanAlexPhoenix.com
Version: 7.0
Family/Template: York Family (Jones Template) 

Thank you! 

CptFeeny

Can you share link to product in screenshot? We can check easier

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...