Happening now! Shopify Community AMA: Building a Marketing Budget with 2H Media | Ask your marketing budget questions now!

Adding a Scroll Button and Glow Effect to My Product Page

Adding a Scroll Button and Glow Effect to My Product Page

GuyAtia
Visitor
1 0 0

Hi everyone,

I’m looking for some help with my Shopify product page. I want to add a button that, when clicked, smoothly scrolls the user to a specific section (the bundle section) on the page. Additionally, I’d like the bundle section to have a subtle glow animation when the user scrolls to it.

Here’s what I’m trying to achieve:

  1. A button in the middle of the product page that says something like “View Bundle Offer.”

  2. When clicked, the page should smoothly scroll to the bundle section.

  3. When the bundle section comes into view, it should have a nice, subtle glow effect (not too strong).

I’d prefer to use a Shopify app from the app store if one exists for this functionality. However, if there isn’t an app available, I’d appreciate help with the custom code to make this work.

 

Reply 1 (1)

prashant_mane
Shopify Partner
6 0 0

you can like with custom code
<button id="view-bundle-btn">View Bundle Offer</button>

https://shivukhot67.blogspot.com/2025/02/see-here-for-solution.html

 

banned