How do I change a product variaton through an image field? Using Drupal Commerce you can set fields in the product entity which can function as attribute selection fields. The visitor can use them to switch the variations of a product.

I created a field called SIZE which allows the visitor to switch the variations of a product. This works fine. Now I need to allow to change the variation by clicking in a image of the variation. See my capture to get the idea.

I create an image field and set it to 1 value, but the "Attribute field settings" area didn't show up. In this area you can check "Enable this field to function as an attribute field on Add to Cart forms."

I thought this module could help, but as far as I see it is not useful for this: https://www.drupal.org/project/commerce_fancy_attributes
Try using Commerce Fancy Attributes along with Field Extractor Module

This module provides:


A formatter for reference fields
A views field for reference fields (called "Field extracted from entity referenced through $field")


This module uses field_view_field hook


  Returns a renderable array for the value of a single field in an
  entity.
  
  The resulting output is a fully themed field with label and multiple
  values.