Change Background Color of BTO Categories |
Post Reply | Page 12> |
Author | |
DTyler
Newbie Joined: 12-December-2008 Status: Offline Points: 0 |
Post Options
Thanks(0)
Posted: 26-December-2008 at 7:15pm |
There we go - 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 deacon@dtyler-photography.com
Thanks!
|
|
Las Vegas Photographers of DTyler Photography -http://www.dtyler-photography.com
|
|
DTyler
Newbie Joined: 12-December-2008 Status: Offline Points: 0 |
Post Options
Thanks(0)
|
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
|
|
DTyler
Newbie Joined: 12-December-2008 Status: Offline Points: 0 |
Post Options
Thanks(0)
|
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
Newbie Joined: 08-September-2008 Status: Offline Points: 0 |
Post Options
Thanks(0)
|
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.
|
|
Hamish
Admin Group Joined: 12-October-2006 Location: United Kingdom Status: Offline Points: 56 |
Post Options
Thanks(0)
|
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. |
|
mjamato714
Newbie Joined: 08-September-2008 Status: Offline Points: 0 |
Post Options
Thanks(0)
|
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).
|
|
Hamish
Admin Group Joined: 12-October-2006 Location: United Kingdom Status: Offline Points: 56 |
Post Options
Thanks(0)
|
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 |
|
Hamish
Admin Group Joined: 12-October-2006 Location: United Kingdom Status: Offline Points: 56 |
Post Options
Thanks(0)
|
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? |
|
mjamato714
Newbie Joined: 08-September-2008 Status: Offline Points: 0 |
Post Options
Thanks(0)
|
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. |
|
Hamish
Admin Group Joined: 12-October-2006 Location: United Kingdom Status: Offline Points: 56 |
Post Options
Thanks(0)
|
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.
|
|
Post Reply | Page 12> |
Tweet
|
Forum Jump | Forum Permissions You cannot post new topics in this forum You cannot reply to topics in this forum You cannot delete your posts in this forum You cannot edit your posts in this forum You cannot create polls in this forum You cannot vote in polls in this forum |