How to create a printable product tear sheet with full details?

mmorris
Tourist
10 0 1

Hello! I'm trying to create a button on my product pages that when clicked create a tear sheet that is able to be printed that include the items image, description, selected variant information, details & specs, etc.

 

I have been referencing this code https://github.com/gravyhtx/shopify_product-tear-sheet but as is the button is able to render a tear sheet that only displays the currently selected items title and no other information. I'm receiving an error: Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')

I have tried adding ID's onto the divs of my product pages according to my document.getElementById's but they're still showing as null.

 

Any ideas what I am doing wrong?

Replies 0 (0)