button should scroll to a specific section on the page

mb_18
Excursionist
20 0 7

Hello everyone,
I want the button on the start page to lead down smoothly to the three images.

How can i do this?

I am using the debut theme.

 

https://besi-artwork.myshopify.com/

PW: hello18shop12536

 

 

Thanks to all

UmairA
Shopify Partner
872 85 173

Hey there @mb_18,

In your theme customizer > Home page > Slideshow > Button > In the link box add the following text and save.

#shopify-section-feature-columns

 Hope it helps

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
mb_18
Excursionist
20 0 7

@UmairA Thanks for this solution. I already tried this but this jumps directly to the section. Is there a other solution, where it smoothly scrolls to the section?

 

0 Likes
UmairA
Shopify Partner
872 85 173

Hey again @mb_18,

This is the only possible solution. You can make this jumping smooth by using JQuery.

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
0 Likes
Jasoliya
Shopify Expert
4221 569 1041

Hi @mb_18 

Add this code in theme.js file at bottom:

$(".slideshow__btn").click(function() {
    $('html, body').animate({
        scrollTop: $("#shopify-section-feature-columns").offset().top
    }, 2000);
});

Note: remove this id from button you added and change with "javascript:void(0)'

<a href="javascript&colon;void(0)" class="btn slideshow__btn"> 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
mb_18
Excursionist
20 0 7

@Jasoliya Thank you. The first step i have done, but i dont understand the seconde step. Where have I place the code and what link i have to put in my button?

0 Likes
Jasoliya
Shopify Expert
4221 569 1041

For 2nd  step where you added link like:

<a href="#btn slideshow__btn" class="btn slideshow__btn">Button</a>

 

that replace by this

<a href="javascript&colon;void(0)" class="btn slideshow__btn"> 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes