Narrative Theme - Add a "Buy" button in the Header

Technical Q&A
2

There are couple of ways with which you can achieve it.

  1. Using edit code in theme, If you are comfortable with editing your theme code then I can help you to add Buy button directly to theme

  2. Using Navigation, add last as Buy Link, Later with CSS we can add code to highlight and pop that as a button.

Added button with solution 1
Added button with solution 1994×361 34.7 KB

Code added :

      <a href="#" class="button btn">BUY</a>

I have added this code to header.liquid
Line Number : 217, if you haven’t edited this file then it will be there.

image.png
image.png1903×937 104 KB

Let me know if you face any issue with it.

You can always play with css for button styling.

Regards
Robin

if this solution solve your problem, you can mark it selected :wink: