A user working with Shopify’s EMPIRE theme (2.0) wants to add a collapsible HTML table to product pages using a rich text block, but cannot find this option in the product page editor.
Initial Problem:
Rich text block not appearing as an option when editing product pages
Goal: Create collapsible table for desktop users only (due to mobile formatting concerns)
Attempted Solution:
User copied the schema from dynamic-rich-text.liquid into static-product.liquid
Rich text block now appears in sidebar settings, but the actual block doesn’t display on the page
No HTML editing option available
Suggested Solutions:
Manual code approach: Edit product-template.liquid file directly, adding custom HTML/CSS for collapsible sections with media queries to hide on mobile (max-width: 767px)
Alternative approach: Use Shopify’s multiline metafield feature with rich text editor (requires less custom coding)
Status: Issue remains unresolved. The user successfully added the rich text block option but cannot get it to display properly or access HTML editing capabilities.
Summarized with AI on November 20.
AI used: claude-sonnet-4-5-20250929.
Hi there. I am currently using the EMPIRE theme which I believe is a 2.0 Theme so I should have the option for rich text but I’m not seeing the theme block for it when editing my product page. Is there an easy way to enable this so I can create a collapsible with an html table for less frequent cases of accessing table info.
I’d also like to potentially have the collapsible show up only for desktop users as a condition with how janky html tables can be for mobile formatting. Appreciate any tips or if there is a better way of going about this let me know! Have a table below product description on this page if you want to get an idea of the size of data for a certain set of skus that I need accessible for select customers: https://apollo-performance.com/collections/pistons/products/je-fsr-piston-set-ej255-ej257
So I was able to locate dynamic-rich-text.liquid and copy over the entire %schema% below the schema in static-product.liquid
I can now select Rich Text block inside my product description section and can edit the settings on the sidebar but the block itself isn’t showing up on the page and there is no option to switch to html either. Thanks in advance if you’ve got any suggestions
To enable the rich text option in the EMPIRE theme and create a collapsible section with an HTML table on your product page, follow these steps:
In your Shopify admin, go to Online Store > Themes.
Click on the “Actions” button next to the EMPIRE theme and select “Edit code” from the dropdown menu.
In the left sidebar, under “Sections,” locate the “product-template.liquid” file and click on it to open it.
Look for the section of code where you want to add the collapsible section and HTML table. You can use HTML and Liquid code to create the desired structure.
To create a collapsible section, you can use HTML and CSS. Here’s an example code snippet:
<div class="collapsible-section">
<div class="collapsible-title">Click to expand</div>
<div class="collapsible-content">
<!-- Your HTML table code goes here -->
</div>
</div>
Add your HTML table code within the <div class="collapsible-content">...</div> section.
Save the changes to the “product-template.liquid” file.
In the theme editor, navigate to the “Customize” tab and click on “Customize theme.”
Under “Sections,” select the section where you added the collapsible section.
Customize the styling and behavior of the collapsible section as desired using CSS and JavaScript.
To show the collapsible section only for desktop users, you can use media queries in CSS to hide it on mobile devices. Here’s an example:
@media only screen and (max-width: 767px) {
.collapsible-section {
display: none;
}
}
Save the changes and preview your product page to see the collapsible section with the HTML table.
Note: It’s important to have a basic understanding of HTML, CSS, and Liquid code to implement these changes effectively. If you’re not comfortable editing the theme code yourself, consider reaching out to a Shopify expert or developer for assistance.