Jump to content

How to add text to a product page

Recommended Posts

  • Replies 8
  • Views 718
  • Created
  • Last Reply
  • 1 month later...

Hi tuanphan,

I can see you've been really helpful in this area on other forums, I am looking to do the same thing for my site - www.wordsfor.today

I have attached screenshots of where I would ideally like custom text to go on both pages (red box).

I am assuming it is a code via the Store Settings > Advanced > Page Header Code Injection?

Thank you in advance!

Bianca

 

Screen Shot 2021-01-03 at 12.32.55 pm.png

Screen Shot 2021-01-03 at 12.33.10 pm.png

Link to comment
On 1/3/2021 at 8:38 AM, Bianca2020 said:

Hi tuanphan,

I can see you've been really helpful in this area on other forums, I am looking to do the same thing for my site - www.wordsfor.today

I have attached screenshots of where I would ideally like custom text to go on both pages (red box).

I am assuming it is a code via the Store Settings > Advanced > Page Header Code Injection?

Thank you in advance!

Bianca

 

Screen Shot 2021-01-03 at 12.32.55 pm.png

Screen Shot 2021-01-03 at 12.33.10 pm.png

Add to Home > Design > custom CSS

div.ProductList-grid:before {
    content: "tuan tuan tuan tuan";
    display: block;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}

 

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

Take @tuanphan's code and wrap it in a style tag and put in Store Settings > Advanced > Page Header Code Injection for each store page where you want to apply the effect.

<style>

  div.ProductList-grid:before {
  
    content: "tuan tuan tuan tuan";
    display: block;
    text-align: center;
    margin-bottom: 20px;
    
    }
    
  .product-price:after {
  
    content: 'includes shipping and handling';
    display: block;
    
    }
    
  </style>

Be sure to remove the CSS from Design > Custom CSS.

To help you with the font we'd need more info about it.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
43 minutes ago, Bianca2020 said:

But is there any way of including another text line here (red line)?

I'd like it to say 'includes shipping and handling' up front...

I updated my previous code post.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.