How to add the following data, and link to my product page?

cfunni
Excursionist
30 1 32

I have a Shopify site with 8000 SKU's  I need to add this to my product page. The Blue box and the www.P65Warnings.ca.gov will be a clickable link to a new window.

 

cfunni_0-1627997277487.png

 

I have  it in HTML, and can add it to the description like I did on this SKU  https://ace4parts.com/products/0-phillips-pocket-screwdriver-p12s?_pos=1&_sid=a1e924ae8&_ss=r

I would prefer to add a section to the product page rather than updated all the descriptions of 8000 SKU's. any input would be appreciated. 

here is the HTML 

<div class="MEpopUpHaeder">
<div>
<p class="text-center pl-10 pb-0 mb-0 text-olc-blue h4"><a title="Prop 65 Warning" href="https://www.p65warnings.ca.gov" target="_blank"><img style="float: left;" data-mce-fragment="1" height="30" width="283" alt="" src="https://cdn.shopify.com/s/files/1/0451/0338/2693/files/Screen_Shot_2021-07-27_at_10.44.08_AM_480x480..." data-mce-src="https://cdn.shopify.com/s/files/1/0451/0338/2693/files/Screen_Shot_2021-07-27_at_10.44.08_AM_480x480..."></a><a href="https://www.p65warnings.ca.gov"></a></p>
</div>
</div>
<div class="container-fluid px-15">
<div class="row">
<div class="col-12 px-30">
<p class="mb-30 font-size-16">&nbsp;</p>
<p style="text-align: left;" class="mb-30 font-size-16">WARNING! CANCER AND REPRODUCTIVE HARM. FOR MORE INFORMATION PLEASE VISIT <a href="https://www.p65warnings.ca.gov/" target="_blank">www.P65Warnings.ca.gov</a></p>
</div>
</div>
</div>

Replies 4 (4)

Bdelucca
Excursionist
16 2 3

Hello there,

I think you should be able to add it to your product-template.liquid file. Go to that file and add it in the product-single_description div:

Bdelucca_0-1627999456482.png

Regards!

 

Zworthkey
Shopify Partner
5581 642 1565

@cfunni 
we are happy to help you.
we will fix it to your store.

Thank you.

Zworthkey
Shopify Partner
5581 642 1565
<a href="https://www.storename.com/" target="_blank">thestore.com</a>

Try this to open in new tab

cfunni
Excursionist
30 1 32

Thank you for the reply

So you are suggesting I insert the code here at line 264? 

Screen Shot 2021-08-05 at 10.42.47 AM.png

And paste the entire code like this?

<div class="MEpopUpHaeder">
<div>
<p class="text-center pl-10 pb-0 mb-0 text-olc-blue h4"><a title="Prop 65 Warning" href="https://www.p65warnings.ca.gov" target="_blank"><img style="float: left;" data-mce-fragment="1" height="30" width="283" alt="" src="https://cdn.shopify.com/s/files/1/0451/0338/2693/files/Screen_Shot_2021-07-27_at_10.44.08_AM_480x480..." data-mce-src="https://cdn.shopify.com/s/files/1/0451/0338/2693/files/Screen_Shot_2021-07-27_at_10.44.08_AM_480x480..."></a><a href="https://www.p65warnings.ca.gov"></a></p>
</div>
</div>
<div class="container-fluid px-15">
<div class="row">
<div class="col-12 px-30">
<p class="mb-30 font-size-16">&nbsp;</p>
<p style="text-align: left;" class="mb-30 font-size-16">WARNING! CANCER AND REPRODUCTIVE HARM. FOR MORE INFORMATION PLEASE VISIT <a href="https://www.p65warnings.ca.gov/" target="_blank">www.P65Warnings.ca.gov</a></p>
</div>
</div>
</div>