I want to link the drop down menu to a button embedded in the main page.

Shopify Discussion
,

Topic summary

A user wants to modify their Shopify site so that clicking a button embedded in an image (labeled “check out our product range”) triggers the product dropdown menu in the header to open automatically, rather than navigating to a separate page.

Current Setup:

  • Button is embedded within an image on the main page
  • Clicking currently redirects to another page

Desired Behavior:

  • Button click should open the existing header product menu dropdown
  • Keep users on the same page while displaying product options

Proposed Solution:

  • One respondent suggested adding JavaScript code to the theme.liquid file
  • The response appears incomplete, but indicates a custom code approach is needed

Status: The discussion remains open with no complete solution provided yet. The technical implementation details for triggering the dropdown menu programmatically have not been fully explained.

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

I have a button embeded in an image that says ‘check out our product range’. Instead of clicking this button and going to another page, I want to click this button and the product menu opens automatically from the header.

This is the button I want to push and I want it to open the menu in the image below.

Lizpellow_0-1726713973144.png
Lizpellow_0-1726713973144.png1030×330 134 KB

Lizpellow_3-1726714067868.png
Lizpellow_3-1726714067868.png577×553 15.1 KB

This image shows all the options on the one page.

Lizpellow_2-1726714047559.png
Lizpellow_2-1726714047559.png1555×610 158 KB

Thanks for your help.

2

Add js code to theme.liquid file