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

Re: Open footer menu link in a new tab (dawn theme)

Solved

Open footer menu link in a new tab (dawn theme)

10xfuel
Pathfinder
134 0 15

how to open the links of Linkedin, Twitter and Instagram in a new tab? 
website: 10xfuel.com

Thx!

10xfuel_0-1671633695463.png

 

Accepted Solution (1)

GemPages
Shopify Partner
5625 1262 1292

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

 

Screenshot at Dec 21 21-51-04.png

 

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.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 2 (2)

GemPages
Shopify Partner
5625 1262 1292

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

 

Screenshot at Dec 21 21-51-04.png

 

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.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
ebrenes
Shopify Partner
5 0 2

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 -%}