Hello the Shopify community!
Hope you are all doing well :)
I'm using the Narrative Theme, and would like to add a "Buy" button directly in the top right of the Header, next to the basket icon (if possible on Mobile and Desktop), as you can see here on the Apple website :
My content is quite long on my Homepage (I sell 1 product, so I will only use the Homepage), and it would be great if my customers could buy from everywhere on my page through the sticky Header.
Do you know how I could do that?
I already had a look at the other topics, but could find any solution working on this theme.
Many thanks for your help, and do not hesitate to get back to me if you need more information :)
Have a great day,
Solved! Go to the solution
This is an accepted solution.
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.
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.
Let me know if you face any issue with it.
You can always play with css for button styling.
if this solution solve your problem, you can mark it selected ;)
If its good you can mark it as Solved ;)