Adding a custom print style sheet to your Magento store

So far, you've styled your Magento store for electronic screens, but what about for those customers who want to print product pages? Even in this digital age, some customers like to print details of a product and review them offline.

You can specify a separate CSS file in your Magento theme to be applied when your documents are printed. By default, Magento inherits the print.css file in the /skin/frontend/default/default/css/ directory, which provides some basic styling for printed documents, such as removing navigation and the store's footer, as shown in the following screenshot:

As you can see, there is still some work to be done here, as the sidebar content (the Facebook box) isn't functional or useful when the page is printed!

Tip

You can view the print version of your Magento theme in most browsers by using the Print preview tool.

You can overwrite the print.css style sheet for your theme by creating a file called print...