ProductCart E-Commerce Solutions Homepage
Forum Home Forum Home > ProductCart Build To Order > Customizing BTO
  New Posts New Posts RSS Feed - Change Background Color of BTO Categories
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Change Background Color of BTO Categories

 Post Reply Post Reply Page  12>
Author
Message
mjamato714 View Drop Down
Newbie
Newbie


Joined: 08-September-2008
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote mjamato714 Quote  Post ReplyReply Direct Link To This Post Topic: Change Background Color of BTO Categories
    Posted: 08-September-2008 at 12:46pm
The Product Cart user manual describes how to alternate background shading for each individual product. I am looking to add a seperate background for each complete category. For example, category one, and all products offered in that category, would be set on its own bakground that will be different from the background that category 2 etc. are set on. Does anyone know if this is possible? All help will be highly appreciated.
 
I am using Product Cart version 3.12bcm.
Back to Top
Hamish View Drop Down
Admin Group
Admin Group


Joined: 12-October-2006
Location: United Kingdom
Status: Offline
Points: 56
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hamish Quote  Post ReplyReply Direct Link To This Post Posted: 08-September-2008 at 4:59pm
Hi,
   I'm sure it's possible, but am equally certain it would involve some custom code. Don't forget, if you use images as background then there is an extra overhead as each time a new category is downloaded those images are downloaded.
Back to Top
Hamish View Drop Down
Admin Group
Admin Group


Joined: 12-October-2006
Location: United Kingdom
Status: Offline
Points: 56
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hamish Quote  Post ReplyReply Direct Link To This Post Posted: 08-September-2008 at 5:04pm
Ah, sorry - As per the title, it's just a color change then the overhead is very low indeed, if any at all.  Just out of curiosity, why do you want to do this? Picking a range of colors that go with your overall design could get difficult if/when you get a large number of categories.
Back to Top
mjamato714 View Drop Down
Newbie
Newbie


Joined: 08-September-2008
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote mjamato714 Quote  Post ReplyReply Direct Link To This Post Posted: 08-September-2008 at 7:21pm
Thanks for the responses.

What we are really trying to do is implement a gradient that starts and ends in each separate category. The gradient would be the same in every category, so hopefully we could find a way to implement a universal change. If we can figure out how to modify the background in each separate category, we will probably be able to figure out how to add the gradient.

The reason we want to add this gradient is to break up the BTO categories to create more of a step by step process feel instead of having a very long list of products with only the category heading separating the categories. Originally, we wanted to have separate pages for each category, but from our research, that seems to be even more difficult of a source code modification.
Back to Top
Hamish View Drop Down
Admin Group
Admin Group


Joined: 12-October-2006
Location: United Kingdom
Status: Offline
Points: 56
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hamish Quote  Post ReplyReply Direct Link To This Post Posted: 08-September-2008 at 7:54pm
Hi,  Do you mean the categories of BTO Items in a configurePrd page?
If so, take a look at www.chivesonline.co.uk/shop/pc/configurePrd.asp?idProduct=70  - Is this what your after?
Back to Top
Hamish View Drop Down
Admin Group
Admin Group


Joined: 12-October-2006
Location: United Kingdom
Status: Offline
Points: 56
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hamish Quote  Post ReplyReply Direct Link To This Post Posted: 08-September-2008 at 7:56pm
BTW - This has a further, related Mod, to make the BTO items list two wide and more compact. 

Edited by Hamish - 08-September-2008 at 8:01pm
Back to Top
mjamato714 View Drop Down
Newbie
Newbie


Joined: 08-September-2008
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote mjamato714 Quote  Post ReplyReply Direct Link To This Post Posted: 09-September-2008 at 1:54pm

Listing products in multiple columns like that website is another thing we really wanted to look into. Our site would require certain categories to be formatted differently, however. One category would have one column of products while other categories would have two or three columns for example.

That website does not have any sort of background for each separate product category as far as i can see. The "meat items," "cheese items," etc. are all on the same white background. The ideal solution that i am looking for would be to box off each category, have the fading gradient start and end in each category and format some categories differently than others (creating multiple columns of products, for example).

 

 

Back to Top
Hamish View Drop Down
Admin Group
Admin Group


Joined: 12-October-2006
Location: United Kingdom
Status: Offline
Points: 56
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hamish Quote  Post ReplyReply Direct Link To This Post Posted: 09-September-2008 at 2:34pm
Hi,
   BTO as supplied supports alternating backgrounds via CSS.

To modify the look we examined the page source code from the generated pages and then examined the ASP source code to work out what to change & where. The multi-column was, if I remember correctly,  a much trickier modification.     
Back to Top
mjamato714 View Drop Down
Newbie
Newbie


Joined: 08-September-2008
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote mjamato714 Quote  Post ReplyReply Direct Link To This Post Posted: 09-September-2008 at 4:58pm
Great, thanks for all your help with this. I will post further questions in the future regarding some of these issues once i explore this a bit more.
Back to Top
DTyler View Drop Down
Newbie
Newbie
Avatar

Joined: 12-December-2008
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote DTyler Quote  Post ReplyReply Direct Link To This Post Posted: 26-December-2008 at 2:15am
Originally posted by mjamato714 mjamato714 wrote:

Thanks for the responses.

What we are really trying to do is implement a gradient that starts and ends in each separate category. The gradient would be the same in every category, so hopefully we could find a way to implement a universal change. If we can figure out how to modify the background in each separate category, we will probably be able to figure out how to add the gradient.

The reason we want to add this gradient is to break up the BTO categories to create more of a step by step process feel instead of having a very long list of products with only the category heading separating the categories. Originally, we wanted to have separate pages for each category, but from our research, that seems to be even more difficult of a source code modification.
 
You could create a gradient image and refer to that image in pcstorefront.css in the BTOfirstrow and BTOsecondrow lines via the background-image command.
 
The gradient would be finite in height, but you could stop it from repeating via the background-repeat: repeat-x command in case you had a large number of options.
 
Hope that helps!!
Back to Top
 Post Reply Post Reply Page  12>
  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.062 seconds.