"Product Information" template: horizontal vs vertical menu (Dawn theme)

Store Design
, ,

Topic summary

A user asks how to modify the product information page in the Dawn theme to display horizontal menu tabs instead of the default vertical dropdown menu. They provide a screenshot example from their website (10xfuel.com) showing the desired layout.

Solution Provided:

  • Another user suggests implementing jQuery UI tabs functionality
  • Provides a link to the jQuery UI tabs documentation as a reference

Current Status:

  • The original poster asks a follow-up question about where to insert the respective code
  • This question remains unanswered, leaving the implementation details unresolved
Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
1

how can the product information page modified like this (=horizontal menu tabs instead of vertical dropdown menu):

10xfuel_0-1671696840077.png
10xfuel_0-1671696840077.png1732×848 139 KB

website: 10xfuel.com
https://www.10xfuel.com/products/morning-fuel

2

@10xfuel
Use tabbing https://jqueryui.com/tabs/

3

thank you! Where do I insert the respective code?