Help with Slideshow Button Position & Fade-In Scroll Effect (Brooklyn theme)

Technical Q&A
, ,

Topic summary

A user working with Shopify’s Brooklyn theme needs help with two customizations:

Slideshow Button Repositioning:

  • Wants to move the slideshow button label to the top right corner
  • Currently positioned elsewhere on the page

Fade-In Scroll Effect:

  • Seeking to implement a fade-in animation that triggers when scrolling down the website

Proposed Solution:
A respondent suggests:

  • Use CSS property top: 0 targeting the button element’s class or ID for repositioning
  • Locate the slideshow’s initialization JavaScript and add an attribute to enable the fade-in effect

The discussion remains open with only basic guidance provided—no specific code snippets or detailed implementation steps have been shared yet.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I am using the Brooklyn theme and would like to move the slideshow button label to the top right. What code should I use to achieve this?

screen.png
screen.png1399×625 26.4 KB

Additionally, I would like to add a fade-in effect when scrolling down my website. How can I implement this?

Thank you!

2

Hello @jebjebonetwo ,

To align it in top use css top:0 with button element class/ID.

To make it fade-in effect, you need find slideshow initial JS and pass attribute.

Regards
Guleria