Shopify Jumpstart Theme replace icons with images

Solved
Tourist
12 1 0

Hi,

 

I am trying to replace the icons with images in the shopify theme 'Jumpstart', in the section text columns with icons. How can this be done?

 

Screenshot

0 Likes

Hello 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes

Success.

Shopify Expert
2530 425 536

Hi @cmarydai 

For that you need little bit coding knowledge 

follow this:

1. Section->feature-columns.liquid-> find home-features-icon under {% schema %} at bottom of page.

2. Change home-features-icon schema to following:

 

 {
          "type": "image_picker",
          "id": "image_pick",
          "label": "Select Image"
        }

So it look like bellow image:

 

product_img.png

 

3. Now find block.settings.home-features-icon and replace this <i> tag to bellow code;

<img src="{{block.settings.image_pick | img_url:'small'}}">

Note: Please keep schema json perfect other wise you get error on save.

 

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Tourist
12 1 0

Thanks for the solution. How can I rename the title in the shopify theme from 'Text Columns with Icons' to 'Text Columns with Images'?

 

Screenshot

0 Likes
Shopify Expert
2530 425 536

You can change title from theme editor where you pointed it will change both title name. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
3 0 0

Hello, thank you for the suggestions on how to replace the icons with an image. unfortunately I struggle with the last step:

<img src="{{block.settings.image_pick | img_url:'small'}}">

It doesn't seem to work, when I replace it, I do get the option to add an image, but the texts go wild... Please advice, Thank you

Storename: shop.sapocycle.com  pass: SAP0Cycl#

0 Likes
Shopify Expert
2530 425 536

send right store url so i can check

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
3 0 0

sorry it is shop.sapocycle.org

I changed it back for the time being. 

 

Thanks! Martine


@Jasoliya wrote:

send right store url so i can check


 

0 Likes
Shopify Expert
2530 425 536

Can you place my code i want to check whats going wrong. right now its icon.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
3 0 0

0 Likes