Dropdowns? Or more than four Variations?

[loadedaudio]

Hi all

Is there anyway of getting products within a particular category to display in a dropdown menu? I’m setting up the store for my audio engineering site and I have two main categories: Mixing and Mastering. Both categories have 16 products (i.e Mastering – 1 Track, Mastering – 2 Tracks, etc…) and each product has it’s own individual price. There is no need for thumbnails, and there is no need for “Buy It Now” options. Having spent an evening with WP e-store all I can manage is to display each individual product on the store page. Very clunky when there are sixteen/thirty two entries, and massively visually unappealing.

As mentioned before what I really want is to display each categories’ products in a drop down, so the user can select/highlight the appropriate number of tracks and then click “Add to Cart”. This would allow me to present all my products in a very small area of space and not have the store spread out onto 2 or 3 pages which, from a site design POV, would be a disaster.

Product Variations appears to be stepping in the right direction but only offers 4 variations per product which is not enough for my needs.

Am I missing something? Can this be done with WP eStore in its present state? Is there another non-dropdown way where what I want can be achieved? Please bear in mind I’m a complete novice at site building so any tips or pointers will be gratefully received.

Thanks very much

Frank

[amin007]

A pre-configured fancy display of eStore won’t help here.. this post will explain more as to why:

https://support.tipsandtricks-hq.com/forums/topic/can-i-put-multiple-images-and-videos-in-the-fancy-display

However, you should be able to achieve what you are after using the “Text Link” method of adding a product to the cart. This method allows your customers to add a product by clicking on a text link. So when you create the drop down menu for your products you just use a link for each drop down item or you could display all the links in a table or a bullet list. For exmaple:

- <a href="http://example.com/checkout/?wp_eStore_add_to_cart=1">Buy Product 1</a>

- <a href="http://example.com/checkout/?wp_eStore_add_to_cart=2">Buy Product 2</a>

......

The number correspond to the actual product ID.

Now, when a visitor clicks on the “Buy Product” link he will go to the “Checkout” page and the item will be in the cart (assuming you have created a page called checkout and placed the shopping cart display shortcode there).

You will need to use the extra eStore shortcodes plugin to get this “add product via link” option. You can find the plugin here:

http://www.tipsandtricks-hq.com/ecommerce/wp-estore-shortcodes-and-functions-reference-460

[loadedaudio]

Brilliant, thanks. That makes a lot of sense. Am looking at how to make a drop down in WordPress and it doesn’t seem *too* complicated, but at least I know I can get what I’m looking for.

Thanks for such a quick response.

[loadedaudio]

I have spent some time trying to create a drop down in HTML and that works (using the <select> tag). I have followed your advice to create Add To Cart links and that works too. The trouble I am having now is that the two don’t work when I put them together! I can make the text display but it doesn’t display as a link…

So far I have:

<select>

<option value=”a href=”http://www.loadedaudio.com/?wp_eStore_add_to_cart=3″>Mastering – 1 Track</option>

<option value=”a href=”http://www.loadedaudio.com/?wp_eStore_add_to_cart=4″>Mastering – 2 Tracks</option>

<option value=”a href=”http://www.loadedaudio.com/?wp_eStore_add_to_cart=5″>Mastering – 3 Tracks</option>

</select>

I think there might be mistake in the way I am including the link but I don’t know what it is. Any ideas?

[loadedaudio]

And I noticed that there is a discrepancy in the extra eStore shortcode you posted in your example and the equivalent shortcode as included in the extra eStore shortcode pdf. Although it might just be the way I’m reading/using it…

[amin007]

Your select input code is wrong. Creating an HTML link and creating a select boxes are two different things. If you are not fluent with HTML code then stick to a bullet list of links as it will save you unnecessary hassles.

[Author]

Posts