Custom icons on Expanse theme

[YB1981]

Hello, how can i add custom icons designed myself to the “text colums with icons” section?

[EBOOST]

Hi @YB1981 ,

You need add an option to schema to select. After that you use liquid code to check if you select that option then show your icon.

If you can’t do it. Could you share code of this section, icon as well? I will help to add code for you.

[YB1981]

Hi, thx for your reply. Sorry but you have to guide me a little more. What option do you mean?

[EBOOST]

Hi,

1. Go to Store Online-> theme → edit code

2. Sections/text colums with icons ( find this liquid file)

3. Search “Stopwatch”

4. Follow it to add code

[YB1981]

Hi, ok clear.

I got to that part in the code. What kind of file do we need of the icon.

SVG?

{
“value”: “stopwatch”,
“label”: “t:common.text_with_icons.blocks.column.settings.icon.options.stopwatch.label”
},

[EBOOST]

You need check {% if block.settings.stopwatch %}

[YB1981]

sorry i don’t understand what to do. i can’d find that peace of code. i can find this element

[EBOOST]

You only need replace this code with your svg code.

[YB1981]

Ok clear, and adding a new icon is jus a matter of making a new element and adding that pcs of code to the main code?

[EBOOST]

yes

[YB1981]

thanks a lot!