Announcement

Collapse
No announcement yet.

Printer Friendlier Product Pages?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Printer Friendlier Product Pages?

    Using the Suivant Readytheme at www.homesurplus.com -
    Selecting "Print Preview" on any product display page reveals that no product on our site can be printed out by a customer using only one page.
    ..
    Not all customers know about, or will use their browser's "print preview" even if it has that option and is easy to find.
    If they DO, even printing just the first of many pages ( usually requires 3) or reducing the display percentage to 60% in the browser, shrinks the info down to
    a tiny font size and produces wide bands of space.
    ..
    It also shows that the Page Header, "Add to Cart" and all of the Attribute drop-downs will print as well.
    ..
    Is there a safe edit to the print.css file that will allow customers to print JUST the product name, image and description?
    ..
    Thanks Much in advance!

    #2
    You can add your own print.css file to hide elements and only show the stuff you want so when a customer prints the page it only has the info you need. You'll need to manually create this file and upload it via FTP to to the site.
    Brennan Heyde
    VP Product
    Miva, Inc.
    [email protected]
    https://www.miva.com

    Comment


      #3
      Thanks Brennan! I've given that a try, and it DOES take the excess bulk out of printing the Product Display Page. I'm running into another problem though.
      on our www.homeplususa.net site, It won't print the product's price or item number.
      Sample product:
      http://www.homeplususa.net/mm5/merch..._Code=VWHV4821 D
      Checking out "Print Preview" shows both of those items left out.. and I don't know how i de-activated them for PRINT.
      ..
      Here is what I added at the bottom of the print.css file:

      #js-main-header {
      display: none;
      visibility: hidden;
      }

      #js-mini-basket-container{
      display: none;
      visibility: hidden;
      }

      .form-row {
      display: none;
      visibility: hidden;
      }

      .breadcrumbs {
      display: none;
      visibility: hidden;
      }

      form{
      display: none;
      visibility: hidden;
      }

      input{
      display: none;
      visibility: hidden;
      }

      .product-information--images {
      width: 300px;
      height: auto;
      }

      .product-information--description
      {
      font: 15px arial, sans-serif;
      width: 300px;
      height: 300PX;
      }

      .bg-gray {
      display: none;
      visibility: hidden;
      }

      .disclaimers {
      display: none;
      visibility: hidden;
      }
      }


      I don't know how to identify and single-out Miva "Items" in the CSS. I thou

      Comment


        #4
        This is an excellent question and point. I'm thinking a print.css file should be included with each ReadyTheme - I have a number of store owners that want to print out either product pages or category pages. No wonder they are complaining about all the ink it takes!!!

        On a similar note, I also have a couple of stores that like being able to take the Open PDF in Preview function - that's a mess too.
        Leslie Kirk
        Miva Certified Developer
        Miva Merchant Specialist since 1997
        Previously of Webs Your Way
        (aka Leslie Nord leslienord)

        Email me: [email protected]
        www.lesliekirk.com

        Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

        Comment

        Working...
        X