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

How to add text to a product page


Recommended Posts

  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

I updated my previous code post.

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>   di

Wonderful! That worked perfectly. Thank you so much for your help! Really appreciate it. 

Posted Images

  • 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 post
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;
}

 

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

--- Happy New Year

Link to post

Thank you so much Tuan!

I was just hoping to have custom text for each of the pages... Because they're different offerings.

Also, was hoping to make the text my 'Normal' text style...

Link to post

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.

Edited by creedon
version 2

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
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.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

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