Support InnovativeWP Support InnovativeWP
  • Home 
  • Forum 
    • Forums 
    • Ask Question 
  • Blog 
  • Important 
    • About Us 
    • Contact 
    • Sign in 
    • Sign up 
Pricing
Support InnovativeWP Support InnovativeWP
Pricing
Support InnovativeWP
  • Home 
  • Forum 
    • Forums 
    • Ask Question 
  • Blog 
  • Important 
    • About Us 
    • Contact 
    • Sign in 
    • Sign up 

Swatches & Images

  • rc6About Plugin
  • rc16Demo
    • Product Demo
    • Video Demo
    • Additional Gallery Images
    • Variation Swatches
    • Gallery Settings
  • rc9Installation
    • WordPress Manual Installation
    • FTP Installation
  • rc12Setup
    • Basic Settings
    • More Basic Settings
    • Designs
  • rc10Gallery Images
  • rc13Global Setup
    • Attribute Setup
    • Image Variation
    • Color Variation
    • Label / Button Variation
    • Dual Color Variation
    • Radio Button Variation
  • rc14Custom Setup
    • Attribute Setup
    • Image Variation
    • Color Variation
    • Label / Button Variation
    • Dual Color Variation
    • Radio Button Variation
  • rc5SEO setup
    • Site Speed Settings
    • Sharable Links
  • rc15Additional Features
    • Enlarging Variations
    • Tooltips
    • Stock Notice
    • Limiter
    • Filter
    • Variation Names
    • Shop / Archives Page
  • cloud1Common Mistakes
    • Not setting up images
    • Infinite Scroll & AJAX
    • Caching
  • SupportFAQs
  • fun fact 5CodeCanyon
    • Button Swatches
    • Color Swatches
    • Dual Color Swatches
    • Image Swatches
    • Quick View Support
    • Dropdown Swatches
    • Vertical Product Gallery
    • Horizontal Gallery
    • Gallery Size
    • Gallery Sizes based on Devices
    • Thumbnail Image Numbers
    • Animated Preloaders
    • Auto-Playing Gallery
    • Arrows On Gallery
    • Zoom Images
    • Zoom Button
    • Product Type Disabler
    • Images on Archives
    • Swatches Shape
    • Automatic Dropdowns
    • AJAX Variation Loader
    • Out of stock disabler
    • Stock Info
    • Stock Info on Archives
    • Attribute Name
    • Animations For Not Available
    • Swatches Dimensions
    • Swatches Colors
    • Transient Caching Control
    • Swatches on Archives Page
    • Add to Cart Button Customizers
    • Swatches Alignment
    • Swatches Sizes
    • Single Variation Visibility
    • Single Variation Images
    • Dropdowns Mixing
    • Dropdowns on Archives
    • Text Tooltips
    • Image Tooltip
    • Sharable Links
    • Archives Pages
    • Filters
    • Caching
    • Migration From Other Plugins
    • Global Settings VS Custom Settings
    • Compatibility
    • Change Prize Range On Variation Selection
    • Tooltip Text Customizing
    • Image Flip Archives
    • Import / Export Variation Swatches
    • Hidden Clear Variations Button
    • Gallery Slider
    • Product Video (Youtube, Vimeo, Self Hosted)
    • Limiter

Swatches & Images

  • rc6About Plugin
  • rc16Demo
    • Product Demo
    • Video Demo
    • Additional Gallery Images
    • Variation Swatches
    • Gallery Settings
  • rc9Installation
    • WordPress Manual Installation
    • FTP Installation
  • rc12Setup
    • Basic Settings
    • More Basic Settings
    • Designs
  • rc10Gallery Images
  • rc13Global Setup
    • Attribute Setup
    • Image Variation
    • Color Variation
    • Label / Button Variation
    • Dual Color Variation
    • Radio Button Variation
  • rc14Custom Setup
    • Attribute Setup
    • Image Variation
    • Color Variation
    • Label / Button Variation
    • Dual Color Variation
    • Radio Button Variation
  • rc5SEO setup
    • Site Speed Settings
    • Sharable Links
  • rc15Additional Features
    • Enlarging Variations
    • Tooltips
    • Stock Notice
    • Limiter
    • Filter
    • Variation Names
    • Shop / Archives Page
  • cloud1Common Mistakes
    • Not setting up images
    • Infinite Scroll & AJAX
    • Caching
  • SupportFAQs
  • fun fact 5CodeCanyon
    • Button Swatches
    • Color Swatches
    • Dual Color Swatches
    • Image Swatches
    • Quick View Support
    • Dropdown Swatches
    • Vertical Product Gallery
    • Horizontal Gallery
    • Gallery Size
    • Gallery Sizes based on Devices
    • Thumbnail Image Numbers
    • Animated Preloaders
    • Auto-Playing Gallery
    • Arrows On Gallery
    • Zoom Images
    • Zoom Button
    • Product Type Disabler
    • Images on Archives
    • Swatches Shape
    • Automatic Dropdowns
    • AJAX Variation Loader
    • Out of stock disabler
    • Stock Info
    • Stock Info on Archives
    • Attribute Name
    • Animations For Not Available
    • Swatches Dimensions
    • Swatches Colors
    • Transient Caching Control
    • Swatches on Archives Page
    • Add to Cart Button Customizers
    • Swatches Alignment
    • Swatches Sizes
    • Single Variation Visibility
    • Single Variation Images
    • Dropdowns Mixing
    • Dropdowns on Archives
    • Text Tooltips
    • Image Tooltip
    • Sharable Links
    • Archives Pages
    • Filters
    • Caching
    • Migration From Other Plugins
    • Global Settings VS Custom Settings
    • Compatibility
    • Change Prize Range On Variation Selection
    • Tooltip Text Customizing
    • Image Flip Archives
    • Import / Export Variation Swatches
    • Hidden Clear Variations Button
    • Gallery Slider
    • Product Video (Youtube, Vimeo, Self Hosted)
    • Limiter

Image Variation

Estimated reading: 2 minutes

If you have variable product in your store and have attribute variation created globally in attributes >> products page. This tutorial is for you.

Step 01: Editing Attribute

Access Products > Attributes.

To set image attribute type to Image attribute, click on Edit.

After selecting button, it will open attribute editing panel. Select Image Type from the type dropdown.

When attribute type selection is completed, get back to the attribute list page. The Attribute list would look like the following image. Now Image Attribute is showing Image type instead of default Select type.

After selecting attribute type, the frontend of the product would look like the following screenshot. Don’t be panic, if you find your attribute variations weird. It happens because you haven’t set any image for variations yet.

Editing Variations


To define image as variations inside the image attribute. Head over to Products > Attributes. Select Configure terms from image attribute.

After selecting Configure terms, a list of attribute variations comes up. For Image attribute, three variations: Charmeuse, Satin, Silk, Velvet and Wool variations are listed for me. As those variation have no image defined, they look like the following screenshot.

Edit each variation one by one to add variation image. For demonstration, I am going to select Edit link for Charmeuse variation.

From variation edit panel. Select desired image press Upload/Add Image button and the update the changes pressing the Update button. For my red variation.

After adding image for entire variations, you are ready to publish.

Video Guide:


How can we help?

A premium WordPress theme with integrated Knowledge Base,
providing 24/7 community based support.

  • Documentations
  • Support Forum
  • Contact Us

© 2022 All Rights Reserved by InnovativeWP