How to Work the Attribute Gallery And How to Configure It

The Attribute Gallery feature in Variation Monster Pro allows you to assign specific images to product attributes such as color, style, material, or pattern. When a customer selects an attribute on the product page, the gallery automatically updates to display the images related to that selected attribute.

This helps customers clearly see the visual differences between attributes and improves the overall product browsing experience.

Step 1: Enable the Attribute Gallery

↑ Back to top

Before configuring attribute images, you need to enable the feature.

  1. Go to your WordPress Dashboard.
  2. Navigate to WooCommerce → Settings.
  3. Click the Variation Monster Pro tab.
  4. Find the Attribute Gallery option.
  5. Turn on “Attribute Gallery On”.
  6. Click Save Changes.

Once enabled, you will be able to configure attribute galleries inside the product edit page.

Step 2: Configure Attribute Images from the Product Page

↑ Back to top

After enabling the feature, follow these steps to assign images to attributes:

  1. Go to Products → All Products.
  2. Open any variable product you want to configure.
  3. Scroll down to the Variation Monster tab in the product editor.
  4. Locate the Extend Attribute Settings section.

Here you will see a list of your product attributes. For example, if your product has a Color attribute, it will display values such as:

  • Blue
  • Red
  • Green
  • Black

Inside this section, you can:

  • Upload or select multiple images for that attribute into Gallery Image.

Repeat the same process for each attribute value.

Once finished, click Update to save the product settings.

Step 3: Configure Attribute Gallery Image Size

↑ Back to top

You can also control the image size used in the attribute gallery.

  1. Go to WooCommerce → Settings.
  2. Click Variation Monster Pro.
  3. Open the Attribute Gallery settings section.
  4. Find the option “Attribute Gallery Image Size”.

Available image sizes may include:

  • Large
  • Medium
  • Thumbnail
  • Medium Large
  • WooCommerce Thumbnail
  • WooCommerce Single
  • WooCommerce Gallery Thumbnail

Select the size that best fits your theme and product page layout, then save your settings.

Frontend Result

↑ Back to top

After configuration:

  • Customers visit the single product page.
  • When they select an attribute (for example, Blue color), the product gallery automatically updates.
  • The gallery displays only the images assigned to the selected attribute.

This creates a more visual, interactive, and user-friendly shopping experience, helping customers quickly understand product options and make better purchasing decisions.