Hi, i’m trying to create a print button on a CMS collection page. I’m finishing up a website for a client, which is a new website for his real estate properties.
I want to add a print function and seen some website that does work reasonably well. I’ve tried to integrate code from different post on this forum, but it doesn’t seem to work…
*Take note that i’m not a developper and have little coding knowledge.
Browsers control printing, so as Anthony said, you’ll likely need to vary the output a bit using print media query.
In some cases I’ll create an entire second version of the page, just for printing purposes ( no interactions etc etc ), hide it visually but make that the only printed part of the page using print media queries.
Here’s the technique I use…
The reason to do that is you get much better layout control, and you can put a header block, e.g. the logo and phone number and QR code, whatever, specifically for the printed piece.
Another slightly more advanced variation of that is to generate a PDF instead, using a JS lib. That gives you far more polished result, and pixel-level control over printing.