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: 20-May-2024 at 4:01am
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
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!!
|
mjamato714 wrote: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 |