How to smooth scroll from my product ratings stars above to product reviews below the page

Shopify Discussion
1

Hi everyone,

I’m currently working on my dawn theme to replace my old debut theme. I want to make product ratings stars clickable and when the user clicks it, it will smooth scroll below the customers reviews.

Store URL: https://23awtqkt6p2nl1qi-13830324282.shopifypreview.com

See photo Below.

This is the product ratings beside the product photo. I want it to be clickable and smooth scroll to the product reviews section.

IntechCarl_0-1700647712038.png
IntechCarl_0-1700647712038.png1143×825 119 KB

Here is the Product reviews section below the product description. This is where I want the user to go when they clicked the product ratings stars. I want it to be like smooth scroll

IntechCarl_1-1700647785736.png
IntechCarl_1-1700647785736.png1173×838 55.7 KB

2

Hi @IntechCarl

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like
3

@theycallmemakka Thank you! Greatly appreciated!