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.

1

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:

2

Hooking up the button on the single product page

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

3

Add some small CSS to style up the Size Guide table

4

Result