How can I display two separate size charts in Prestige theme with buttons?

Store Design

Topic summary

A user wants to implement two separate size charts in the Prestige theme, each triggered by its own button:

Requirements:

  • Button 1: displays an “UNSTITCHED” size chart
  • Button 2: displays a “STITCHED” size chart
  • Desired format appears to be tab-style buttons

Attempted Solution:
A community member (Transcy) provided initial guidance involving:

  • Uploading two size chart images to the Assets folder via theme code editor
  • Adding custom markup code to the product-template.liquid file

Current Status:

  • The proposed solution did not work as expected
  • The original poster clarified they want a tab-style button interface (referenced with an image)
  • The issue remains unresolved and requires further troubleshooting

Note: Some text in the conversation appears corrupted or reversed, making certain technical details difficult to verify.

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

How can I create two different size chart in Prestige theme using two buttons
when click one button then show the first UNSTITCHED size chart
when click second button then show the second STITCHED size chart

Here is the URL for reference

https://baroque.pk/products/ec-05?variant=39745420558403

2

Hello @jaygolash1 ,

Here’s a general guide for you:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → upload your 2 size charts

Go back to product-template.liquid file

Add this following code

Save and test.

Hope this can help.

Transcy

3

Sorry @Transcy It is not working
I want to do create the button like this a tab
You may please view in the picture