how can dropdown change when thumbnail color is selected

  • lindsayLu

    (@lindsaylu)


    7 years, 7 months ago

    what I’m trying to accomplish is to have the dropdown menu for my variable product change when a thumbnail color is clicked. So you click a thumbnail and the main image changes AND the dropdown changes to the color you’ve selected.

    Right now if you choose a color from the 32 color options on the dropdown the image changes, but I’d like to be able to click the thumbnail and have the dropdown change as another options for choosing your color. Basically, we have 30-40 different color options on each product, so if the dropdown doesn’t change customers will have no idea what color the thumbnail they’ve chose is called…

    I’d prefer not to use a plugin, but will if it’s my only option.

    TIA!

    https://wordpress.org/plugins/woocommerce/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Caleb Burks

    (@icaleb)

    Automattic Happiness Engineer

    7 years, 7 months ago

    Basically, we have 30-40 different color options on each product, so if the dropdown doesn’t change customers will have no idea what color the thumbnail they’ve chose is called…

    Your site must be using something different for images – because core WooCommerce will still switch to the variation image even after other images have been viewed. Also using something aside from core to display thumbnails for variations rather than a select box.

    I don’t know of any existing plugins to do what you’re looking for, and it definitely isn’t possible to achieve by default. So you will likely need some custom code for this.

    Thread Starter lindsayLu

    (@lindsaylu)

    7 years, 7 months ago

    I’d be ok with using a plugin to achieve this if it is not a core function then. I just need the dropdown to change to it’s correct color when a thumbnail color is clicked….

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘how can dropdown change when thumbnail color is selected’ is closed to new replies.