Dropdown effect on product list

Shopify Discussion

Topic summary

A newcomer wants to replicate the Duke style of the Symmetry theme where clicking a product image reveals additional images in a dropdown on the product list. They ask whether this requires an app or custom code.

  • Guidance: A developer recommends custom theme customization over third‑party apps. They caution that app-based solutions often inject JS (JavaScript), which can conflict with existing customizations or slow page load times.

  • Feasibility: They state they have implemented similar dropdown functionality before and provide example screenshot links to demonstrate the effect.

  • Support offered: The developer offers professional assistance to implement the dropdown, indicating they can handle a dropdown-only solution.

  • Outcomes and next steps: No specific app, code snippets, or step-by-step instructions were provided. The thread does not show a completed solution or a decision by the original poster, so the issue remains open.

  • Notes: Linked screenshots are used to illustrate the proposed approach; there are no attached code samples or videos.

Summarized with AI on February 3. AI used: gpt-5.
1

Hi, I am fairly new to shopify. I was looking at a Duke themestyle of Symmetry theme. If you see Duke demo website, there is a product list of skateboards, and if you click on those pictures, detailed pictures drop down. I want to make something like this. Is there an app or coding needed for this?

2

We recommend achieving this through customization.

The Dropdown Effect On Product List can be achieved through third-party applications. Still, the risk that this carries is that it will include the injection of js, which can hamper existing customization or increase the load time of the particular page.

We already have performed this kind of similar solution for one of our clients. https://prnt.sc/E_bAabj-7idK & https://prnt.sc/SvsyobrR3-mq but only if you want only drop-down. In case you need assistance, feel free to contact us via the below details. We will be happy to help you.

If you find our reply helpful, please hit Like and Mark it as a Solution.

An award-winning North American Shopify Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.