Jump to content
thirty bees forum
  • 0

Configure print.css to a 1-page thing



Hello, i am trying to change my print.css to get an 1 page print when customers will print or export to a pdf file. At the moment TB creates 2 pages with a lot of useless things on it (like the newsletter box, the cart box, the categories and footer from the lower part, and also the "items in the same category"....
This is not usefull when a customer will print the items details to paper or export it to a pdf file (our customers sometimes do so).

It should be compact on 1 page with only our logo, the picture of the item and the description, price and delivery time/tax and in the lower area our contact/imprint.

How can i change the print.css in our theme folder to this? I already have tried something and i also have deleted most of the things there, but this does not affect any changes when i go to "print" on an product site.

thank you

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

I'm close with this, just wont show the images for some reason. I use a theme based off of the default theme. This is my print.css

edit: Seems to show images in 1.0.3, just not 1.0.4. hmmm

edit2: The problems not showing images was a module I had installed. I got rid of it and now this works fine for me. ``` @media only print {

#header .nav, #header .banner, #header .row > div { display: none; }

#header .row div#header_logo { display: block; }

#center_column { width: 100% !important; }

#leftcolumn, #rightcolumn { display: none; }

#loyalty { display: none; }

.form-group { display: none; }

.menu-content { display: none; }

.breadcrumb { display: none; }

.product_attributes, .box-cart-bottom { display: none; }

.bx-controls-direction { display: none; }

#crossselling { display: none; }

#footer .row > div, #footer .row > section { display: none; }

#footer .row > div#blockcontactinfos, #footer .row > section#blockcontactinfos { display: block; width: 100%; border-left: none; border-top: 1px solid #515151; padding-top: 20px; }

.footer-container #footer h4:after { display: none; }

} ```

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...