Custom parameter targeting icon (FA) for component

[Florian_FR]

Hi Themeco Team,

I need some help to get a custom parameter for icon in a customised component.
I am comfortable with the custom parameter logic, i’ve done it for headlines, links for instance.

but in the case of FA icons, i can’t see where put the variable as {{dc:p:icon}} … because there’s no text-input for icon (obviously).

If someone can help me, it will be appreciated

thanks

[tristup]

Hi Florian,

Thanks for reaching out.
Can you please explain what exact value the {{dc:p:icon}} returns? If it returns some value like fa-solid fa-magnifying-glass that can be set <i> tag like the following.

<i class="{{dc:p:icon}}"></i>

If that is not the case, please explain a bit more and share the exact structure which shows the return value. That helps us to recognize it.

Thanks

[Florian_FR]

Hi Tristup,

Thanks for your reply

The value {{dc:p:icon}}

is extract from parameter

{
“icon” : {
“type” : “fa-icon”,
“label” : “Icon”,
“initial” : “circle”,
“renderInFrame”: true
},

But in this case, i don’t found where to put the value {{dc:p:icon}} in the icon option panel to link it with the parameters

I put some screenshots as instance to be more clear

thank you

PS : Sorry, i can only upload just one screenshot (instead of 4)

[Florian_FR]

[Florian_FR]

[ruenel]

Hey @Florian_FR,

Enable the Breakout Mode:

• https://theme.co/docs/dynamic-content#using-breakout-mode

https://www.youtube.com/watch?v=ZWEiV7brtJk

This is where you can put your parameter:

Hope this helps.

[Florian_FR]

Hi @ruenel ,

It works !! Thank you very much (both of you)
i learn something about the breakout mode, it will be helpful a lot !

Have a nice day

Florian

[ruenel]

You are most welcome, Florian.