What's your biggest current challenge? Have your say in Community Polls along the right column.
Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Printable Product Page [DON'T BUY AN APP HERE'S SOME FREE CODE]

Printable Product Page [DON'T BUY AN APP HERE'S SOME FREE CODE]

gravyhtx
Visitor
3 0 3

Hello everyone!

Check it, yo... I am working on a project for a client that needed a Tear Sheet added to their product pages. If you aren't familiar with a "Tear Sheet", it is just a simple document for your clients to print out or save as a PDF with just the essential info they need. It's just a white background page your LogoTitle, Image, Description, SKU, Barcode (stay tuned for a clever hack...), and Price.

Easy, right? Turns out not so much.

So I searched around the Apps and found an option that had a ridiculous monthly fee and when I checked out the trial that created the printable, watermarked PDF... let's just say as a designer, it looked disgusting. I was very unimpressed to say the least... yeah, you know who you are you greedy jerks.

I already got paid to make this code anyway so I want you all to save your money instead of needlessly subscribing to a feature that your clients likely won't use enough to justify the (again...) RIDICULOUS!!! monthly fee even remotely worth paying just to add a button to print out your products' info. Tbh no idea why this isn't a feature already, but since it's not I have provided some quite simple code to add to your Theme with thorough instructions so even if you have minimal to no coding experience you or whoever you annoy to help you with nerd things can add my code to your website and enjoy not paying for an overpriced, poorly done app. 

So here is the link to the [Liquid/HTML] code. You can thank me by following me on GitHub, clicking on that star on the top right, and/or adding me on IG [@gravyhtx]... or not and just use this idc. Ofc I have no shame in taking a donation for saving you a s**t ton of money on that app... still like seriously wtf you horrible, horrible people.

 

https://github.com/gravyhtx/shopify_product-tear-sheet

 

Hey look... here's another sick hack!
Did you know...

You can write whatever you want in the barcode?? That's what I did. I used it to add the product Dimensions for this client. You can use it for whatever you want instead of (again) paying for an app to add something so simple. Use it for the SKU even... idc it's your project do as you will, dudes.

 

** Note to all you fellow devs... please notify me of any bugs you find or ask me about any questions you may have so we can make this as useful as possible. Tested in Chrome and Safari web browsers with code to easily make edits to other browsers that print out weird... I had trouble with Safari so I made it easy to make changes to any other browser. **

Made with love by Grävy Design Co. // @gravyhtx

Reply 1 (1)

Kajhhg
Visitor
1 0 0

Hi @gravyhtx,

 

Are you available for hire to assist getting this properly setup on our site? We've gotten the tear sheet button added, but can't get it to pull the information correctly.

 

If so, what is the best way to contact you directly?

 

 

Thank You,

 

Kaj