Product Finder: multiple category drop-downs

[willie bee]

To make sure the category structure is correct I made some notes here for you....

MASTER CATEGORY

FIRST CHOICE DROP DOWN (inside the master category "folder") - [GM, FORD, MOPAR]
SECOND CHOICE ARE ACTUALLY JUST MODELS SO SAY WE PICKED GM

THEN GM WOULD HAVE UNDERNEATH IT

(inside the GM "folder") NOVA, CHEVELLE, ETC.

THEN THE THIRD CHOICE, SAY WE PICKED NOVA

THE THIRD CHOICE WOULD HAVE

(inside the NOVA "folder") ENGINES, TIRES, AND WHEELS
AND WHEN YOU PICKED SAY ENGINES, THEN THE PARTS WOULD SHOW UP ON THE MIDDLE SCREEN.

PRODUCTS WOULD THEN BE LOCATED, BY LINKING, IN THE ENGINES, TIRES, AND WHEELS FOLDER/CATEGORY.

Does it matter how deep you go with the sub categories cause this is what we have

MASTER
THEN THREE CHOICES FOR THE FIRST DROP DOWN
THEN YOUR CAR CHOICES
THEN YOUR PARTS CHOICES
THEN YOUR ACTUAL PRODUCTS.

[willie bee]

screw it. just doesn't work for me. too bad. thanks anyways.

[autolider]

I have this multiple category drop-downs added in my site.
When the client select the third dropdown , i want to bring him to one page for selected model with a list attached as shown.
Please someone help me if it possible.

[autolider]

no one can find a solution?

[autolider]

helooooooooooooooooooooooooo
help me please!

[byoriginaldesign]

That would require custom coding. It is possible with zencart (almost anything is) but really what you want sounds more like writing a entire ajax form module.

[prowebsource]

Bluetooth,

Thank you for posting instructions on how to decrease the drop-downs to two. I followed it step by step and it worked! Only one minor glitch in the code.

This

window.location=(baseDirectory+"index.php?main_page=index&cPath="+cPath1+"_"+cPa th3);

Should be this

window.location=(baseDirectory+"index.php?main_page=index&cPath="+cPath1+"_"+cPa th2);

Thanks again!

[swamyg1]

Can anybody help me with my error? This module works with JS turned off, but with it turned on I'm getting the following error in firebug:

$ is not defined
$(document).ready(function(){

I do see this code rendering on the page:

<script type="text/javascript"><!--
$(document).ready(function(){
$("#cPath").change(modelList);
$("#select_model").change(yearList);
//$("#select_year").focus();
$("#select_year").change(function()
{
var baseDirectory=document.getElementById("basemodulepath").value;
var cPath1=$("#cPath").val();
var cPath2=$("#select_model").val();
var cPath3=$("#select_year").val();
window.location=(baseDirectory+"index.php?main_page=index&cPath="+cPath1+"_"+cPath2+"_"+cPath3);
}
);
});
var modelList=function model_list(){
var baseDirectory=document.getElementById("basemodulepath").value;
var cPath=document.getElementById("cPath").value;
$.ajax({
type: 'POST',
url:baseDirectory+"modellist.php",
data:"cPath="+cPath+"&my=1",
success: function(data){
// alert(data);
if(data!=""){
arrayVar=new Array();
arrayVar=data.split("|");
arrayVarId=new Array();
arrayVarId=arrayVar[0].split("^");
arrayVarName=new Array();
arrayVarName=arrayVar[1].split("^");
$('#select_model').html("");
$('#select_model').append("<option value=''>Please Select<\/option>");
for(i=1;i<arrayVarId.length-1;i++)
{
$('#select_model').append($("<option><\/option>").attr("value",arrayVarId[i]).text(arrayVarName[i]));
}
}
}
});
};
var yearList=function year_list(){
var baseDirectory=document.getElementById("basemodulepath").value;
var cPath=document.getElementById("select_model").value;
$.ajax({
type: 'POST',
url:baseDirectory+"modellist.php",
data:"cPath="+cPath+"&my=2",
success: function(data){
if(data!=""){
arrayVar=new Array();
arrayVar=data.split("|");
arrayVarId=new Array();
arrayVarId=arrayVar[0].split("^");
arrayVarName=new Array();
arrayVarName=arrayVar[1].split("^");
$('#select_year').html("");
$('#select_year').append("<option value=''>Please Select<\/option>");
for(i=1;i<arrayVarId.length-1;i++)
{
$('#select_year').append($("<option><\/option>").attr("value",arrayVarId[i]).text(arrayVarName[i]));
}
}
}
});
};
//--></script>

I'm not a Javascript pro, but I would really appreciate any insight!

Kind regards,

Gautama

[raunharman]

Hello torvista,

This is one module I feel could solve my problem

On my website, http://204.93.193.150/~bhavikac/ is a city wise deals site.

The visitor first chooses the city he is in (Which he does from a single drop down menu) in the header. He is then taken to the specific page for that city where he should see the sub categories (gifts for her, gifts for him, anniversary gifts etc) available in that city. Under the sub categories, he will see the products.

Can I use the multi category drop down with some modifications for this website? I mean instead of having 3 drop downs, the 2nd drop down menu (based on the category chosen) is shown as a horizontal menu in the header bar.

Any help is welcome.

This mod provides three drop-down select boxes which are used to select products from subcat01 - subcat02 - subcat03 such as Make-Model-Year.

The second and third drop-down are populated dynamically (using jquery) as a result of the choice made in the previous box.

As supplied in this package, the drop drown is integrated into the header.

Why use this mod?

To replace a long static list in a sidebox.This mod was written for my site by a commercial developer as no equivalent was available as a community contribution.

This version 0.9 is offered to help those who wish to implement something similar. Since it is working for me I have not had to bugfix it and so I have no idea how it works and so cannot offer any support other than moral.

It is offered to the community "as is" in the hope that others pick it up and iron-out any non-Zen-standard-practices that may lurk within.

As it is, it works when dropped into a classic-copy vanilla 139e site.

I'll post again when it is available for download,
regards
Steve

[mikestaps]

willie bee -
i think I may have found your issue.... Do you have any SEO mods installed?
I installed the ceon SEO mod and the product finder no longer works... I'm going to install some of the other SEO mods and see if the issue is duplicated.