Solved

How to add "text columns with icon" on product page [Launch Theme]

highqpets
Tourist
9 0 1

Hi shopify community!

How to add "text columns with icon" on product page? I believe it needs some code implementation. We are using Launch theme.

Accepted Solution (1)
diego_ezfy
Shopify Partner
2935 562 883

This is an accepted solution.

@highqpets 

On product.liquid file you need to add the code:

{% section 'dynamic-text-columns-with-icons' %}

Try adding at the very bottom of the file. 

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

View solution in original post

Replies 19 (19)

highqpets
Tourist
9 0 1

Hi shopify community!

How to add "text columns with icon" on product page? I believe it needs some code implementation. We are using Launch theme.

ZestardTech
Shopify Expert
5393 970 1291

Hello highqpets, 

 

Kindly check this URL https://ui-elements-generator.myshopify.com/pages/line-item-property

Using this you can add the custom fields on the product page or else you will need to do the custom code in the product-template file depending on the theme structure because Launch theme is the paid theme and every theme is having some different structure. 

So, kindly let me know if you want any assistance from me in implementing it further.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

Wahab_Ahmad
Shopify Partner
773 114 200

Hello @highqpets,

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Chat on WhatsApp .
Feel free to contact me Email : wahabahmadghori@gmail.com |
Buy Me A Coffee
highqpets
Tourist
9 0 1

Thank you for your reply! Our store is www.highqpets.com 

diego_ezfy
Shopify Partner
2935 562 883

@highqpets 

Unfortunately I'm not able to confirm the correct name for the section just by looking at your store. I'd need to look at the theme's code

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

highqpets
Tourist
9 0 1

Screen Shot 2020-09-17 at 1.07.09 AM.pnghere is our theme code

diego_ezfy
Shopify Partner
2935 562 883

Send me a screenshot of all files inside the folder "sections" please 

diego_ezfy_0-1600330397774.png

 

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

highqpets
Tourist
9 0 1

Screen Shot 2020-09-17 at 1.21.51 AM.pngScreen Shot 2020-09-17 at 1.22.17 AM.png

diego_ezfy
Shopify Partner
2935 562 883

This is an accepted solution.

@highqpets 

On product.liquid file you need to add the code:

{% section 'dynamic-text-columns-with-icons' %}

Try adding at the very bottom of the file. 

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

highqpets
Tourist
9 0 1

OMG! That actually worked! Thank you for your help!!!!!! We appreciate it so much!!!!

diego_ezfy
Shopify Partner
2935 562 883

@highqpets 

You're welcome, I'm glad to hear that!

Next time feel free to contact me personally, I'll be happy to help.

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

tropicgyalnatur
Tourist
4 0 1

Hello! Are you able to do add this code to the sense theme as well but on the home page? I would like to add a text with icon section like how the yuva theme has. I attached a photo. 

 

Thank you!text with icons.jpg

Phoneexcess
Tourist
5 0 1

How do i add that to my store ?

tropicgyalnatur
Tourist
4 0 1

Hello! Are you able to do add this code to the sense theme as well but on the home page? I would like to add a text with icon section like how the yuva theme has. I attached a photo. 

 

Thank you!text with icons.jpg

diego_ezfy
Shopify Partner
2935 562 883

@highqpets 

On product.liquid file you need to add the code:

{% section 'text-columns-with-icons' %}

I'm not entirely sure if that is the actual name of the section in the code, I'd need to be in your store to double check the theme, but it's something like this.

Kind regards,
Diego 

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

highqpets
Tourist
9 0 1

Hi! Our store is www.highqpets.com Thank you for your time!

kaycnavarro
Visitor
3 0 0

It doesn't work on boundless theme. I'm planning to add this on homepage.

diego_ezfy
Shopify Partner
2935 562 883

@kaycnavarro It won't work on the boundless theme indeed, essentially because the boundless theme uses different names for their sections. It'd require a different coding

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

HayshaRo_07
Visitor
1 0 0

Hi Diego,

can you tell me what is the code for Minimal Theme.

"{% section 'dynamic-text-columns-with-icons' %}" doesn't  work 😞

Thank you so much!