How to create a simple Size Guide pop up (lightbox)

In this example we'll create a Size Guide pop up. You could use or change any content to fit your needs as this can be used for other things then a Size Guide to.


Create a block

Name it Size Guide so the block shortcode will be [block id="size-guide"] and paste next code in the plain text editor:


Hooking up the button on the single product page

or alternatively only output the button and pop up on products with specific categories:


Add some small CSS to style up the Size Guide table