How to have one dropdown for attributes

  • Resolved Gravel

    (@g22)


    6 years, 11 months ago

    Hi, actually we need to select the first attribute “Collection” before we could choose a “Couleur” attribute in the second dropdown.

    It’s not user friendly as in my case people will often select the Color without selecting a collection first. That makes it complicated for the customer to understand how it works.

    How could I have a single dropdown showing both attributes like so

    Collection Name > Color Name
    Collection Name > Color Name
    Collection Name > Color Name
    Collection Name > Color Name
    …

    That way it would only be one dropdown, way easier to figure out.

    Thanks for your help.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Unfortunately you can’t do that with WooCommerce- but this plugin will let you do something similar:

    https://codecanyon.net/item/woocommerce-extra-product-options/7908619?s_rank=1

    Plugin Support AW a11n

    (@slash1andy)

    Automattic Happiness Engineer

    @seank123 is correct, having multiple attributes in one dropdown is not something supported by WooCommerce itself.

    I tried this and you can run them together if you setup your attributes as a single list, so, in the Attributes setup tab:
    Floor type: Name 1 > Color 1 | Name 1 > Color 2 | Name 2 > Color 1 | Name 2 > Color 2
    produces 1 drop down with 4 items. A bit more work where you have a lot of variations but do-able. Perhaps also a bit more work for the customer in reading the drop-down list as it could become quite long.

    Another approach is to consider the variations threshold. Normally this is 30. Where there are less than 30 variations, all the data is loaded in the page, and it is not possible to select a variation which is not available. You have 4 x 21 = 83 possible variations. I understand they are not all available but I suspect its more than 30. Try increasing the threshold, I think you could find the two drop-downs more usable.

    This page gives the code for increasing the threshold:
    https://gist.github.com/mohsinoffline/f06c66259e667d6b16bb

    Thread Starter Gravel

    (@g22)

    Yes I though of that! It seems like the final solution. Unfortunately it won’t be possible anymore to browse by collections

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to have one dropdown for attributes’ is closed to new replies.