Drop down menu problems

[digitalcow]

Eric

Wonder if you could help out here, I am having a nightmare. I am trying to create two different drop down menus, the first one would be for my current price filter system and the second one would be a customised menu for each section where the user could select the types of product in that section. I have all of the code for each working perfectly well as widgets for sidebars but I am modifying my theme and I will not have any sidebars on the site so I would like to be able to include these filtering options as drop down menus.

I have searched the forum and tried the various pieces of code you posted, including the one to get brands to show in a filter as set out here /show...0421#post20421. That works but what I need really is to be able to enter my own list of urls for the drop down to select. I have a list of sub category urls for, for example, the dresses section. These are
http://digitalcatwalk.co.uk/category...vening-dresses
http://digitalcatwalk.co.uk/category...casual-dresses
etc

so I need the user to be able to scroll through the options and choose which one they like. Auto reload is not required. I have tried general dhtml menus and still am a little stuck.

Any pointers would be great, thanks

[Eric]

Hi,

You say you have the Widgets set up properly. What are the widget names? Also, what is the ID of the Store where these widgets exist?

Eric

[digitalcow]

Store ID is 39063. The widgets are Price Filter and any one of the numerous product named filters (they are all the same but for different sections). All of these widgets work fine as a list of options which the user can click on but it's making the list into a drop down which has stumped me.

Thanks

[Eric]

Originally Posted by digitalcow

but it's making the list into a drop down which has stumped me.

What kind of drop down are you referring to? Do you mean an HTML <select> menu or do you mean something else?

Can you provide an example of the type of drop down you mean?

[digitalcow]

Sorry I think I got my terms messed up. I think I mean a selection menu rather than a drop down. At the moment I have five price selection options in a list for people to click on, I would like this as a selection list instead, similar to if you were filling a form in online.

I think I have managed to confuse myself!!

[digitalcow]

Example of what I am trying to do can be found here http://webdesign.about.com/od/exampl...ddredirect.htm


Thanks

[Eric]

Hi,

That's going to require a lot of work. Currently, you have all of those views filled with Unordered HTML lists.

For example, you have:

<ul>
	<li><a href="#">link 1</a></li>
	<li><a href="#">link 2</a></li>
	<li><a href="#">link 3</a></li>
</ul>

To get the kind of drop down you want, traditionally you would completely different HTML to create it. For example, you would use:

<form>
	<select name="key">
		<option value="1">One</option>
		<option value="2">Two</option>
		<option value="3">Three</option>
	</select>
</form>

However, I imagine you don't want to go back and change all of those views... That would be a lot of work.

I did find this: http://tympanus.net/codrops/2012/10/...-list-styling/

That converts HTML unordered lists into 'dropdown-ish' layouts. It requires HTML editing plus the addition of CSS and jQuery. Implementing this is outside of the scope of support that we can provide. However the instructions on that page are quite good. I've not tested this tutorial but I imagine it works fine.

As an aside, why have you created all of those separate category lists?

Eric

[digitalcow]

Edited. Got it working. I was after a jump menu. It's easy once you know the terms I guess hehe

The reason I had so many widgets is I did them before I got round to using filters. I use filters on the site now but I keep them as I have a lot of manual links in the site.

[Eric]

Here's a working <select> menu:

<form>
	<select name="price">
		<option value="-20">Under &pound;20</option>
		<option value="20-50">&pound;20 to &pound;50</option>
		<option value="50-100">&pound;50 to &pound;100</option>
		<option value="100-">Over &pound;100</option>
	</select>
	<input type="submit" value="GO!" />
</form>

[digitalcow]

Perfect. All this trouble because I wanted to make a theme without a sidebar!!

Thanks for your help, Eric

[digitalcow]

Sorry one last question

How can I modify the code above so that it would select a url. I have tried to modify the code, as below, but it gives me an error

<form>
<select name="url">
<option value="http://test.com">Test</option>
</select>
<input type="submit" value="GO!" />
</form>

Instead of taking me to a url it displays http://digitalcatwalk.co.uk/category...%2F%2Ftest.com in the browser. It adds whatever I put in the form to the end of the current url

[Eric]

If you want the form to load another URL, you have to use the action attribute like this:

<form action="http://test.com">