How to add custom "free shipping" and return policy" info on product page?

KimGottwald
Explorer
103 0 15

Hello,

 

can someone tell me how to add these custom boxes with the return and free shipping info?

 

my website: aliudclothing.com

 

desired design: https://www.6pmseason.com/collections/6pm/products/23n05-1100-907-hlogo

 

Thank you!

Bildschirmfoto 2023-10-19 um 11.29.39.png

Bildschirmfoto 2023-10-19 um 11.29.42.png

  

Replies 12 (12)

suyash1
Shopify Partner
9204 1146 1493

@KimGottwald - those are images, if you want to add those to product page then you will need to edit the code. If you do not know it then you will need a developer to do it.

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
KimGottwald
Explorer
103 0 15

I already have the pictures, only need the code.

suyash1
Shopify Partner
9204 1146 1493

@KimGottwald - you can try this code

 

<div class="custom_info" style="display:flex;">
<img src="image 1 url">
<img src="image 2 url">
</div>
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
KimGottwald
Explorer
103 0 15

where should I place this code?

suyash1
Shopify Partner
9204 1146 1493

@KimGottwald - edit product template and add this code at the place you would like image to appear

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
KimGottwald
Explorer
103 0 15

Thanks, do you also know how I can move it to the marked location and make it smaller?

 

Bildschirmfoto 2023-10-19 um 14.43.35.png

suyash1
Shopify Partner
9204 1146 1493

@KimGottwald - check if you find the code for product form, and add into it, it is difficult to pin point the exact code line without looking the code... but it is product form for sure

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
KimGottwald
Explorer
103 0 15

Is there anything I can orientate on?

suyash1
Shopify Partner
9204 1146 1493

@KimGottwald - you will have word form in product template

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
KimGottwald
Explorer
103 0 15

Okay got it at the correct position now I only need to get it smaller.

suyash1
Shopify Partner
9204 1146 1493

@KimGottwald - add this css to the very end of your css file and check, adjust number as per the need

 

.custom_info img{max-width:100px;}

 

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
KimGottwald
Explorer
103 0 15

Sorry for the question but what exactly do you mean by "the very end"? I added the first code at the needed position in the product-template-liquid.