DDK

I can't find any way of attaching an image, but if you want a nice-looking search box then try this. It uses background images for search box and submit button, and has default text appearing that disappears when the user clicks on it (provided javascript is turned on). The submit button image might read 'Go' or 'Search'

Put something like this in the head:

 input#cpsearch {position:absolute;left:0px;top:0px; 
width:150px;height:30px;font-size:12px;border:0;background:transparent 
url(http://www.mysite.co.uk/images-cafepress/search-input.gif) 
top left no-repeat; margin:0;padding-top:2px;}

input#submitSearch {position:absolute;left:125px;top:0px;height:30px;width:50px;border:0px black solid; 
background:transparent url(http://www.mysite.co.uk/images-cafepress/search-submit.gif)
 top left no-repeat;margin:0;padding:0;}


div#cpSearchFormContainer {position:absolute; top:-196px;right:160px;} /*Search box*/ 

At the bottom of the header section put this:

 <div id='cpSearchFormContainer' class='cpSearchFormInHeader'> 
<form id='searchForm' name='searchForm' action='/cp/storesearchresults.aspx' method='post'>
<input type='text' onfocus="this.value='  '" value="  Search designs" id="cpsearch" name='searchterm'/>
<input id='submitSearch' type='submit' value="" />
<input type='hidden' id='s' name='s' value='myshopname' />
</form>
</div> 

Leave the search box unticked


Change mysite.co.uk and myshopname

Editted to break css to prevent page extending sideways

image sizes: input box 110 x 28 px
submit button 39 x 20 px

This message has been edited. Last edited by: SunshineAndBeaches,

My interim solution to search by product type - and hopefully avoiding people entering a product type in the search box.

quote:

<form id='searchForm' name='searchForm' action='http://www.cafepress.com/cp/storesearchresults.aspx' method='post'><span id='searchBoxLabel'>Search Our Designs: </span><input type='text' id='searchterm' name='searchterm'/><input type='hidden' id='s' name='s' value='shopname' />
<br />
<input name='searchterm' type='radio' value='_t-shirts' checked>Apparel
<input name='searchterm' type='radio' value='_mugs' >Mugs
<input name='searchterm' type='radio' value='_homedecor' >Home Decor
<input name='searchterm' type='radio' value='_signs'>Buttons and Magnets
<input id='submitSearch' type='submit' value='Go' /></form><br />
Do not include a product type in the search box

quote:

I copied each post and changed the order as per your first example. Barring missing menu items and typing errors it should be the complete list. I checked it a few times, but others should have a look to weed out the mistakes or missing items., MA

You are a beautiful human bean.

Diane, that's a nice little workaround by the way!

I'm working on a javascript dropdown that should be finished tonight that will slap the search and the product type together and will expand that a little more.

OK... thanks to the hard work of others gathering the terms, I have a first pass on a search with a product dropdown. Now, this has all of the products listed previously in this thread, but you can easily go through and decide which you want to include. I'll probably post a paired-down version in a bit once I look through it.

If you want to do this, I suggest doing a test in a section first. By that, I mean create a new section. Hide it. Go back into that section and in the "Section Description", post the following html code. Go to that section in your browser directly and test it out. If all goes well, then follow the instructions below:


A) remove/hide the existing search box if you have it by selecting "No thanks, please don't add the search box in my shop" in the bottom of your shop's Custom HTML page. Save it.

B) paste the following code in the bottom of your Custom HTML "header". This will make the search box appear at the top of your main section of your site, under your shop header. be sure to change the "shopid" variable to your own shop id

