ProductCart E-Commerce Solutions Homepage
Forum Home Forum Home > ProductCart > Suggestions
  New Posts New Posts RSS Feed - Changing of Color Scheme
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Changing of Color Scheme

 Post Reply Post Reply
Author
Message
dejacob View Drop Down
Newbie
Newbie


Joined: 18-August-2006
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote dejacob Quote  Post ReplyReply Direct Link To This Post Topic: Changing of Color Scheme
    Posted: 18-August-2006 at 6:35pm

It would be a nice feature to be able to change the color scheme of the shopping cart to match a current website.  I know the icons can be changed, but I don't see anywhere to change the colors of the text, and the highlighted text in AJAX view (it all appears light blue).  If there is a way to change this in the cart, please let me know

 

DEJ
Back to Top
MarkCoyle View Drop Down
Senior Member
Senior Member


Joined: 06-June-2006
Location: United Kingdom
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote MarkCoyle Quote  Post ReplyReply Direct Link To This Post Posted: 18-August-2006 at 6:53pm
I assume you mean v3 if you're talking about AJAX too.  The approach to meet your requirements is set out in the v3 upgrade document which really is worth having a read of.

Every colour can be changed in ProductCart including all of the AJAX layer.   It's an absolutely core part of the software.  Not just colours but boxes, fonts, backgrounds, sizes, borders. spacing, padding, positioning, everything really.

You do this by modifying the CSS sheets which is the modern, standard way in internet design.  By changing the CSS colours, fonts, sizes etc once the changes will flow through the store whereever needed.

To change the colours look at:
pcheaderfooter.css     and      pcstorefront.css
in your ProductCart folder.

To change the AJAX text modify the following:
ei-tooltip.css

You will also find in the 'images' folder a number of images in the PNG format.  These are what make up the AJAX background and the colours can be fully modified in an image editor.  You can see this in action at my site where I have modified them extensively.

Once modified the CSS files and PNG files need loading to your appropriate server folders.

You can see this in action at my store, which deliberately looks very different to the usual 'white background / black text' web style.  Take a look at http://www.wovenwheatwhispers.com

None of these changes are made via web pages, they are all achieved just through CSS codes.  It will take a little effort but it's definitely worth it.

I hope this is helpful.  Feel free to ask any questions to help finalise this.

cheers
Mark


Edited by MarkCoyle - 18-August-2006 at 7:03pm
Back to Top
dejacob View Drop Down
Newbie
Newbie


Joined: 18-August-2006
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote dejacob Quote  Post ReplyReply Direct Link To This Post Posted: 18-August-2006 at 7:35pm

When you use Cascading Style Sheets, are you changing them using a program such as Frontpage, etc?  I used frontpage to design my site, and am having the shopping cart incorporate into the design. 

DEJ
Back to Top
MarkCoyle View Drop Down
Senior Member
Senior Member


Joined: 06-June-2006
Location: United Kingdom
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote MarkCoyle Quote  Post ReplyReply Direct Link To This Post Posted: 19-August-2006 at 6:31am
You can anything that can open text files to modify a css file.

Frontpage is perfectly fine for this too.

I use Frontpage too - I used to use it for the whole store but I have now moved it all into ProductCart.

The next version of Frontpage called 'Microsoft Expression - Web Design' has better visualised modification of CSS sheets and the early test version can be downloaded for free from Microsoft.

To be honest, I find Frontpage or Dreamweaver clutters the screen a bit for CSS sheets and I modify them in Wordpad now then FTP them.

cheers
Mark
Back to Top
Shane View Drop Down
Newbie
Newbie


Joined: 01-July-2006
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote Shane Quote  Post ReplyReply Direct Link To This Post Posted: 21-August-2006 at 8:01pm

Hi Mark

Like what you have done with the changes. In the Ajax Pop up box I noticed you have removed several items - eg. Brand, Reward Points etc. How did you do that?

And do you know how to make each one a varying colour?

For Example:

Brand: Gucci
Price: £0.05

Back to Top
MarkCoyle View Drop Down
Senior Member
Senior Member


Joined: 06-June-2006
Location: United Kingdom
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote MarkCoyle Quote  Post ReplyReply Direct Link To This Post Posted: 22-August-2006 at 5:08am
Hi

I haven't removed brand, I just don't use it at present.

Reward points are there too if the item has them.

I don't think the example of colours you showed for the AJAX layer would be easy.   You need to work with the tags already set up in ei-tooltip.css or it will get pretty complicated.

However you can change the colours at an item level so there's a lot of flexibility.

The background to the text cannot be done in CSS and is achived my modifying the supplied relevant PNG files in the images directory with a picture editor.

cheers
Mark
Back to Top
Shane View Drop Down
Newbie
Newbie


Joined: 01-July-2006
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote Shane Quote  Post ReplyReply Direct Link To This Post Posted: 22-August-2006 at 8:25am

Thanks Mark

What Picture Editor do you use ... I'll simply want to change the blue to Green or Orange ...

Back to Top
MarkCoyle View Drop Down
Senior Member
Senior Member


Joined: 06-June-2006
Location: United Kingdom
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote MarkCoyle Quote  Post ReplyReply Direct Link To This Post Posted: 25-August-2006 at 5:16am

I use PhotoImpact but any image editor would do.

To modify the PNG files you will need to zoom in on the view to something like 400% so you can paint over all the areas that are relevant to you.

cheers

Mark

Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.063 seconds.