
Add Size Chart Popup on Product Page of Shopify Store
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 {