Prestashop 1.7 Print Product Page

[ChrisMessina]

Hello, I am on Prestashop 1.7.5.2 and I can't find the function to print a product page.

I looked in the options and the native modules but I can't find anything.

Has this module been removed from version 1.7 ?

Thank you

[tuk66]

Use Ctrl + P in your browser.

[ChrisMessina]

45 minutes ago, tuk66 said:

Use Ctrl + P in your browser.

I know how to print, but the users don't always do, plus the print display is the mobile version of the page so it's not super useful since it takes 5-6 pages for a simple product page.

I ended up adding a <a href="javascript:print();">Print</a> , plus customizing a "@media print" stylesheet and it works well.

[mobeen]

Hi. Also interested in changing the printing of product page as it prints like 3 pages just for a single product.

Can you tell me how did you modify the media print css files? 

[ChrisMessina]

On 9/22/2019 at 3:46 AM, mobeen said:

Hi. Also interested in changing the printing of product page as it prints like 3 pages just for a single product.

Can you tell me how did you modify the media print css files? 

This is my css for the print media.

I also added some classes to the product page template to be able to hide or align some elements.

@media print { 
 /* All your print styles go here */
    #header-nav, 
    #menu-icon,
    #search_widget,
    #footer,
    .featured-products,
    .js-qv-mask,
    .print-link,
    .product-additional-info,
    a.gformbuilderpro_openform,
    div#group_accessories { display: none !important; }
 
 #_desktop_logo{display:inline-block!important; width:20%!important; float:left!important;}
 
 .header-phone-address{width: 50%; float:left;}
 .header-phone, .header-address {text-align: left!important; float: left; display: block; width: 100%;}
 .header-address {margin-top: 12px;}

 .print-product-image {
    width: 50%;
    float: left;
    border:1px solid black;
 }
 .print-product-price {
    width: 50%;
    float: left;
 }    
}