Customizing the Kit/Bundle page

For general questions and discussions specific to the AbleCommerce 7.0 Asp.Net product.
Post Reply
dpraptor
Ensign (ENS)
Ensign (ENS)
Posts: 6
Joined: Sat May 01, 2010 1:18 pm

Customizing the Kit/Bundle page

Post by dpraptor » Mon Jul 12, 2010 9:21 pm

Hi,

I need assistance with setting up a Kit/Bundle page. I have a Base product that i can customize with 4 parts that can each be added to the whole. I want to be able to have an image available on top of each of the dropdown menus I am creating. This way a customer can look at the first option, say I am creating a person, and the 1st choice of dropdowns would be different types of heads. I would need an image of a selection of heads they can view and choose the one they like in the dropdown(by name/number under each of the different head images). Below the "head" dropdown will be the next choice, say hands. I would need the image of a selection of hands they can pick from, they can click on the dropdown below it, and choose the hand they like in the picture. Then there would the next, say bodies, again alternating the image of the "bodies" available(with name/number), then in the dropdown they can select the item, then the 4th image, followed by the dropdown of the items shown in the picture. This way the page will show Head images, dropdown for the head products, the hands images, followed by its dropdown, the bodies image followed by its dropdown, and finally the last image followed by its dropdown. Without this possibility, The only other option I would have would be one large image of all the 4 types on top, and the dropdowns below, which would look both sloppy and confusing. Can this be done by manipulating the page? I have not yet tried editing a dynamic product page.
The last thing, and also very important, is building a number using each item they pick. If they chose head #234, hand #58B, body #28Y, and foot #459, I would need it to be added into the cart using the number as such: 234-58B-28Y-459. Right now, it only uses the Base products number I set up with the original product. Is it possible to replace the base number with the one created by the kit?

Thanks for bearing with me on this!!

User avatar
mazhar
Master Yoda
Master Yoda
Posts: 5084
Joined: Wed Jul 09, 2008 8:21 am
Contact:

Re: Customizing the Kit/Bundle page

Post by mazhar » Tue Jul 13, 2010 11:27 am

I believe this thread would be helpful. Although its not exactly about what you are looking but it can give you an idea about where to start. I guess you can try to inject your custom images with dropdown controls for kits.
viewtopic.php?f=44&t=9451

dpraptor
Ensign (ENS)
Ensign (ENS)
Posts: 6
Joined: Sat May 01, 2010 1:18 pm

Re: Customizing the Kit/Bundle page

Post by dpraptor » Thu Jul 15, 2010 1:45 pm

Hi,

Thanks for the advice, I may be able to adapt some of that.


"I guess you can try to inject your custom images with dropdown controls for kits."

How does the injection work with images. I can stack the images, but if I can insert them in that might solve the problem. What would help if there was a way to add an image for the components. If you can give me any help with injecting images that would be a big help.

Thanks

User avatar
mazhar
Master Yoda
Master Yoda
Posts: 5084
Joined: Wed Jul 09, 2008 8:21 am
Contact:

Re: Customizing the Kit/Bundle page

Post by mazhar » Fri Jul 16, 2010 4:58 am

I mean you could do something like below in BuildKitOptions method where it appends control of type drop down list.

Code: Select all

else if (oType.Equals(typeof(DropDownList)))
                    {
                        if (pkc.KitComponent.Name = "Heads") //COMPONENT NAME IS Heads 
                        {
                            Image image = new Image();
                            image.ImageUrl = "http://localhost/trunk/Assets/ProductImages/printer_t.jpg";
                            phOptions.Controls.Add(image);
                        }
                        
                        ((DropDownList)o).AutoPostBack = true;
                    }

Post Reply