Shopify themes, liquid, logos, and UX
Hi,
I'm using Dawn theme, can someone help me with the code and where to put it if I want visitors to click on the button in the Homepage Header and for it to anchor to the bottom of the Homepage to the Contact Form?
See image.
My website URL is homewithhone.com
Thanks!
Solved! Go to the solution
This is an accepted solution.
Hi @homewithhone , you can put code this in bellow text comming soon same my image here:
https://prnt.sc/4MbOw-sLcUTD
<a class="button" href="#shopify-section-template--18545689362724__004dc5ad-8ca5-4c35-90db-b351ed34f4aa">anchor link</a>
it will work for you
Thank you
This is an accepted solution.
Thank you! I used a combination of your solution 🙂
I was able to adjust the anchor link you sent me and paste it in the URL section of the button.
#shopify-section-template--18545689362724__004dc5ad-8ca5-4c35-90db-b351ed34f4aa
This is an accepted solution.
Hi @homewithhone , you can put code this in bellow text comming soon same my image here:
https://prnt.sc/4MbOw-sLcUTD
<a class="button" href="#shopify-section-template--18545689362724__004dc5ad-8ca5-4c35-90db-b351ed34f4aa">anchor link</a>
it will work for you
Thank you
This is an accepted solution.
Thank you! I used a combination of your solution 🙂
I was able to adjust the anchor link you sent me and paste it in the URL section of the button.
#shopify-section-template--18545689362724__004dc5ad-8ca5-4c35-90db-b351ed34f4aa
This is BSS Commerce - Full-service eCommerce Agency. We'd love to suggest you this solution:
First, you can go to the contact-form.liquid file in the edit code section of the online store.
Find the following code line:
<div class="color-{{ section.settings.color_scheme }} gradient" >
and add this code snippet id="contact__form". Result:
<div class="color-{{ section.settings.color_scheme }} gradient" id="contact__form">
Then go to the image-banner.liquid file. Find the following code line (you can search with the keyword 'banner__content banner__content').
And add the following code line to the red highlighted area:
<a href="contact__form" style="display: block; color: white;">Sign me up</p>
After adding it will become:
If you need me to style the sign-me-up button, just let me know.
Hope this helps you.
---------
BSS Commerce - Shopify Apps & Development Services Provider
Level up your Shopify store with our B2B & B2C apps
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Thanks for responding! I tried this but unfortunately I got a 404 error when I clicked on the 'Sign me up' button. I was able to figure it out with another solution though. Thanks!
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024