Creating a print page with specific attributes

This thread is resolved. Here is a description of the problem and solution.

Problem: I would like to create a print page with specific styles.

Solution: Use CSS to show and hide different portions of content based on the display medium.

Relevant Documentation:
https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/

This support ticket is created 5 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Tagged: Content Templates, Views plugin

This topic contains 2 replies, has 2 voices.

Last updated by jelle-jacobd 5 years, 11 months ago.

Assisted by: Christian Cox.

Author

Posts

December 11, 2018 at 3:35 pm #1163840

jelle-jacobd

Tell us what you are trying to do?
I/m trying to create a separate print page for my products. How should arrange this? The idea is to place a button on a product page called "print". The link opens a new page which is printable with other or extra added data then displayed on the default product page.

Should I use a new/separate view for this or is there a smarter more simple solution available within toolset?
What's the best way of achieving the required result?

December 11, 2018 at 8:56 pm #1164112

Christian Cox

Hi, there's nothing in Toolset specifically for print styles. What about a print CSS file? That's the standard method of differentiating between screen and print designs for the same content. Here's an article that discusses this approach: https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/

Basically you will output all the markup in the page, but show and hide different portions depending on whether it's being displayed on the screen or in a printed version.

December 17, 2018 at 7:23 am #1167423

jelle-jacobd

My issue is resolved now. Thank you!