Add Size Chart Popup on Product Page of Shopify Store

Add Size Chart Popup on Product Page of Shopify Store

Was $15.00 SAVE 67%
$5.00
{{option.name}}: {{selected_options[option.position]}}
{{value_obj.value}}

Create a product metafield and name it sizechart select type file. Create new snippet ‘sizechart’ and paste attached code. <style>   .sizeguide-button {     margin-left: auto;     font-size: 1em;     color: #000;     cursor: pointer;     transition: all 0.3s ease-out;     text-decoration: underline;   }   .sizeguide-button:hover {     /* text-decoration: none; */   }   #sizepopup.overlay {     position: fixed;     z-index: 9;     top: 0;     bottom: 0;     left: 0;     right: 0;     background: rgba(0, 0, 0, 0.7);     transition: opacity 500ms;     visibility: hidden;     opacity: 0;   }   #sizepopup.overlay:target {     visibility: visible;     opacity: 1;   }   #sizepopup .popup {     margin: 70px auto;     background: none;     border-radius: 5px;     width: 35%;     position: relative;     transition: all 5s ease-in-out;   }   #sizepopup img {     border-radius: 2px;   }   #sizepopup .popup h2 {

Show More Show Less

Price History

$1,500 (+$1,480.01)
$15 (-$1,485)
$5 (-$10)