Need Help - How to make Testimonials Links open in a New Window?

Tourist
36 0 1

Anyone know how to make Testimonial links open in a new window?

 

Testimonials.png

 

I used the Testimonials Section in the Debut Theme and want to make XYZ open a new window when clicked.

 

Testimonials Panel.png

 

The website link is https://custombc.myshopify.com

0 Likes
Shopify Expert
2474 415 522

hi @bcfranc 

Follow this:

1. Open Section-> quotes.liquid ->find  "type": "richtext" and  change to  "type": "textarea" like bellow image

2. Open your theme editor and now you can add html to text section so add like bellow:

<a href="https://www.shopify.com" target="_blank">XYZ</a>

text.png

 

Note: Now you can add html tag in this section. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Tourist
36 0 1

Great stuff, thanks @Jasoliya!

 

Any idea if this tweak will work across all sections or only for Testimonials in the Debut Theme?

0 Likes
Shopify Expert
2474 415 522

If solved then complete this post so user can find,

also yes if you change any block to "textarea" then you can add your html code and if you set as reach text then it work as text editor but cant set html tag.

Let me know if you need any further help.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Tourist
36 0 1

Noted, thanks @Jasoliya : )

0 Likes
Tourist
36 0 1

Hi @Jasoliya, thanks for the advice you provided on making links launch in new windows.

 

Can the same be done for the social media links in the Debut Theme footer here - https://custombc.myshopify.com ?

0 Likes
Shopify Expert
2474 415 522

Hi, have you added this section on page? 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Tourist
36 0 1

Hi @Jasoliya, yes I've added the Facebook and Instagram links to the Footer - https://custombc.myshopify.com

 

Can those types of social links launch in a new window when clicked on Desktop or tapped on Mobile?

0 Likes
Shopify Expert
2474 415 522

Open Section->footer.liquid->find {%- if social_icons -%} this condition on file so inside this condition you can see all social link

like this:

<a class="social-icons__link" href="{{ settings.social_facebook_link | escape }}" aria-describedby="a11y-external-message">
      {%- include 'icon-facebook' -%}
      <span class="icon__fallback-text">Facebook</span>
</a>

So you just need to add target="_blank" in <a> tag

So it look like:

<a target="_blank" class="social-icons__link" href="{{ settings.social_facebook_link | escape }}" aria-describedby="a11y-external-message">
      {%- include 'icon-facebook' -%}
      <span class="icon__fallback-text">Facebook</span>
</a>
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Tourist
36 0 1

Thanks for the code snippet @Jasoliya.

 

It seems to break the link of the social media icons though. Any idea why?

 

I didn't add it to one of social media icons and only that icon works - https://custombc.myshopify.com

0 Likes