Added description tabs to Dawn product page not showing up

Store Design

Topic summary

A user successfully custom-coded description tabs into their Dawn theme product page following a tutorial from happypoints.io. However, they’re experiencing a display issue:

The Problem:

  • Tabs display correctly in edit/preview mode
  • On the live site, tabs appear but don’t open or show content
  • The tab functionality is broken in production

Current Status:

  • The user has shared screenshots showing the issue
  • They’re seeking help to diagnose why tabs work in editor but fail on live site
  • Also open to alternative methods for adding description tabs to Dawn theme

This appears to be a common theme customization issue where code behaves differently between Shopify’s editor environment and the live storefront. The discussion remains open with no solution provided yet.

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

Hi dear community,

I custom-coded description tabs into my product product page with the help of this blog https://happypoints.io/blog/add-tabs-to-shopify-product-page-without-app-c2-stt-57/. However, the content inside the tabs only shows up when I’m in edit mode but when I go to the live version it only shows the tabs but they do not open up. Does anyone know what this could be? Or possibly another way to add description tabs to the dawn theme?

image (16).png
image (16).png467×685 26.4 KB

Schermafbeelding 2023-09-19 212351.png
Schermafbeelding 2023-09-19 212351.png837×664 36.9 KB