Image with Text Overlay Clickable - Prestige Theme

Store Design

Topic summary

A user is trying to make an ‘Image with Text Overlay’ section clickable to redirect to a collection page in the Prestige theme.

A PageFly representative provided a JavaScript solution with these steps:

  • Navigate to Online Store → Themes → Edit Code
  • Choose the theme.liquid file
  • Add custom code above the tag
  • Modify the selector and element to make it clickable

A follow-up question arose about identifying the correct element selector. The user is testing on a password-protected site and needs clarification on what “yourelement” should be replaced with for the specific Image with Text Overlay section (appears to reference a color-scheme class).

The discussion remains open with the technical implementation details still being worked out.

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

Can’t seem to find a solution to this, does anyone know how make the ‘Image with Text Overlay’ clickable to a collection within a store?

website link - twohoodies.com

Thanks in advance!

2

Hello @TwoHoodies

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can follow the steps below to redirect to another page using JavaScript (you need to change the Selector and the element you want to make clickable)

Step 1: Online Store → Themes → Edit Code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

3

Hey amelia, Im currently trying this on modifiedsix.com pw: modifiedsixhelp and cant seem to figure out what the “yourelement” portion should be. The section in questions is div.class=" color-scheme color-scheme–scheme-4 color-scheme–with-image-overlay"