Adding Button to Header - Trade Theme

Solved

Adding Button to Header - Trade Theme

notsogood1
Tourist
13 0 1

Hi all! 

Could anyone please walk me through how to add a clickable button to the header in trade them? I want it over by the cart and search icons. My site isn't live yet.

 

Any help would be greatly appreciated! Thank you!

 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
8399 1652 1666

This is an accepted solution.

Oh, you added in 157 line. You should add it around line 256

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 8 (8)

Dan-From-Ryviu
Shopify Partner
8399 1652 1666

Hi @notsogood1 

You can do that by opening the header.liquid file in Online Store > Themes > click "..." next to Trade theme > Edit code, find this line of code 

{% render 'header-search', input_id: 'Search-In-Modal' %}

Add this code above it 

 <a href="your-URL" class="button header__icon link focus-inset">button</a>

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

notsogood1
Tourist
13 0 1

Hi! Thank you so much for responding. It's giving me an error message when I try to save it.  I did have the link in their previously but took it out to see if the link was the problem. This is what it says:

  • Liquid syntax error (line 157): Unknown tag '<a href="your-URL" class="button header__icon link focus-inset">SELL</a>'
Dan-From-Ryviu
Shopify Partner
8399 1652 1666

Could you take a screenshot of the code where you placed it?

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Dan-From-Ryviu
Shopify Partner
8399 1652 1666

This is an accepted solution.

Oh, you added in 157 line. You should add it around line 256

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

notsogood1
Tourist
13 0 1

Got it! Thank you so much! One more question, my apologies. Is there a way to change to button size and color?

Dan-From-Ryviu
Shopify Partner
8399 1652 1666

Could you send me your store URL so I can check and give you the code? 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

notsogood1
Tourist
13 0 1

I actually figured it out. Thanks!

notsogood1
Tourist
13 0 1

Hi! I was actually able to figure it out. Thank you so much for your help!