Shopify themes, liquid, logos, and UX
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 |
---|---|
64 | |
61 | |
58 | |
48 | |
44 |
Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...
By Trevor May 15, 2023With 2-Factor Authentication being required to use Shopify Payments, we’re here to help yo...
By Imogen Apr 26, 2023