note: I've removed the script part, as the one below works better. I'm leaving just the dropdown code here in case someone wants to reference or use the entire product list people gathered.
<select name="prod_type" id="prod_type">
<option value="">All products</option>
<option value="_t-shirts">T-Shirts & Clothing</option>
<option value="_mens-clothing"> Men</option>
<option value="_mens-t-shirts">  T-Shirts</option>
<option value="_mens-short-sleeve-t-shirts">   Short Sleeve</option>
<option value="_white-t-shirts">    White T-Shirts</option>
<option value="_light-t-shirts">    Light T-Shirts</option>
<option value="_yellow-t-shirts">    Yellow T-Shirts</option>
<option value="_green-t-shirts">    Green T-Shirts</option>
<option value="_dark-t-shirts">    Dark T-Shirts</option>
<option value="_fitted-t-shirts">    Fitted T-Shirts</option>
<option value="_long-sleeve-t-shirts">   Long Sleeve</option>
<option value="_mens-long-sleeve-t-shirts">    Long Sleeve T-Shirts</option>
<option value="_dark-long-sleeve-t-shirts">    Dark Long Sleeve T-Shirts</option>
<option value="_ringer-t-shirts">  Ringers</option>
<option value="_baseball-jerseys">  Baseball Jerseys</option>
<option value="_sleeveless-t-shirts">  Sleeveless</option>
<option value="_organic">  Organic T-Shirts</option>
<option value="_mens-polos-and-shirts">  Polos and Shirts</option>
<option value="_denim-shirts">   Denim Shirts</option>
<option value="_mens-polo-shirts">   Men's Polos</option>
<option value="_golf-shirts">   Golf Shirts</option>
<option value="_outerwear">  Outerwear</option>
<option value="_mens-performance-jacket">   Men's Performance Jackets</option>
<option value="_sweatshirts">  Sweatshirts</option>
<option value="_hooded-sweatshirts">   Hooded Sweatshirts</option>
<option value="_mens-sweatshirts">   Sweatshirts</option>
<option value="_underwear">  Undergarments</option>
<option value="_boxer-shorts">   Boxers</option>
<option value="_womens-clothing"> Women</option>
<option value="_womens-t-shirts">  T-Shirts</option>
<option value="_womens-short-sleeve-t-shirts">   Short Sleeve</option>
<option value="_womens-white-t-shirts">    Women's T-Shirts</option>
<option value="_womens-light-t-shirts">    Women's Light T-Shirts</option>
<option value="_womens-dark-t-shirts">    Women's Dark T-Shirts</option>
<option value="_womens-v-neck-t-shirts">    Women's V-Neck T-Shirts</option>
<option value="_womens-dark-v-neck-t-shirts">    Women's Dark V-Neck T-Shirts</option>
<option value="_womens-long-sleeve-t-shirts">   Long Sleeve</option>
<option value="_womens-white-long-sleeve-t-shirts">    Women's Long Sleeve T-Shirts</option>
<option value="_womens-dark-long-sleeve-t-shirts">    Women's Long Sleeve Dark T-Shirts</option>
<option value="_cap-sleeve-t-shirts">   Cap Sleeve</option>
<option value="_tank-tops">   Tank Tops</option>
<option value="_womens-polos-and-shirts">  Polos and Shirts</option>
<option value="_womens-polo-shirts">   Women's Polos</option>
<option value="_womens-outerwear">  Outerwear</option>
<option value="_womens-performance-jacket">   Women's Performance Jackets</option>
<option value="_maternity-t-shirts">  Maternity</option>
<option value="_white-maternity-t-shirts">   Maternity T-Shirts</option>
<option value="_dark-maternity-t-shirts">   Maternity Dark T-Shirts</option>
<option value="_plus-size-t-shirts">  Plus Size</option>
<option value="_plus-size-scoop-necks">   Scoop Neck</option>
<option value="_light-plus-size-scoop-necks">    Women's Plus Size Scoop Neck T-Shirts</option>
<option value="_dark-plus-size-scoop-necks">    Women's Plus Size Dark Scoop Neck T-Shirts</option>
<option value="_plus-size-v-necks">   V-Neck</option>
<option value="_light-plus-size-v-necks">    Womens's Plus Size V-Neck T-Shirts</option>
<option value="_dark-plus-size-v-necks">    Women's Plus Size Dark V-Neck T-Shirts</option>
<option value="_womens-activewear">  Activewear</option>
<option value="_raglan-hoodie">   Raglan Hoodies</option>
<option value="_womens-tracksuit">   Tracksuits</option>
<option value="_undergarments">  Undergarments</option>
<option value="_thong">   Classic Thongs</option>
<option value="_juniors-clothing"> Juniors</option>
<option value="_juniors-t-shirts">  T-Shirts</option>
<option value="_juniors-jerseys">   JrJerseys</option>
<option value="_juniors-ringers">   JrRingers</option>
<option value="_juniors-raglan">   JrRaglans</option>
<option value="_juniors-spaghetti-tank-tops">   JrSpaghetti Tanks</option>
<option value="_juniors-activewear">  Activewear</option>
<option value="_juniors-hoodie">   JrHoodies</option>
<option value="_kids-and-baby-clothing"> Kids & Baby</option>
<option value="_kids-t-shirts">  Kids' T-Shirts</option>
<option value="_kids-short-sleeve-t-shirts">   Short Sleeve</option>
<option value="_kids-baseball-jerseys">   Baseball Jerseys</option>
<option value="_kids-fleece">  Kids' Sweatshirts</option>
<option value="_kids-hoodie-sweatshirts">   Hoodies</option>
<option value="_kids-sweatshirts">   Sweatshirts</option>
<option value="_infant-and-toddler-t-shirts">  Infant/Toddler T-Shirts</option>
<option value="_infant-bodysuits">  Infant Bodysuits</option>
<option value="_infant-bibs">  Infant Bibs</option>
<option value="_hats-and-bags"> Hats & Bags</option>
<option value="_hats">  Hats</option>
<option value="_military-caps">   Military Caps</option>
<option value="_stonewashed-caps">   Stonewashed Caps</option>
<option value="_trucker-hats">   Trucker Hats</option>
<option value="_black-caps">   Black Caps</option>
<option value="_caps">   Caps</option>
<option value="_bags">  Bags</option>
<option value="_tote-bags">   Tote Bags</option>
<option value="_messenger-bags">   Messenger Bags</option>
<option value="_gifts">home & gifts</option>
<option value="_mugs"> mugs & drinkware</option>
<option value="_ceramic-travel-mugs">  ceramic travel mugs</option>
<option value="_small-mugs">  small mugs</option>
<option value="_large mugs">  large mugs</option>
<option value="_steins">  steins</option>
<option value="_homedecor"> home decor</option>
<option value="_giant-wall-clocks">  Large Wall Clock</option>
<option value="_modern-wall-clocks">  Modern Wall Clock</option>
<option value="_pillows">  Throw Pillows</option>
<option value="_clocks">  Wall Clocks</option>
<option value="_ornaments">  Ornaments</option>
<option value="_tile-coasters">  Tile Coasters</option>
<option value="_keepsake-boxes">  Keepsake Boxes</option>
<option value="_framed-tiles">  Framed Tiles</option>
<option value="_aprons"> Aprons</option>
<option value="_pets"> pets</option>
<option value="_small-pet-bowls">  Small Pet Bowls</option>
<option value="_large-pet-bowls">  Large Pet Bowls</option>
<option value="_dog-t-shirts">  Dog T-Shirts</option>
<option value="_cards">Cards & Stationery</option>
<option value="_stationery"> Greeting Cards</option>
<option value="_greeting-cards">  Greeting Cards</option>
<option value="_greeting-cards-10-pack">  Greeting Cards">Pk of 10</option>
<option value="_greeting-cards-20-pack">  Greeting Cards">Pk of 20</option>
<option value="_note-cards-10-pack">  Note Cards">Pk of 10</option>
<option value="_note-cards-20-pack">  Note Cards">Pk of 20</option>
<option value="_postcards">  Postcards</option>
<option value="_calendars"> Calendars</option>
<option value="_wall-calendars">  Wall Calendars</option>
<option value="_oversized-wall-calendars">  Oversized Wall Calendars</option>
<option value="_calendar-prints">  Calendar Prints</option>
<option value="_art">Art & Posters</option>
<option value="_posters"> Posters</option>
<option value="_mini-posters">  Mini Posters</option>
<option value="_small-posters">  Small Posters</option>
<option value="_large-posters">  Large Posters</option>
<option value="_framed-prints"> Framed Prints</option>
<option value="_small-framed-prints">  Small Framed Prints</option>
<option value="_large-framed-prints">  Large Framed Prints</option>
<option value="_framed-panel-prints">  Framed Panel Prints</option>
<option value="_signs">Signs & Fun Stuff</option>
<option value="_outdoor-signs"> Signs</option>
<option value="_banners">  Banners</option>
<option value="_yard-signs">  Yard Signs</option>
<option value="_stickers"> Stickers</option>
<option value="_bumperstickers">  Bumper Stickers</option>
<option value="_oval-stickers">  Oval Stickers</option>
<option value="_oval-stickers-10-pack">  Oval Stickers">10 Pack</option>
<option value="_oval-stickers-50-pack">  Oval Stickers">50 Pack</option>
<option value="_rectangle-stickers">  Rectangle Stickers</option>
<option value="_rectangle-stickers-10-pack">  Rectangle Stickers">10 Pack</option>
<option value="_rectangle-stickers-50-pack">  Rectangle Stickers">50 Pack</option>
<option value="_lapel-stickers">  Lapel Stickers">48 Pack</option>
<option value="_buttons"> Buttons</option>
<option value="_oversized-buttons">  3.5" Buttons</option>
<option value="_oversized-buttons-10-pack">  3.5" Buttons">Pk of 10</option>
<option value="_oversized-buttons-100-pack">  3.5" Buttons">Pk of 100</option>
<option value="_pin-back-buttons">  2.25" Buttons</option>
<option value="_pin-back-buttons-10-pack">  2.25" Buttons">10 pack</option>
<option value="_pin-back-buttons-100-pack">  2.25" Buttons">100 pack</option>
<option value="_mini-buttons">  Mini Buttons</option>
<option value="_mini-buttons-10-pack">  Mini Buttons">10 pack</option>
<option value="_mini-buttons-100-pack">  Mini Buttons">100 pack</option>
<option value="_magnets"> Magnets</option>
<option value="_round-magnets">  Round Magnets</option>
<option value="_round-magnets-10-pack">  Round Magnets">10 pack</option>
<option value="_round-magnets-100-pack">  Round Magnets">100 pack</option>
<option value="_rectangle-magnets">  Rectangle Magnets</option>
<option value="_rectangle-magnets-10-pack">  Rectangle Magnets">10 pack</option>
<option value="_Rectangle magnets-100-pack">  Rectangle magnets">100-pack</option>
<option value="_flip-camcorders">Flip Camcorders</option>
<option value="_flip-mino-HD">  Flip Mino HD</option>
<option value="_flip-mino-camcorder">  Flip Mino Camcorder</option>
<option value="_fun-stuff"> More Fun Stuff</option>
<option value="_mousepads">  Mousepads</option>
<option value="_teddy-bears">  Teddy Bears</option>
<option value="_license-plate-frames">  License Plate Frames</option>
<option value="_entertainment">Books & CDs</option>
<option value="_books"> Books</option>
<option value="_cds"> CDs</option>
<option value="_music">  Music</option>
<option value="_software">  Software</option>
</select>

