Shopify themes, liquid, logos, and UX
Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more!
Hi there,
I've been trying to add a clickable business phone number to our website, but can't seem to have any luck.
I'd like it to be next to the left of the search icon.
Website for reference: www.mvmntsports.ca
Phone number: 604-889-8261
Theme: Streamline
Please help 🙂
Cheers,
Colby
You need to modify some code.
If you don't just add below JS
jQuery(".site-nav__icons").prepend('<a href="tel:604-889-8261" class="site-nav__link site-nav__link--icon js-modal-open-search-modal js-no-transition" aria-expanded="false">Phone</a>');
Thanks
Search with ".js" and you can see theme.js file. Open that and add code into that
If you don't find just add into theme.liquid with below code
jQuery(".site-nav__icons").prepend('<a href="tel:604-889-8261" class="site-nav__link site-nav__link--icon js-modal-open-search-modal js-no-transition" aria-expanded="false">Phone</a>');
Can you send me access your store on devangfour@gmail.com? Or you can WhatsApp me on +918511311811
Or send me screenshot of code
Thanx
Bottom of the theme.liquid put this code
<script type="text/javascript">
jQuery(".site-nav__icons").prepend('<a href="tel:604-889-8261" class="site-nav__link site-nav__link--icon js-modal-open-search-modal js-no-transition" aria-expanded="false">Phone</a>');
</script>
Sorry @ColbyCarter
But, I can't say more without checking the code design
Thank you
User | RANK |
---|---|
133 | |
91 | |
77 | |
71 | |
40 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022