Print Page | Close Window

Change Background Color of BTO Categories

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart Build To Order
Forum Name: Customizing BTO
Forum Description: Interact with other users, resellers and developers about customizing BTO
URL: https://forum.productcart.com/forum_posts.asp?TID=1962
Printed Date: 31-October-2024 at 7:46pm
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com


Topic: Change Background Color of BTO Categories
Posted By: mjamato714
Subject: Change Background Color of BTO Categories
Date 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.



Replies:
Posted By: Hamish
Date 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.


-------------
Editing ProductCart Code?

See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code



Posted By: Hamish
Date 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.

-------------
Editing ProductCart Code?

See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code



Posted By: mjamato714
Date 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.


Posted By: Hamish
Date 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 http://www.chivesonline.co.uk/shop/pc/configurePrd.asp?idProduct=70 - www.chivesonline.co.uk/shop/pc/configurePrd.asp?idProduct=70   - Is this what your after?


-------------
Editing ProductCart Code?

See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code



Posted By: Hamish
Date 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. 

-------------
Editing ProductCart Code?

See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code



Posted By: mjamato714
Date 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).

 

 



Posted By: Hamish
Date 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.     


-------------
Editing ProductCart Code?

See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code



Posted By: mjamato714
Date 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.


Posted By: DTyler
Date 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!!


Posted By: DTyler
Date Posted: 26-December-2008 at 3:38am
Lemme revise my last statement....
 
It's a bit more work, but it can still be done.  The problem is that in configureprdcode.asp, each BTO item line has a TR class attached that's referenced as  <tr <%=strCol%>>.
 
I'm actually working on a similar mod, but it should be possible to put each category in its own table and specify your gradient image as the background for your table.
 
Alternatively, you can use javascript to make a gradient and there's a few IE only scripts as well, but for ease of use, a .GIF or .PNG would be best. 
 
When I get a chance to finish my code mods, I'll try to remember to post the changes.


-------------
Las Vegas Photographers of DTyler Photography -http://www.dtyler-photography.com


Posted By: DTyler
Date Posted: 26-December-2008 at 7:15pm
There we go - http://www.dtyler-photography.com/store/pc/configurePrd.asp?idproduct=45 - http://www.dtyler-photography.com/store/pc/configurePrd.asp?idproduct=45
 
I'm not done with the page, it still needs a proper background and I plan on adding in an Ajax tooltip in which the different categories will be explained/compared, etc (and I need to fix a VERY annoying firefox only css bug), but that gives a rough idea of how a gradient can be used as a background for a BTO table. 
 
Sadly, the steps I used along the way became VERY complicated, so it may not be possible for me to include a step by step guide to accomplishing this.  I can however provide the time and resources to modifying your site if you'd be interested in a quote.
 
My email is mailto:deacon@dtyler-photography.com - deacon@dtyler-photography.com
 
Thanks!


-------------
Las Vegas Photographers of DTyler Photography -http://www.dtyler-photography.com



Print Page | Close Window

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net