This message has been edited. Last edited by: Teesed,

OK, I know there are issues with FireFox. Working on those now.

OK, I think I've fixed the cross-browser issues and I've whittled down the selections a little bit.

Also added a little css to make the dropdown sections/categories easier to see:

I'm going to post this in teesed, but leave the previous post up in case someone wants the code for the full dropdown options.



<style type="text/css">
option.cpsearch_L1 {background-color:#333333;color:#ffffff;}
option.cpsearch_L2 {background-color:#CCCCCC;}

</style>

<script type="text/javascript">
<!--
function handleThis(thisform)
{
var shopid = "teesed";
var searchterm = thisform.searchterm.value;
var prod_type = thisform.prod_type.value;
window.location= "http://www.cafepress.com/" + shopid + "/s_" + searchterm + prod_type;
return false;
}
// -->
</script>
<div style="text-align:center;"><form name="cpsearchbox" id="cpsearchbox" onsubmit="return handleThis(this)">
Search: <input type="text" name="searchterm" name="searchterm" value="type search here..." onFocus="javascript:this.select()" />
in <select name="prod_type" id="prod_type">
<option value="">All products</option>
<option class="cpsearch_L1" value="_t-shirts">T-Shirts & Clothing</option>
<option class="cpsearch_L2" value="_mens-clothing">&nbsp;Men</option>
<option value="_mens-t-shirts">&nbsp;&nbsp;T-Shirts</option>
<option value="_ringer-t-shirts">&nbsp;&nbsp;Ringers</option>
<option value="_baseball-jerseys">&nbsp;&nbsp;Baseball Jerseys</option>
<option value="_sleeveless-t-shirts">&nbsp;&nbsp;Sleeveless</option>
<option value="_organic">&nbsp;&nbsp;Organic T-Shirts</option>
<option value="_mens-polos-and-shirts">&nbsp;&nbsp;Polos and Shirts</option>
<option value="_outerwear">&nbsp;&nbsp;Outerwear</option>
<option value="_sweatshirts">&nbsp;&nbsp;Sweatshirts</option>
<option value="_underwear">&nbsp;&nbsp;Undergarments</option>
<option class="cpsearch_L2" value="_womens-clothing">&nbsp;Women</option>
<option value="_womens-t-shirts">&nbsp;&nbsp;T-Shirts</option>
<option value="_womens-polos-and-shirts">&nbsp;&nbsp;Polos and Shirts</option>
<option value="_womens-outerwear">&nbsp;&nbsp;Outerwear</option>
<option value="_maternity-t-shirts">&nbsp;&nbsp;Maternity</option>
<option value="_plus-size-t-shirts">&nbsp;&nbsp;Plus Size</option>
<option value="_womens-activewear">&nbsp;&nbsp;Activewear</option>
<option value="_undergarments">&nbsp;&nbsp;Undergarments</option>
<option class="cpsearch_L2" value="_juniors-clothing">&nbsp;Juniors</option>
<option value="_juniors-t-shirts">&nbsp;&nbsp;T-Shirts</option>
<option value="_juniors-activewear">&nbsp;&nbsp;Activewear</option>
<option class="cpsearch_L2" value="_kids-and-baby-clothing">&nbsp;Kids & Baby</option>
<option value="_kids-t-shirts">&nbsp;&nbsp;Kids' T-Shirts</option>
<option value="_kids-fleece">&nbsp;&nbsp;Kids' Sweatshirts</option>
<option value="_infant-and-toddler-t-shirts">&nbsp;&nbsp;Infant/Toddler T-Shirts</option>
<option value="_infant-bodysuits">&nbsp;&nbsp;Infant Bodysuits</option>
<option value="_infant-bibs">&nbsp;&nbsp;Infant Bibs</option>
<option class="cpsearch_L2" value="_hats-and-bags">&nbsp;Hats & Bags</option>
<option value="_hats">&nbsp;&nbsp;Hats</option>
<option value="_bags">&nbsp;&nbsp;Bags</option>
<option class="cpsearch_L1" value="_gifts">Home & Gifts</option>
<option class="cpsearch_L2" value="_mugs">&nbsp;Mugs & Drinkware</option>
<option class="cpsearch_L2" value="_homedecor">&nbsp;Home Decor</option>
<option value="_giant-wall-clocks">&nbsp;&nbsp;Large Wall Clock</option>
<option value="_modern-wall-clocks">&nbsp;&nbsp;Modern Wall Clock</option>
<option value="_clocks">&nbsp;&nbsp;Wall Clocks</option>
<option value="_pillows">&nbsp;&nbsp;Throw Pillows</option>
<option value="_ornaments">&nbsp;&nbsp;Ornaments</option>
<option value="_tile-coasters">&nbsp;&nbsp;Tile Coasters</option>
<option value="_keepsake-boxes">&nbsp;&nbsp;Keepsake Boxes</option>
<option value="_framed-tiles">&nbsp;&nbsp;Framed Tiles</option>
<option class="cpsearch_L2" value="_aprons">&nbsp;Aprons</option>
<option class="cpsearch_L2" value="_pets">&nbsp;Pets</option>
<option value="_small-pet-bowls">&nbsp;&nbsp;Small Pet Bowls</option>
<option value="_large-pet-bowls">&nbsp;&nbsp;Large Pet Bowls</option>
<option value="_dog-t-shirts">&nbsp;&nbsp;Dog T-Shirts</option>
<option class="cpsearch_L1" value="_cards">Cards & Stationery</option>
<option class="cpsearch_L2" value="_stationery">&nbsp;Greeting Cards</option>
<option value="_greeting-cards">&nbsp;&nbsp;Greeting Cards</option>
<option value="_greeting-cards-10-pack">&nbsp;&nbsp;Greeting Cards">Pk of 10</option>
<option value="_greeting-cards-20-pack">&nbsp;&nbsp;Greeting Cards">Pk of 20</option>
<option value="_note-cards-10-pack">&nbsp;&nbsp;Note Cards">Pk of 10</option>
<option value="_note-cards-20-pack">&nbsp;&nbsp;Note Cards">Pk of 20</option>
<option value="_postcards">&nbsp;&nbsp;Postcards</option>
<option class="cpsearch_L2" value="_calendars">&nbsp;Calendars</option>
<option value="_wall-calendars">&nbsp;&nbsp;Wall Calendars</option>
<option value="_oversized-wall-calendars">&nbsp;&nbsp;Oversized Wall Calendars</option>
<option value="_calendar-prints">&nbsp;&nbsp;Calendar Prints</option>
<option class="cpsearch_L1" value="_art">Art & Posters</option>
<option class="cpsearch_L2" value="_posters">&nbsp;Posters</option>
<option value="_mini-posters">&nbsp;&nbsp;Mini Posters</option>
<option value="_small-posters">&nbsp;&nbsp;Small Posters</option>
<option value="_large-posters">&nbsp;&nbsp;Large Posters</option>
<option class="cpsearch_L2" value="_framed-prints">&nbsp;Framed Prints</option>
<option value="_small-framed-prints">&nbsp;&nbsp;Small Framed Prints</option>
<option value="_large-framed-prints">&nbsp;&nbsp;Large Framed Prints</option>
<option value="_framed-panel-prints">&nbsp;&nbsp;Framed Panel Prints</option>
<option class="cpsearch_L1" value="_signs">Signs & Fun Stuff</option>
<option class="cpsearch_L2" value="_outdoor-signs">&nbsp;Signs</option>
<option value="_banners">&nbsp;&nbsp;Banners</option>
<option value="_yard-signs">&nbsp;&nbsp;Yard Signs</option>
<option class="cpsearch_L2" value="_stickers">&nbsp;Stickers</option>
<option value="_bumperstickers">&nbsp;&nbsp;Bumper Stickers</option>
<option value="_oval-stickers">&nbsp;&nbsp;Oval Stickers</option>
<option value="_oval-stickers-10-pack">&nbsp;&nbsp;Oval Stickers">10 Pack</option>
<option value="_oval-stickers-50-pack">&nbsp;&nbsp;Oval Stickers">50 Pack</option>
<option value="_rectangle-stickers">&nbsp;&nbsp;Rectangle Stickers</option>
<option value="_rectangle-stickers-10-pack">&nbsp;&nbsp;Rectangle Stickers">10 Pack</option>
<option value="_rectangle-stickers-50-pack">&nbsp;&nbsp;Rectangle Stickers">50 Pack</option>
<option value="_lapel-stickers">&nbsp;&nbsp;Lapel Stickers">48 Pack</option>
<option class="cpsearch_L2" value="_buttons">&nbsp;Buttons</option>
<option value="_oversized-buttons">&nbsp;&nbsp;3.5" Buttons</option>
<option value="_oversized-buttons-10-pack">&nbsp;&nbsp;3.5" Buttons">Pk of 10</option>
<option value="_oversized-buttons-100-pack">&nbsp;&nbsp;3.5" Buttons">Pk of 100</option>
<option value="_pin-back-buttons">&nbsp;&nbsp;2.25" Buttons</option>
<option value="_pin-back-buttons-10-pack">&nbsp;&nbsp;2.25" Buttons">10 pack</option>
<option value="_pin-back-buttons-100-pack">&nbsp;&nbsp;2.25" Buttons">100 pack</option>
<option value="_mini-buttons">&nbsp;&nbsp;Mini Buttons</option>
<option value="_mini-buttons-10-pack">&nbsp;&nbsp;Mini Buttons">10 pack</option>
<option value="_mini-buttons-100-pack">&nbsp;&nbsp;Mini Buttons">100 pack</option>
<option class="cpsearch_L2" value="_magnets">&nbsp;Magnets</option>
<option value="_round-magnets">&nbsp;&nbsp;Round Magnets</option>
<option value="_round-magnets-10-pack">&nbsp;&nbsp;Round Magnets">10 pack</option>
<option value="_round-magnets-100-pack">&nbsp;&nbsp;Round Magnets">100 pack</option>
<option value="_rectangle-magnets">&nbsp;&nbsp;Rectangle Magnets</option>
<option value="_rectangle-magnets-10-pack">&nbsp;&nbsp;Rectangle Magnets">10 pack</option>
<option value="_Rectangle magnets-100-pack">&nbsp;&nbsp;Rectangle magnets">100-pack</option>
<option class="cpsearch_L1" value="_flip-camcorders">Flip Camcorders</option>
<option value="_flip-mino-HD">&nbsp;&nbsp;Flip Mino HD</option>
<option value="_flip-mino-camcorder">&nbsp;&nbsp;Flip Mino Camcorder</option>
<option class="cpsearch_L2" value="_fun-stuff">&nbsp;More Fun Stuff</option>
<option value="_mousepads">&nbsp;&nbsp;Mousepads</option>
<option value="_teddy-bears">&nbsp;&nbsp;Teddy Bears</option>
<option value="_license-plate-frames">&nbsp;&nbsp;License Plate Frames</option>
<option class="cpsearch_L1" value="_entertainment">Books & CDs</option>
<option class="cpsearch_L2" value="_books">&nbsp;Books</option>
<option class="cpsearch_L2" value="_cds">&nbsp;CDs</option>
<option value="_music">&nbsp;&nbsp;Music</option>
<option value="_software">&nbsp;&nbsp;Software</option>
</select>
<input type="submit" name="submit" value="Search" /></form></div>

This message has been edited. Last edited by: Teesed,

Yup, working version up at http://www.cafepress.com/teesed

Here's one with just the first and second level categories:

<select name="prod_type" id="prod_type">
<option value="">All products</option>
<option class="cpsearch_L1" value="_t-shirts">T-Shirts & Clothing</option>
<option class="cpsearch_L2" value="_mens-clothing"> Men</option>
<option class="cpsearch_L2" value="_womens-clothing"> Women</option>
<option class="cpsearch_L2" value="_juniors-clothing"> Juniors</option>
<option class="cpsearch_L2" value="_kids-and-baby-clothing"> Kids & Baby</option>
<option class="cpsearch_L2" value="_hats-and-bags"> Hats & Bags</option>
<option class="cpsearch_L1" value="_gifts">Home & Gifts</option>
<option class="cpsearch_L2" value="_mugs"> Mugs & Drinkware</option>
<option class="cpsearch_L2" value="_homedecor"> Home Decor</option>
<option class="cpsearch_L2" value="_aprons"> Aprons</option>
<option class="cpsearch_L2" value="_pets"> Pets</option>
<option class="cpsearch_L1" value="_cards">Cards & Stationery</option>
<option class="cpsearch_L2" value="_stationery"> Greeting Cards</option>
<option class="cpsearch_L2" value="_calendars"> Calendars</option>
<option class="cpsearch_L1" value="_art">Art & Posters</option>
<option class="cpsearch_L2" value="_posters"> Posters</option>
<option class="cpsearch_L2" value="_framed-prints"> Framed Prints</option>
<option class="cpsearch_L1" value="_signs">Signs & Fun Stuff</option>
<option class="cpsearch_L2" value="_outdoor-signs"> Signs</option>
<option class="cpsearch_L2" value="_stickers"> Stickers</option>
<option class="cpsearch_L2" value="_buttons"> Buttons</option>
<option class="cpsearch_L2" value="_magnets"> Magnets</option>
<option class="cpsearch_L1" value="_flip-camcorders">Flip Camcorders</option>
<option class="cpsearch_L2" value="_fun-stuff"> More Fun Stuff</option>
<option class="cpsearch_L1" value="_entertainment">Books & CDs</option>
<option class="cpsearch_L2" value="_books"> Books</option>
<option class="cpsearch_L2" value="_cds"> CDs</option>
</select>

Thanks to Teesed... and everyone who helped... for another awesome tool.

FYI: It might have been me, but I had to copy/paste from your shop rather than the forum code. Don't know why. When I did it from here, it worked for main categories (t-shirts, mens, etc.) but for individual products, it sent me to "Oops" pages.

Yip on Teesed site this happens too.

quote:

Originally posted by Mish:
Yip on Teesed site this happens too.

Whatchoo talkin bout Willis?

Give me an example search and product. I've checked on IE and FF.

Im getting the same Oops error in my store but it works fine in Teesed's store. For some reason the computer at work doesnt allow me to see source codes so when I get home I will copy and paste from his store

I copied the code from Teesed's site and it worked like a charm!

Thanks Teesed

Cool!

I've added a couple of things to my shop code so it's easier to find then.

Look for
<! -- cp search box -->


and
<! -- /cp search box -->

to begin and end the code text.