O'Reilly logo

Magento 1.4 Themes Design by Richard Carter

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating a custom print stylesheet for your Magento theme

As you will doubtlessly have noticed by now, a good print stylesheet for your store needs to do at least two things:

  1. Hide any unnecessary or useless content: this is especially true of elements in your store that a customer could usually interact with on their screen (for example, navigational links and forms).
  2. Restyle the remaining elements to be more suitable for print, especially in terms of the colors used.

You can continue to customize the print view of your Magento store by creating a new CSS file called m2-print.css and saving it in your theme's /skin/frontend/default/m2/css directory. Open this file for editing, and begin adding custom CSS rules to hide and style the relevant elements ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required