Support Forum

Linking icons in "Features" particle?

I was wondering if it is possible to have the icons in the Features Particles act as links just as the titles do?
User's by intuition normally click on the icons expecting a link first, before trying to click on the titles. I was wondering if this is possible and what I would need to do to get icons linked as in my screen shot.

Thank you again

Accepted Answer

Wednesday, February 15 2017, 03:02 PM - #Permalink
Hi Fred,

In order to achieve what you want you would need to edit and modify the features.html.twig file.
Here, have a look at this video that I recorded for you. It shows everything.
The reply is currently minimized Show
Responses (2)
  • Accepted Answer

    Wednesday, February 15 2017, 07:58 PM - #Permalink
    Thanks Ivo,

    I followed the video as best I could... the code was different on my copy in terms of line numbers and formatting.. but essentially here is what I changed:

    						<div class="g-content">
    {% if item.icon %}
    {% if item.link %}
    <a target="{{ item.target|default('_parent')|e }}" href="/{{ item.link|e }}">
    {% endif %}
    <span class="g-features-particle-icon {{ item.icon|e }}">
    <span class="g-circle-border"></span>
    </span>
    {% if item.link %}
    </a>
    {% endif %}
    {% endif %}


    I saved and uploaded the new file and recompiled and it works perfect.

    Final question:
    If I wanted to add this to the other styles.. would I simply add the above code under each style?

    THANK YOU!;)
    The reply is currently minimized Show
  • Accepted Answer

    Wednesday, February 15 2017, 10:59 PM - #Permalink
    Hi Fred,

    Your code might be different than the one in the video if you are not using the latest version of the "Features" particle.

    If you want to add this to the other styles, then just modify their code as well. You do not need to do it for "Style 2" and "Style 3" because their icon is already inside the link (it is already clickable).
    The reply is currently minimized Show
Your Reply

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!