Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
how to open the links of Linkedin, Twitter and Instagram in a new tab?
website: 10xfuel.com
Thx!
Solved! Go to the solution
This is an accepted solution.
Hello @10xfuel
It's GemPages support team and glad to support you today.
I would like to give you a solution to support you.
1. Go to Online Store -> Theme -> Edit code.
2. Open your Sections/footer.liquid theme file.
3. Search with keyword: 'list-menu__item--link'
4. There is 1 result: line 69
5. Replace that whole line of code (line 69) with the following code:
<a href="{{ link.url }}" target="_blank" class="link link--text list-menu__item list-menu__item--link{% if link.active %} list-menu__item--active{% endif %}">
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
This is an accepted solution.
Hello @10xfuel
It's GemPages support team and glad to support you today.
I would like to give you a solution to support you.
1. Go to Online Store -> Theme -> Edit code.
2. Open your Sections/footer.liquid theme file.
3. Search with keyword: 'list-menu__item--link'
4. There is 1 result: line 69
5. Replace that whole line of code (line 69) with the following code:
<a href="{{ link.url }}" target="_blank" class="link link--text list-menu__item list-menu__item--link{% if link.active %} list-menu__item--active{% endif %}">
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
I'd take that a step further and add in a "IF" check as you might have more than one list-menu__item--link menu in the footer. For me I was just targeting the social items from a menu. Hence the {% if block.settings.menu == 'social' %}
{%- for link in block.settings.menu.links -%}
<li>
<a
href="{{ link.url }}"
class="link link--text list-menu__item list-menu__item--link{% if link.active %} list-menu__item--active{% endif %}"
{% if block.settings.menu == 'social' %}
target="_blank"
{% endif %}
>
{{ link.title }}
</a>
</li>
{%- endfor -%}