add information under product to product page

Solved
Highlighted
Excursionist
34 0 8

I would like to add information as lines of text under product on product page like "ships within one week," "# of stock left," "90 day guarantee" etc.. is there an app I can do this with?

thanks for the help!

0 Likes
Highlighted

Hi VegasRome,

What theme are you using, and whats your stores URL so I can do now for you.

Dan 'the web man' | Shopify Partner
If this was helpful then please Like and let me know!
If this answered your question click Accept as Solution
Want to modify or make custom changes on your store? I'm available for hire!
Secure Email: See https://dans-development-store.myshopify.com
0 Likes
Highlighted
Excursionist
34 0 8

hi Dan. i'm using debut theme and the url is pureskinbliss.com

0 Likes
Highlighted

Exactly where do you want to add on the product page?

How comfortable are you with editing code?

ipl.jpg

 

 

 

Dan 'the web man' | Shopify Partner
If this was helpful then please Like and let me know!
If this answered your question click Accept as Solution
Want to modify or make custom changes on your store? I'm available for hire!
Secure Email: See https://dans-development-store.myshopify.com
0 Likes
Highlighted
Excursionist
34 0 8

I wanted to add it under the buy it now button without the gap that is currently between the button and my 120day badge. whenever i add text in text editor it puts that gap.  I can get by with editing code... : )

0 Likes
Highlighted

This is an accepted solution.

Ok,

OPTION 1-

Edit the SECTIONS >> product-template.liquid as below;

prod.jpg

 

AFTER the {% endform %}  and BEFORE the </div>

I have added the line already which is

 <span class="extra-bits" style="margin-top: -50px;display: block;text-align: center;"> 90 day guarantee</span>
       

Basically, change the word "90 day guarantee" to whatever. Change the "-50px" to adjust the spacing to the "buy now" button. The more minus the higher up.

And you should see

90-day.jpg

 

 

If you want more lines in there then add another block of code again. So two of the above under on another in the product-template.liquid

Now you got the position, play with HTML to add images.

EVEN EASIER ----- option 2

But if you want just goto ASSETS >> themes.scss.liquid and add this line to the end

.template-product .product-single__description {
    margin-top: -40px !important;

This will move the DESCRIPTION up closer to the BUY NOW. Adjust "-40" as you like, more negative is higher up. This will give the result

easy.jpg

 

 

Which makes it easier to add words / images / fonts styles etc from the description. And each product can have a unique words.

The first above solution will have the SAME words for every product

Hope that helps everyone.

Dan 'the web man' | Shopify Partner
If this was helpful then please Like and let me know!
If this answered your question click Accept as Solution
Want to modify or make custom changes on your store? I'm available for hire!
Secure Email: See https://dans-development-store.myshopify.com
1 Like
Highlighted
Excursionist
34 0 8

thanks Dan! Big help

0 Likes