Button should scroll to a specific section on the page

Store Design
1

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

1 Like
2

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

1 Like
3

@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?

4

Hey again @mb_18 ,

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

5

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)’

1 Like
6

@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?

7

For 2nd step where you added link like:

Button

that replace by this