Size chart button in missing from product page

Shopify Discussion

Topic summary

A merchant reported that their size chart button suddenly disappeared from product pages on their Shopify store.

Initial Solutions Provided:

  • Two users suggested adding CSS code to the styles.css file to restore the button visibility using display: block !important;

Complications:

  • The initial CSS fix blocked the checkout process
  • The solution caused product size numbers to display twice

Refined Solution:

  • A more targeted CSS snippet was provided that:
    • Hides the Globo swatch element
    • Displays the selector wrapper and color swatches properly
  • This solution was marked as accepted

New Issues Raised:

  • The merchant opened a follow-up request for a different product with two problems:
    1. “Add to cart” button not working
    2. Need to add a strikethrough on compare price and display final price
  • Password provided for store access: 112233

The original size chart issue appears resolved, but new technical issues have emerged on another product page.

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

Suddenly our size chart button is missing from our product page. Please suggest.

https://taoparis.in/collections/wedges/products/leah-tao-paris-wedge?variant=41590377808068

Mukuldm_0-1674215222013.png
Mukuldm_0-1674215222013.png1120Ă—539 77.4 KB

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >styles.css and paste this at the bottom of the file:
.selector-wrapper.has-pretty-select {
display: block!important;
}

ZestardTech_0-1674219076776.png
ZestardTech_0-1674219076776.png1904Ă—836 115 KB

3

@Mukuldm

.selector-wrapper.has-pretty-select {
	display: block !important;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->styles.scss.liquid

Like This

oscprofessional_0-1674222122341.png
oscprofessional_0-1674222122341.png1411Ă—873 78.8 KB

4

This code is working but this code is blocking our checkout initiative step.

Also, it is opening double product size numbers.

5

@Mukuldm
Hello,

.globo-swatch-product-detail {
  display: none;
}
.selector-wrapper.has-pretty-select, .selector-wrapper.cc-swatches.option--color.has-clickyboxes {
	display: block !important;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->styles.scss.liquid

Like This

oscprofessional_0-1674796119300.png
oscprofessional_0-1674796119300.png1610Ă—906 122 KB

This Solution its useful please like and accept solution

6

https://through-the-lens-shop.myshopify.com/collections/canvas-print/products/wall-art

password- 112233

  1. Need to add a cut on compare price and then show the final price.

  2. Add to cart button in not working on the above product.

please PM