Problem viewing Invoice after Checkout Screen... |
Post Reply |
Author | |
BlackReefDesigns
Newbie Joined: 28-May-2008 Location: San Diego, CA Status: Offline Points: 8 |
Post Options
Thanks(0)
Posted: 11-June-2008 at 6:13pm |
Basically what is happening is the Invoice that the customer views after a product purchase is appearing with a Black background. I went into the CSS and found the code that corresponds to the background color of the invoice. I changed the #000000 to #FFFFFF (I want a white background so it is printer-friendly) but when I change that it also changes the background of the Product Cart main site to white, and that needs to remain black to go with the theme of the site.
So, how I make a White, Printer-Friendly Invoice and keep the black background for the rest of the site? Thanks
Joe
|
|
Joe S.
BlackReef.net |
|
Hamish
Admin Group Joined: 12-October-2006 Location: United Kingdom Status: Offline Points: 56 |
Post Options
Thanks(0)
|
Hi Joe,
A quote from my fav CSS book :- "In order to save ink most web browsers are pre-configured to not print background colors and images" However, most web users, if would hazard a guess, would not be aware of that and so may shy away from printing a form that had a solid black/color background. The file in question here is pc/CustOrdInvoice.asp . You have a several options here :- Change the css file that it uses to an alternative one :- Line 27 in my copy :- <link type="text/css" rel="stylesheet" href="pcStorefront.css" /> You could for example, put the unmodified version of the pcStorefront.css file in place as pcStorefrontOrig.css and then point to this file instead (or a copy that you have customized for yourself). Alternatively, if it's just the background color you can the style "in-line" : #pcMain { background-color: #ffffff } just after line 27. Or add an additional CSS file with your modifications just after the pcStorefront.css Hamish |
|
BlackReefDesigns
Newbie Joined: 28-May-2008 Location: San Diego, CA Status: Offline Points: 8 |
Post Options
Thanks(0)
|
Hamish -
I renamed the pcStoreFront.css and changed the path in the CustOrdInvoice.asp, and it worked great! thanks alot |
|
Joe S.
BlackReef.net |
|
ProductCart
Admin Group ProductCart Team Joined: 01-October-2003 Status: Offline Points: 135 |
Post Options
Thanks(0)
|
The problem with the customer invoice page can also be resolved by using an
in-line style. Simply edit pc/custOrdInvoice.asp by replacing:
<div id="pcMain"> with: <div id="pcMain" style="background-color: #FFFFFF;"> In-line styles have priority over all other styles when using CSS. |
|
Hamish
Admin Group Joined: 12-October-2006 Location: United Kingdom Status: Offline Points: 56 |
Post Options
Thanks(0)
|
Absolutely, on a site with a black background though the text is probably white / pale so may be unreadable - It's just a case of trying out which one suits your needs.
In CSS you can also have print specific CSS stylesheets using a media type ( media=print ) on the link to the stylesheet, which would be used in printing and print previews, although not directly by custOrdInvoice as it's a regular page. |
|
Post Reply | |
Tweet
|
Forum Jump | Forum Permissions You cannot post new topics in this forum You cannot reply to topics in this forum You cannot delete your posts in this forum You cannot edit your posts in this forum You cannot create polls in this forum You cannot vote in polls in this forum |