ProductCart Shopping Cart Software Forums : Make CSS styling easier https://forum.productcart.com/ Copyright (c) 2006-2013 Web Wiz Forums - All Rights Reserved. Sat, 11 Apr 2026 03:41:37 +0000 Tue, 29 Jun 2010 15:30:21 +0000 http://blogs.law.harvard.edu/tech/rss Web Wiz Forums 12.04 360 https://forum.productcart.com/RSS_post_feed.asp?TID=3780 <![CDATA[ProductCart Shopping Cart Software Forums]]> https://forum.productcart.com/forum_images/pc_logo_50.png https://forum.productcart.com/ <![CDATA[Make CSS styling easier : Ok, here&#039;s an item that definitely...]]> https://forum.productcart.com/make-css-styling-easier_topic3780_post14798.html#14798 Author: Guests
Subject: 3780
Posted: 29-June-2010 at 3:30pm

Ok, here's an item that definitely needs to be removed:
opc_chooseShpmnt.asp line 738: 




               strUPSFooter="<tr bgcolor='#FFFFFF'><td colspan='3'><table width='100%' border='0' cellspacing='0' cellpadding='3'><tr><td> . . .


Hard coded white background. Might be nice to even assign this a class so it could be control easily via CSS.]]> Tue, 29 Jun 2010 15:30:21 +0000 https://forum.productcart.com/make-css-styling-easier_topic3780_post14798.html#14798 <![CDATA[Make CSS styling easier : One other thought... for you Mozilla...]]> https://forum.productcart.com/make-css-styling-easier_topic3780_post14716.html#14716 Author: RedLeafDev
Subject: 3780
Posted: 14-June-2010 at 11:49am

One other thought... for you Mozilla users - Firebug works in the same way as Chrome's Inspect - which does make the task less time consuming and helps in general with layout troubleshooting tasks.]]> Mon, 14 Jun 2010 11:49:32 +0000 https://forum.productcart.com/make-css-styling-easier_topic3780_post14716.html#14716 <![CDATA[Make CSS styling easier : Well, it certainly took me longer...]]> https://forum.productcart.com/make-css-styling-easier_topic3780_post14709.html#14709 Author: Guests
Subject: 3780
Posted: 12-June-2010 at 10:26pm

Well, it certainly took me longer than two hours using Google Chrome's Inspect Element tool just to find everything (which is nice because it tells you exactly where are the styles that are actually being applied are coming from in all of the various style sheets, right down to the line).

But yeah, OPC is the biggest challenge here. The stuff in pcStorefront.css, there are quite a few places that could just use a transparent background instead of being defined as #fff, but with OPC, not so much.

There's one more sheet if you want to style the popup for folks returning to the site with saved/abandoned cart: /productcart/includes/jquery/themes/redmond/jquery-ui-1.7.2.custom.css/

That's a tricky one. Still don't have it perfect on the button effects.

The other issue is some of the icons. It would be nice if they could all be PNGs with transparencies. This one totally needs to be created like that: pc/images/pc_checkmark_sm.gif. Transparent GIFs are so circa 2000, LOL!

But thank you so much for taking this under advisement.

On the up side, you guys have done a fabulous job of making sure all of the hooks are there for CSS. Didn't have to edit source code once to create a hook. Just a matter of finding all of them and editing them... and refreshing a million times ;-)

I did have one curious issue, though: includes/spry/SpryTabbedPanels-SHIP.css -- I just couldn't get this sucker to clear cache for some reason. Finally ended up checking it on a different computer.]]> Sat, 12 Jun 2010 22:26:12 +0000 https://forum.productcart.com/make-css-styling-easier_topic3780_post14709.html#14709 <![CDATA[Make CSS styling easier : Using ProductCart with a non-white...]]> https://forum.productcart.com/make-css-styling-easier_topic3780_post14708.html#14708 Author: ProductCart
Subject: 3780
Posted: 12-June-2010 at 9:40pm

Using ProductCart with a non-white background is not hard to do. It's just more time consuming than it should be. We completely agree.

According to our own experience, it takes up to 2 hours to customize everything, which is clearly too long.

The part that's particularly time consuming is One Page Checkout, so if you keep that portion of the design on a white background, it speeds things up.

Just as a reference, the files to edit are:
  • pc/pcStorefront.css
  • pc/onepagecheckout.css
  • includes/spry/SpryAccordionOPC.css
  • includes/spry/SpryTabbedPanels-SHIP.css
Anyway... yes, we do plan on doing work on this in the future to streamline the CSS used by our shopping cart software and make it simpler to switch to a non-white background.

Thanks for your feedback!
]]> Sat, 12 Jun 2010 21:40:20 +0000 https://forum.productcart.com/make-css-styling-easier_topic3780_post14708.html#14708 <![CDATA[Make CSS styling easier : Glad to hear it EI! Maybe a future...]]> https://forum.productcart.com/make-css-styling-easier_topic3780_post14704.html#14704 Author: RedLeafDev
Subject: 3780
Posted: 12-June-2010 at 9:03am

Glad to hear it EI! Maybe a future enhancement?
 
This has been an issue for us before. We've even gone as far as to put into our design specs that at least the center of the interior pages needs to have a white background.
 
Amy
]]> Sat, 12 Jun 2010 09:03:15 +0000 https://forum.productcart.com/make-css-styling-easier_topic3780_post14704.html#14704 <![CDATA[Make CSS styling easier : Sean: we agree. This needs to...]]> https://forum.productcart.com/make-css-styling-easier_topic3780_post14703.html#14703 Author: ProductCart
Subject: 3780
Posted: 12-June-2010 at 3:52am

Sean: we agree. This needs to be improved.]]> Sat, 12 Jun 2010 03:52:07 +0000 https://forum.productcart.com/make-css-styling-easier_topic3780_post14703.html#14703 <![CDATA[Make CSS styling easier : I just did my first &#034;black/#000&#034;...]]> https://forum.productcart.com/make-css-styling-easier_topic3780_post14702.html#14702 Author: Guests
Subject: 3780
Posted: 12-June-2010 at 3:11am

I just did my first "black/#000" styled theme tonight. It was a nightmare.

PC CSS and imagery seems to assume everything will go against a white/#fff background.

My suggestions so far are to let the background color be defined in the body element of the style sheet and then let everything else have a background-color of "transparent".

There are also many icons used all over the place that could be transparent PNGs.

I understand that styling is up to the designer, but the "Out of the box" version could make it such that it is MUCH easier to style against backgrounds that are not pure white.

Edited by Sean@WMS - 12-June-2010 at 3:12am]]> Sat, 12 Jun 2010 03:11:33 +0000 https://forum.productcart.com/make-css-styling-easier_topic3780_post14702.html#14702