Help Needed - How to launch New Window for SHOP Button?

Tourist
36 0 1

Can the SHOP button in Debut Theme be made to launch a new window when clicked?

 

https://custombc.myshopify.com

 

What code snippet should I add to which Liquid file to make the SHOP button open in a new window?

0 Likes
Excursionist
11 1 0

Just go to the Theme Code and add the target attribute for A tag - target="_blank"

 

<a href="/collections" class="btn hero__btn" aria-label="SHOP" target="_blank">SHOP</a>

 

a-attribute.png

0 Likes
Tourist
36 0 1

Thanks @duchuynh!

 

Do you know how to add a WhatsApp icon in the same row of social media icons in the footer?

 

https://custombc.myshopify.com

0 Likes
Excursionist
11 1 0

hi @bcfranc - just follow this https://www.plobalapps.com/knowledge-base/how-to-add-social-media-buttons-to-shopify/

 

Let me know if you need my help. 

0 Likes
Tourist
36 0 1

Thanks for the link @duchuynh : )

 

I can't locate Assets folder mentioned in the tutorial. Any idea if they were referring to Settings/ Files instead?

 

 The following steps will guide you to add social media buttons into your theme:

    Login to Shopify admin.
    Navigate “Online Store” and then click “Themes”.
    Open the Asset folder
    By scrolling down you will find a link “Add a new asset”. Click on the link.
    After clicking you will get a list of icons file, select the icon file you want to upload and then click “Upload asset”
    The icon button is now available. The button will start working once you add in the code to it. To add code open the “theme.liquid” file.
    The button will be displayed in your theme depending on the code you have pasted in the line. You can see an example of the code for Twitter below. The same can work for Facebook, Pinterest and other social media also.
0 Likes