Product Finder: multiple category drop-downs

[bluetooth]

Sorry,
After further testing, I have found that the modifications I made above does not work.

I will keep at it, if I get anywhere, I will post here.

FYI, for anyone who's following this thread, I have found what was causing my problem....

Besides the changes I made above, In jscript_model_year.php I had to also change this:

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

to this:

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


Also, to get this to work at all, I had to change the modulePath in YOURTEMPLATE/common/tpl_header.php from this:


$modulePath="".DIR_WS_CATALOG;

to this:

$modulePath="". HTTP_SERVER . DIR_WS_CATALOG;


Hope this helps.

[sonik_fury]

In INTERNET EXPLORER only the drop down menu for "model" will overlap "year" if the text in the select box field has too many characters..........open THIS page in IE and choose hond and you'll see what I'm talking about......thanks for ANY help

[torvista]

Can you give a specific combination of selections that cause this? I could not reproduce it. And which versions of IE show the fault?

[sonik_fury]

Can you give a specific combination of selections that cause this? I could not reproduce it. And which versions of IE show the fault?

I just select Honda in the first drop-down and the second then covers the text for "Year".....I'm using IE7 to test with.....thanks for the reply!

[Get Em Fast]

sonik, in your stylesheet_product_finder.css, find this block of code:

.pf_selectbox_text {/*text of select box*/
    padding:1px;
    border: 2px solid #949494;
    font-size:12px;
}

and add: width: 100px; to make that whole block look like this:

.pf_selectbox_text {/*text of select box*/
    padding:1px;
    border: 2px solid #949494;
    font-size:12px;
    width: 100px;
}

That should take care of this problem in IE7 for you.

[sonik_fury]

sonik, in your stylesheet_product_finder.css, find this block of code:

.pf_selectbox_text {/*text of select box*/
    padding:1px;
    border: 2px solid #949494;
    font-size:12px;
}

and add: width: 100px; to make that whole block look like this:

.pf_selectbox_text {/*text of select box*/
    padding:1px;
    border: 2px solid #949494;
    font-size:12px;
    width: 100px;
}

That should take care of this problem in IE7 for you.

Awesome...thanks so much!

[Get Em Fast]

Not a problem sonik. Glad to help.

[outeredge2]

Is there a way to tell what Code chunk needs it be put into the tpl_header.php from the one that is supplied, and where it needs to be put?

[outeredge2]

I'm taking a stab in the dark at this, and someone please advise if this is incorrect.... The code below is the code for the Product finder that was in the tpl_header.php

I should be able to paste this directly into my current store tpl_header.php in any location and it should not matter. i this correct?

!--BOF Product Finder-->
<div class="clearBoth"></div>
<div id="product_finder_wrapper">
  <div id="product_finder">
    <?php 
	 echo "<form action=''>";			
?>
    <ul>
      <?php
   echo "<li>";
   $model1[]=array('id'=>'','text'=>TEXT_PLEASE_SELECT);
	 if(isset($_REQUEST['cPath1'])){
	 $value=$_REQUEST['cPath1'];
	 }	 
	 echo '<span id="pf_title">'.strip_tags(TEXT_FIND_ALL_PRODUCTS).'</span>
	 <span class="pf_selectbox_name">'.TEXT_MAKE . '</span>' . zen_draw_pull_down_menu('cPath1',array_merge($model1,zen_get_category_tree()),$value, 'id="cPath" class="pf_selectbox_text"'); 
	 echo "</li>\n";
   
	echo '<li>';   
	echo '<noscript>';
echo zen_my_image_submit(PF_NOSCRIPT_SUBMIT, 'Go');
         if($_REQUEST['cPath1']!=""){
               $value=$_REQUEST['cPath1'];
			   $dropdownArray=zen_get_category_tree($value);
         }
echo "</noscript>";
 echo "</li>\n";    

