How to create print functionality

Plugin need to be activate for this: Print Friendly and PDF

To achieve print functionality you need to complete 3 steps.

  1. Configuring plugin
  2. Creating print page
  3. Inserting print button on property detail page

Step 1

After activation plugin navigate to

Dashboard > Settings >Print Friendly & PDF

and configure everything as per following image;

print_plugin

where,

button path is /wp-content/uploads/sites/9/2016/10/PRINT.png

and CSS path is https://yourdomainname.com/wp-content/plugins/resalesonline-webkit/css/style.css

Note: change yourdomainanem with url of web on which you are working.

Step 2

Now create a page with title Print and select Blank page as page template

page_attr

now insert shortcode of print plugin anywhere on page

shortcode: [printfriendly]

now create a page layout as per your desire by using shortcodes of property detail page.

or you can use following shortcode to save time.

[property_details] <table style="border: 0px;"><tr> <td width="156"><img class="alignnone size-medium wp-image-202854" src="/wp-content/uploads/sites/9/2016/07/Logo-Placeholder-e1469858221621.png" width="200"></td> <td width="156"></td> <td width="156"></td> <td width="156"> <div class="pr_email"><b>123 456 789 [email protected]</b></div></td> </tr> <tr> <td class="pr_hd" style="text-align: center;" colspan="4" width="623">[property_detail field="Bedrooms" format="%d Bedrooms" format_singular="%d Bedroom" skipif="0"] in [property_detail field="Type"] [property_detail field="Location"]</td> </tr> <tr> <td class="pr_gal" style="text-align: center;" colspan="4" width="623">[property_gallery]</td> </tr> <tr> <td style="text-align: center;" colspan="4" width="623">[property_detail field="Description"] <div style="height: 80px;"></div></td> </tr> <tr> <td width="156"><strong>Reference:</strong></td> <td width="156">[property_detail field="Reference"]</td> <td width="156"><strong>Price:</strong></td> <td width="156">[property_detail_price field="Price" format="€ %s"]</td> </tr> <tr> <td width="156"><strong>Bedroom:</strong></td> <td width="156">[property_detail field="Bedrooms"]</td> <td width="156"><strong>Bathroom:</strong></td> <td width="156">[property_detail field="Bathrooms"]</td> </tr> <tr> <td width="156"><strong>Plot Size:</strong></td> <td width="156">[property_detail field="GardenPlot" format="%s m<sup>2</sup>"]</td> <td width="156"><strong>Built Size:</strong></td> <td width="156">[property_detail field="Built" format="%s m<sup>2</sup>"]</td> </tr> <tr> <td width="156"></td> <td width="156"></td> <td width="156"></td> <td width="156"></td> </tr> </tbody> </table>

Step 3

Create a button to trigger print functionality. To do so you have to go back to Property page (page which you have created for property details) and insert following shortcode anywhere;

[property_print href="/print" class="print" ]Print[/property_print]

where,

href=”/print” is slug of print page that you created for print layout.

class=”print” is used to control styling of button

Print Friendly, PDF & Email