Where/ how to create size chart to upload to a page?

Store Design
1

Hello!

ive seen lots of tutorials about how to create pop up size charts for product pages etc however, i would like to know what people use to upload a main size chart for example, on a size chart page which is traditionally linked in the footer?

Ive tried using the table in shopify pages however, i wanted the table to have different colour rows and this is not possible- ive thought about using canva and just uploading the images however, that doesn’t allow you to create a table [except by using rectangle elements] which is too laboursome.

I just want something like the attached but with different colour rows- where can i create this?

Screenshot 2022-06-06 at 21.44.32.png
Screenshot 2022-06-06 at 21.44.32.png1706×1475 177 KB

2

Hi @wbyw ,

You can use this table generator and place the code inside the product page. See link here

3

You’re such an asset to this forum ! :glowing_star: :glowing_star: :glowing_star: :glowing_star: :glowing_star:

4

Do you know what media query i can add to this to make it mobile responsive? Whats does the compact mode do- does it shorten the script so it should load faster? :slightly_smiling_face: @made4Uo

5

Hi @wbyw ,

I am not familiar with the site. The compact mode seems like a minify code, but does not really important in my opinion.

To make it mobile friendly, I would put the table in a div and set the overflow auto. This way if the table width is bigger, you can scroll it.


  
   Your table contents here
  <table>
</table>

You can also set the font-size smaller on mobile but this really depends on what table you are creating