echo "<li>";
	  $modulePath="".DIR_WS_CATALOG;
	  echo zen_draw_hidden_field('basemodulepath',$modulePath,'id="basemodulepath" ');
	 $model=array();
	 $model[]=array('id'=>'',
	                 'text'=>TEXT_PLEASE_SELECT
					 );
	   if($_REQUEST['cPath1']!=""){
	    $model=array_merge($model,$dropdownArray);
	    }
	if(isset($_REQUEST['select_model'])){
	$value=$_REQUEST['select_model'];
	}
	 echo '<span class="pf_selectbox_name">' . TEXT_MODEL .'</span>' 
	 . zen_draw_pull_down_menu('select_model', $model, $value, 'id="select_model" class="pf_selectbox_text"'); 
 echo "</li>\n";

echo "<li>";
echo "<noscript>";
if($_REQUEST['select_model']!=""){
               $value=$_REQUEST['select_model'];
			   $dropdownArray=zen_get_category_tree($value); 
         }
echo zen_my_image_submit(PF_NOSCRIPT_SUBMIT, 'Go');	 
echo "</noscript>";
 echo "</li>\n";

echo "<li>";
	 $year=array();
	 $year[]=array('id'=>'',
	                 'text'=>TEXT_PLEASE_SELECT
					 );
	  if($_REQUEST['select_model']!=""){
	    $year=array_merge($year,$dropdownArray);
	    }				 				 
if(isset($_REQUEST['cPath'])){
          $value=$_REQUEST['cPath'];
}
if($_REQUEST['select_model']!=""){
	 echo '<span class="pf_selectbox_name">' . TEXT_YEAR . '</span>' . 
	 zen_draw_pull_down_menu('cPath',$year , $value, 'id="select_year" class="pf_selectbox_text"');
	 }
else {
	 echo '<span class="pf_selectbox_name">' . TEXT_YEAR .'</span>' .
	 zen_draw_pull_down_menu('cPath22',$year , $value, 'id="select_year" class="pf_selectbox_text"');
}	 
echo "</li>\n";

echo "<li>";
echo "<noscript>";
if($_REQUEST['cPath']!=""){
         $value=$_REQUEST['cPath'];
	     }
echo zen_my_image_submit(PF_NOSCRIPT_SUBMIT, 'Go');
echo "</noscript>";
 echo "</li>\n";
?>
    </ul>
    </form>
  </div><!--close product_finder div--> 
</div>
<!--close product_finder_wrapper div-->
<div class="clearBoth"></div>
<!--EOF Product Finder-->

[outeredge2]

So I got it where I want it but I want to change a few things. Any help would be great.

I want to change:
background color
Text/font Color
Style of box (Rounded Corners)

I tried to add 'font-color: #e79508;' to it but it didn't work.

Any thoughts???

@charset "utf-8";
/* CSS Document */
/*styles for Product Finder mod updated 2010-09-29*/
#product_finder_wrapper {/*using a wrapper and inner div to use two different background images*/
	background-image:url(../images/background_bg.gif);
	background-repeat:repeat;
	margin:3px auto;
	background-color: #f7a00a; /*Boarder color for outside of finder bar*/
	padding:3px 3px 3px 3px;
}
#product_finder {
	background-image: url(../images/search_bar.png);
	background-repeat:no-repeat;
	height:30px;
	font-weight:bold;
	background-color: #1a1919; /*Background Color for finder bar */
}
#product_finder form{
	margin:0;
	padding:0;
}
#product_finder ul {
	width:100%;
	margin:0;
	padding:0;
	line-height:30px;/*same as #product_finder to vertically-align list*/
	text-align:center;
}
#product_finder ul li {
	display:inline;
	list-style:none;
}
#product_finder ul li noscript input {
	vertical-align:center;/*not perfect..*/
}
#pf_title {/*"Show Products for..."*/
	font-weight:bold;
	font-family:arial;
	font-size:14px;
	margin-right:5px;
}
.pf_selectbox_name {/*text in front of drop-down select box*/
	font-weight:bold;
	font-family:arial;
	font-size:13px;
	margin-right:4px;/*space beween the drop-down name and the drop-down box*/
	
}
.pf_selectbox_text {/*text of select box*/
	padding:1px;
	border: 2px solid #f7a00a; /*boarder color of the secletion boxes*/
	font-size:12px;
}