Notifications
Clear all
Topic starter
11/02/2022 8:06 pm
Experiencing a really frustrating issue with my site and wanted to see if there is a solution!
I am using the Dawn theme and trying that after clicking a button the customer will be referred to a section in the home page.
I tried to enter the anchor link MANUALLY into the theme, or enter a link via the customizer, but it's not working.
How that can be solved?
Thanks
13/02/2022 3:50 pm
Hi @ben
In order to jump to a specific area of the page upon click, you need to add an ID on the section containing the button and add the same ID to the desired section.
I invite you to follow this tutorial that may help you achieve what you desire.
Kind regards,
Katrine
Topic starter
30/03/2022 5:44 pm
Hi @plaktheme,
I tried to follow the instructions but Shopify doesn't let me save the ID inside the button link
02/04/2022 7:11 am
Hi Ben, I am waiting to hear back from Dev Team on this one. We will be back shortly.
Jasmine | Plak theme support
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution
04/04/2022 2:25 pm
Hi Ben,
The Dev Team thinks the user interface may be confusing you us here. Please follow the steps below:
Steps:
- Go to Dawn theme
- Click on Customize button
- Select any section where the button is
- Under "Button link" enter "#JumpTo"
- Now place the Name anchor inside the theme code where you want to move the cursor on click e.g
- Save
We tested it on our store and it worked fine. We found the experience confusing as well though. When we save ID e.g. #JumpTo and come back to edit page after refresh, the ID is no longer visible (possible Shopify bug). Whereas, on storefront the change actually took place and the link works. Hope this info is helpful to you. Let us know how you go.
This post was modified 3 years ago by Jasmine Keinsh
Jasmine | Plak theme support
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution
Topic starter
07/04/2022 2:57 pm
I tried and it's still not working.
Is it possible to receive an example by using it on Shopify?
Thanks
08/04/2022 11:44 am
Hi @Ben, Sorry to hear that it did not work well for you. All solutions we provide, we try first then we share. It should have worked. Can you please share video of your experience end to end? You can use this free tool to do that: https://www.awesomescreenshot.com/.
Jasmine | Plak theme support
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution
Topic starter
08/04/2022 12:47 pm
Hi @plakadmin,
I attached the example:
https://www.loom.com/share/dde3ed06ef534dc0ab17711f6294ad2b
I tried to make it jump to this section:
it's in the homepage, therefore in the video you see the screen of the index.js code file
Thanks,
Ben
This post was modified 3 years ago by Ben
12/04/2022 6:17 am
Hi Ben, Thanks for sharing the video. Please add the following piece of code just above the div you shared as a new line.
<a href="#JumpTo">Jump To</a>
This post was modified 3 years ago 2 times by Jasmine Keinsh
Jasmine | Plak theme support
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution
Topic starter
13/04/2022 8:42 am
I didn't share a div, it's a JSON file, (index.json which is the file that displays my homepage)
It's not working as you can see here:
Best,
Ben
Welcome to the Shopify Forum Community provided by Plak ThemeLLC, a place where you can discuss about eCommerce and Shopify, solve technical issues, get help with Shopify Design, Apps integration, Marketing, Facebooks ad, Google ads and more.
Before posting, we invite you to read and follow the forum rules | We also support any questions related to Free Shopify themes :Dawn, Express, Minimal, Brooklyn, Narrative, Supply, Debut, Venture, Boundless and Simple