HEader Images for Each Category
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=3753
Printed Date: 21-November-2024 at 12:28pm
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com
Topic: HEader Images for Each Category
Posted By: Bruno
Subject: HEader Images for Each Category
Date Posted: 01-June-2010 at 3:30am
|
Hi, Does anyone know how to make it so each category on the BTO page has a header image, like say for CPU I would want a header image that shows abit of info. Heres a good example: http://www.dinopc.com/shop/pc/configurePrd.asp?idproduct=766 Anyone know how to do that? Another question, if I want to use the floater panel, how do I do it so the price and customizations stay on the bottom as well not just on the floater...? |
Replies:
Posted By: Hamish
Date Posted: 01-June-2010 at 6:18am
|
http://wiki.earlyimpact.com/how_to/display_different_content_category - http://wiki.earlyimpact.com/how_to/display_different_content_category Should answer the first quesion :-) ------------- Editing ProductCart Code? See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code |
Posted By: Bruno
Date Posted: 01-June-2010 at 3:34pm
|
Hi, I looked at that, but it seems to only apply to category views..I can't find out how to change images on the product config page. Thanks |
Posted By: Brett
Date Posted: 02-June-2010 at 2:20pm
|
Hey bruno, you're probably gonna have to edit configurePrdCode.asp. You would want to find the code from the category page which displays the image, then copy that code to the appropriate part of the configurePrdCode.asp page. I can take a look at it in the next couple days and can most likely provide you with a solution, but I don't imagine its very complicated. The instructions I mentioned above should work.
Just get the code that displays the category image (for example, from the subcategory section of a category page for the small image, or from the top of a category page for the large image) ...Then copy all of the necessary code to the configurePrdCode.asp page, and set it up such that each time it gets a different config category, it also gets that category's image URL. |
Posted By: Bruno
Date Posted: 03-June-2010 at 1:43am
|
I would appreciate that, I am horrible with ASP. Do you know how to keep the prices at the bottom of the page while having the floater loaded? Heres my page: http://xtreme-hps.com/shop/pc/configurePrd.asp?idproduct=2&qty=1 |
Posted By: Brett
Date Posted: 03-June-2010 at 2:15am
|
I'll take a look at the code to do that with the BTO item categories. Which floater are you talking about? I wasn't aware of any solution mentioned on here or built in. I have a floater working on my config pages:
http://www.liftchair.com/Monarch-Large-15p283-config.htm Which stays on the left when you scroll down. Is there another floater like that? I was unable to make my floater work while keeping the numbers on the bottom. I believe the javascript only updates one element and if you try to duplicate that element it messes everything up. You'd have to edit the javascript to contain two of each variable so it updates two elements, i think. |
Posted By: ProductCart
Date Posted: 03-June-2010 at 3:04am
|
Hi Brett, Bruno is probably referring to this: http://wiki.earlyimpact.com/bto/btotricks-floating-prices - http://wiki.earlyimpact.com/bto/btotricks-floating-prices This new feature was announced earlier this year ( http://blog.earlyimpact.com/2010/01/using-floating-price-panel-on.html - http://blog.earlyimpact.com/2010/01/using-floating-price-panel-on.html ). By the way: we started using Twitter a few months ago to post quick, ProductCart-related updates. We believe it is a good idea for ProductCart users that like Twitter to subscribe. We are going to try to be as diligent as possible in posting through Twitter whenever we do think there is something of interest to ProductCart users (e.g. new blog post, new WIKI article, etc.). See: http://twitter.com/productcart - http://twitter.com/productcart ------------- The ProductCart Team Home of ProductCart http://www.productcart.com" rel="nofollow - shopping cart software |
Posted By: Brett
Date Posted: 03-June-2010 at 3:25am
| Thanks earlyimp, I'll check that out. Didn't mean to imply that it wasn't announced, only that I hadn't seen it. I wasn't signed up for the newsletter until recently. |
Posted By: Brett
Date Posted: 03-June-2010 at 3:57am
|
Bruno, I figured out the solution. Search for this line:
configSpec_products.Notes FROM categories ...there should be two of them. one for the reconfigure table, and one for the configure table. Edit them to look like this: configSpec_products.Notes, categories.image FROM categories ...so you're adding one more variable to the database query. Then, search for: <%=pcv_tmpArr(1,pcv_tmpN)%> (there should be three of these) ...and... <%=CATDesc%> (there should be one of these) and add this code below the <tr>'s which contain those lines. There should be four total instances of the code: <%if pcv_tmpArr(31,pcv_tmpN)<>"no_image.gif" then%> <tr <%=strCol%>> <td colspan="4"> <img src="catalog/<%=pcv_tmpArr(31,pcv_tmpN)%>" /> </td> </tr> <%end if%> Tested it and it works on my store, but my configurePrdCode.asp is heavily modified. Here's an original v4 configurePrdCode.asp that contains the necessary modifications: uploads/1159/configurePrdCode-catimg.zip - configurePrdCode-catimg.zip Drop it in and let me know if it works. I haven't tested it. If your file is modified, the instructions should help you include this feature in your modified configurePrdCode.asp file. |
Posted By: Bruno
Date Posted: 03-June-2010 at 7:38pm
| Your the best BRett, works great! Thanks a lot!!! |
Posted By: M Robles
Date Posted: 18-October-2010 at 10:20am
|
I took a look at the origninal posting link and although Brett's answer is more dynamic, the Dinopc.com is using standard HTML code embeded in the BTO Configuration Instructions field for the first three categories.
You will notice that there are only images in the first few categories, while the rest are blank.
|
Posted By: Brett
Date Posted: 18-October-2010 at 12:11pm
|
wow your site looks really cool. I wish I had that type of design chops. concerning your question, I saw the headers above those categories. how did you achieve them? hardcoded is a bit general. regardless, I don't think they would interfere with the code I posted.
all it does is take the image present in the category already and display it on the configuration page. so you'd just have to edit each cat via admin and add the images. if you post your configurePrdCode.asp I'll look at it if I have some free time. currently in the process of updating mine to 4.1 so that file is fresh on my mind. |
Posted By: Dreamsight
Date Posted: 10-January-2013 at 10:59am
| Hi, we're on 4.6BSP1 and want the same thing. How do we do it? |
Posted By: Greg Dinger
Date Posted: 10-January-2013 at 11:22am
Posted By: Dreamsight
Date Posted: 05-February-2013 at 9:40am
Hi Dinger, sry not been to back to this, we have had other issues but all resolved now so again looking to add icons to a BTO product configure page for each category of items ....... http://shop.workstationspecialist.com/ProductCart/pc/configurePrd.asp?idproduct=22 So what we would like is to have an icon/image of a processor to the left of the title Processor / an icon/image of memory to the left of the title Memory / an icon/image of a gfx card to the left of the title Graphics etc. |
Greg Dinger wrote:Posted By: Greg Dinger
Date Posted: 05-February-2013 at 12:41pm
Posted By: Brett
Date Posted: 05-February-2013 at 4:45pm
|
On the configuration page in the admin section of your site, each config group should have a "configuration instructions" text box. You can put an image in there. Just put the HTML code for the image into that text box and the image should show up. At least it does on mine, maybe it's something I had customized before. *edit* This should require no modification of any files. Just put the HTML tag for the image into the configuration instructions area for each config category. So for example on the configure product page, under the GPU Computing config group where it says:
Just paste in an image tag like <img src="..." alt="..." > *another edit* Whoops, looks like M Robles had already solved this problem a few posts up. And if you wanted to custom position these images, for example to the left, you could just add a class or id to them and then position them within your CSS. |
Posted By: Greg Dinger
Date Posted: 14-March-2013 at 11:18pm