Button should scroll in a section in the same page

Shopify Discussion
1

Hello guys I have a question, can I some how make a button scroll to an other section in the same page? As you can see in the picture I want this button to scroll down the my review section in the same page.

Bildschirmfoto 2024-12-23 um 15.27.20.png
Bildschirmfoto 2024-12-23 um 15.27.20.png2836Ă—1036 375 KB

2

Hi @NikosBat

I hope you are well. You can follow our instructions below:
Step 1: Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
Step 2: Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
Step 3: Open the file and search for tag and add the following code above tag: https://prnt.sc/Eh_B5z07CaWJ

Here is the code for Step 3:


      BUTTON

image (49).png
image (49).png1424Ă—832 97.4 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

3

Hey DaisyVo thanks for answering that fast, I have a button which already exists in my page, now I want this specific button to scroll to an other section. I don’t want to create a new button which scrolls to an other section

4

Hi @NikosBat

Then you can try this code instead, and please add it above the tag instead of tag.

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

{% if product.id == 9362686280012 %}
{% style %}
a.testimonials-btn-template--22708756021580__ss_testimonial_16_JddWt4 {
    position: fixed !important;
    z-index: 99999 !important;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
}
{% endstyle %}
{% endif %}

image (50).png
image (50).png1452Ă—900 183 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

5

Thanks for your reply DaisyVo but the code didn’t work for me :confused:

6

Hi @NikosBat

Sorry for sharing the wrong guide for that part:

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
Step 2: Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
Step 3: Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

7

Hi @NikosBat

Do you mean scroll to another section on the same page after clicking on it?

Please add ID of section that you want to scroll to it to make it work or share you page so I can let you know what should you add to link of button.

8

Hello Dan-From-Ryviu, how can I do that? Can you please send me the full code

9

Hello TheUntechnickle, how can I do that can you send me the full code please?

10

Please share your store link and let me know which section that you want scroll to when clicking to button.