This plugin hasn’t been tested with the latest three major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

C4D Woo Variation Images

Description

C4D WooCommerce Variation Images is easy to use WooCommerce product Variation Images plugin. It means with the help of this powerful WooCommerce color or image Variation Images plugin, you can show product variation items in images, colors, and label.

With C4D WooCommerce Variation Images, you can create gallery for each attribute values. Your customers can select the product easier.

With Gallery in Variation Images, you can set Nav thumbnail direction like vertical or hozrizontal, and can change the thumbnail size with and margin.

Zoom Effect & Photoswipe are applied for gallery in Variation Images.

In listing page, you can show on/off the Variation Images by global option ( require C4D Plugin Manager & Redux Framework).

Flip Thumbnail is an option in Variation Images plugin, when hover on a product on listing page, the second product’s image will be shown.

Live Demo Document Premium

FEATURES IN C4D WooCommerce Variation Images

  • Completely integrate with WooCommerce plugin
  • Create attribute color swatches
  • Create attribute image swatches
  • Create attribute label/text swatches
  • Create custom attribute swatch in product editing page
  • Work on variable product
  • Work on variable product quick view
  • Control attribute setting globally.
  • Compatible with popular themes and plugins
  • Flip Thumbnail on listing page
  • Flexible tooltip insert and display settings
  • Enable Attributes Swatch In Archive / Store Pages
  • Control Swatches Width and Height on Archive Page.
  • Swatches alignment
  • Tooltip display setting on archive/shop page
  • Customize font size, swatches height and width
  • Customize swatches colors, background and border sizes
  • Automatic updates and exclusive technical support

PREMIUM FEATURE IN C4D WooCommerce Variation Images

  • Buy Multi Attributes: buy product with multi attributes (like color/size) at one time by ajax
  • Add more than 3 images for each swatches
  • Zoom out of box
  • Popup variation image when hover on variation.
  • Option to custom tooltip
  • Option to custom NAV slider
  • On/Off create default gallery slider instead of theme’s gallery slider
  • On/Off change gallery slider when click on variations

INSTALLATION & CONFIG

  1. Upload c4d-woo-variation-swatches to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Create attribute and set the attribute type: text/image/color. (Products -> Attributes -> Add New Attribute)
  4. Create Variable Product and insert image in Swatch Images

OPTION PAGE

To enable admin options please install C4D Plugin Manager plugin

MAY BE YOU NEED

C4D Woo Variation Images Display variation by image, color, text. Support add multi images for variations.
C4D Woocommerce Bundle Create frequently bought together product, sell bundle products with discount, promotion
C4D Woocommerce Boost Sales Auto create upsell, cross-sell product in mini cart, cart page, popup cart, thankyou, email.
C4D Woocommerce Filter Turn your shop into ajax filter without refresh page. Support all default widget of Woocommerce.
C4D Woocommerce Cart Create popup, side cart, support display cross-sell, upsell, related product in cart.

NEED SUPPORT OR CUSTOM

If you have question please contact us. Visit plugin website

Screenshots

Installation

  1. Upload c4d-woo-variation-swatches to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Create attribute and set the attribute type: text/image/color.
  4. Create Variable Product and insert image in Swatch Images

Reviews

17 May 2020
Ran in to some issues with my site and possibly due to other plugins. Unlike any other plugin builder the C4D team didn't blame to the other plugins as the source of the problem but took their time to help out and look for a solution. Perfect plugin, perfect support, you will never be waiting your money buying a coffee for this developer!
17 December 2020
This could be a great plugin, but it refuses to acknowledge basic variation principles built into Woocommerce. Case in point... 1. You know when you disable a variation in Woocommerce, it stops showing on the product page? Not with this plugin. Variations that shouldn't be shown still get shown. 2. You know if you don't give a variation a price, Woocommerce knows not to show the variation since price is required to be visible? Not with this plugin. All variations, even those without a price, are sure to be included on the product page. 3. Can't disable products, as this plugin will still show them. 4. Direct linking to variation products, nope, this plugin doesn't work for that either. 5. Requires a second plugin for customization, and it changes the elements when active, destroying any custom work already done. Here is the plugin you should get, as it works where this one doesn't: https://wordpress.org/plugins/woo-variation-swatches/ Get that, save the headache. Plus this plugin looks dead anyway.
26 July 2019
Finding a proper plugin withim literally hundreds of thousands of apps, already a challenge. But find a good team behind a hood plugin is a trully rare gem. I can state, that this team rocks! Not only super responsive, but also instead of the usual “panel” answers, they always looked for a real solution. Regardless if that took them time and effortx, helped us superior fast and exactly what we needed, wether we asked a new feature or a setup or a bug. I can recommend them, both professional and personal point of view!
Read all 12 reviews

Contributors and Developers

“C4D Woo Variation Images” is open source software. The following people have contributed to this plugin.

Contributors

Change Log

1.3.64

  • Fixed: change gallery for attribute with type is color/image only

1.3.63

  • Fixed: active wrong deftault attributes

1.3.62

  • Fixed: tooltip typo for related products

1.3.61

  • Fixed: show out of stock label for product has one attributes

1.3.60

  • Added: option to insert selector for related products.
  • Added: option to load js file of plugin. Fix bug when theme/other plugin load same lib with diff version

1.3.59

  • Fixed: out of stock label does not work when attributes are sorted.
  • Fixed: zoom function does not work

1.3.58

  • Added: show out of stock label for product has one attributes
  • Fixed: zoom function does not work

1.3.57

  • Fixed: duplidate swatch images in single page
  • Added: option to render swatch images before or after default theme attributes

1.3.56

  • Added: option to run with quickview plugin, run after ajax completes. Eg: YITH WooCommerce Quick View

1.3.55

  • Added: options to show view more link for variant box has more than 5 colors/images in category page
  • Added: option to show image or color on category page

1.3.54

  • Fixed: render gallery 2 times
  • Fixed: tooltip does not work when category using ajax to load products

1.3.53

  • Fixed: use woocommerce dropdown when attribute type is select

1.3.52

  • Fixed: translate string with WPML

1.3.51

  • Fixed: change plugin gallery when change select attributes
  • Fixed: create defined color
  • Fixed: translate string with WPML
  • Added: option to show tooltip on mobile

1.3.50

  • Updated: support Flatsome theme
  • Updated: option to load zoom library of Woocommerce

1.3.49

  • Fixed: break layout on iphone/ipad

1.3.48

  • Updated: language files
  • Updated: set default attribute type to image/color

1.3.47

  • Fixed: can not click color box on listing page with iphone/android

1.3.46

  • Added: notice install C4D Plugin Manager to enable Option page
  • Fixed: color filed name to create color option.

1.3.45

  • Added: option to hide clear button
  • Fixed: dont show matching attribute

1.3.44

  • Added: option Color Field Name: plugin auto create color setting by find color attribute, but color text in your country is differrent, so insert your color attribute name.
  • Added: option Out Stock Attribute: you can choose hide out stock attribute or show a label text (Out Of Stock) over attribute

1.3.43

  • Added: out stock label on attribute label

1.3.42

  • Fixed: next/previous/zoom button show over theme’s menu

1.3.41

  • Added: option Responsive: switch back to dropdown select of theme on small screen
  • Added: allow to choose attribute to convert into labels, keep other in select box type.

1.3.40

  • Fixed: show avaiable label, user can select easier

1.3.39

  • Update: show avaiable label, user can select easier

1.3.38

  • Update: break broken layout when slick lib is loaed from other plugins

1.3.37

  • Fixed: does not update price when change variation

1.3.36

  • Fixed: only hide default select boxs in single page

1.3.35

  • Fixed: add to cart don’t work when custom attributes value has double quotes

1.3.34

  • Fixed: zoom sometimes does not work
  • Fixed: using full image in photoswipe

1.3.33

  • Fixed: zoom using full image
  • Fixed: can not load gallery of variation

1.3.32

  • Added: option to set width of nav item in grid style
  • Fixed: display variation images in shop/category page when using custom attributes
  • Fixed: fullscreen image zoom when using default gallery by plugin.
  • Fixed: center popup variation images on mobile screen.
  • Fixed: pretty name for tooltip

1.3.31

  • Fixed: don’t change gallery for text label

1.3.30

  • Updated: do not show variation’s popup for text type attribute
  • Fixed: popup in mobile screen

1.3.29

  • Added: show left/right button of gallery slider
  • Added: show left/right button of nav slider
  • Added: center position swatches on category page
  • Added: option to choose swatch shape: rectangle or circle
  • Added: option to choose gallery’s NAV in grid or slider style.
  • Updated: optimize zoom & pan in fullscreen mode

1.3.28

  • Updated: prevent body scroll in fullscreen mode

1.3.27

  • Updated: optimize zoom and pan in fullscreen

1.3.26

  • Added: open image in fullscreen with zoom and pan effect for premium version

1.3.25

  • Updated: optimize performance

1.3.24

  • Updated: detail in readme

1.3.23

  • Updated: detail link

1.3.22

  • Fixed: clone function not found

1.3.21

  • Updated: detail link
  • Updated: init function without domready

1.3.20

  • Fixed: nav animation has error when have more images.

1.3.19

  • Fixed: flip image on listing page

1.3.18

  • Fixed: zoom out of box

1.3.17

  • Updated: optimzie performance slider.

1.3.16

  • Fixed: display variation image in cart

1.3.15

  • Fixed: error fullscreen mode

1.3.14

  • Changed: default type is text label
  • Added: variation image popup for pro version
  • Added: zoom out of box for pro version

1.3.13

  • Fixed: show variation image in cart

1.3.12

  • Fixed: Fullscreen mode z-index: 99999;

1.3.11

  • Fixed: load language file for translate

1.3.10

  • Added: display custom variation image in cart

1.3.9

  • Fixed: fullscreen mode: cannot read property ‘center’ of undefined

1.3.8

  • Updated: add tooltip prefix

1.3.7

  • Fixed: fullscreen mode on mobile

1.3.6

  • Fixed: does not show the image of main gallery.

1.3.5

  • Fixed: available variations is hided

1.3.4

  • Added: show available variations for easier selecting

1.3.3

  • Fixed: error javsacript of multi_order

1.3.2

  • Fixed: error javsacript of multi_order

1.3.1

  • Fixed: error javsacript of multi_order

1.3.0

  • Added: option to create default gallery by plugin and replace default gallery of theme.
  • Fixed: error javsacript of multi_order

1.2.19

  • Added: style for photoswipe

1.2.18

  • Fixed: error javascript

1.2.17

  • Fixed: break gallery when resize window.
  • Added: image caption to fullscreen gallery

1.2.16

  • Fixed: tooltip text: remove -,_
  • Fixed: display default select box of attribute.

1.2.15

  • Added: option to sort attribute by alphabet
  • Fixed: active default attribute and gallery
  • Added: custom tooltip style.

1.2.13

  • Added: option to custom multi order filed in pro version

1.2.12

  • Fixed: php error on category page

1.2.11

  • Fixed: js error on single page

1.2.10

  • Fixed: can not load big image

1.2.9

  • Fixed: do not show color button at archived/category page
  • Updated: add feature image to default gallery of variation

1.2.8

  • Fixed: sort image in gallery
  • Fixed: can not save type of attribute

1.2.7

  • Added: Nav Display: show/hide navigation gallery
  • Added: Replace Main Gallery: for some themes do not need replace gallery when change color.
  • Added: Main Gallery Class: for some themes has custom layout, so plugin does not find the main gallery to replace when click change color
  • Added: auto add images of defaul gallery when user set only one image for each color.
  • Fixed: sometime images are not loaded.

1.2.6

  • Added: add height/width option for text button
  • Added: add rounded style option for text button
  • Fixed: fix php error c4d_woo_vs_section_options

1.2.5

  • Fixed: remove radius of text button
  • Fixed: error with multi order

1.2.4

  • Added: default gallery for variation
  • Added: nav vertical thumb
  • Added: support electro theme
  • Fixed: gallery break

1.2.3

  • Fixed: fix pre-defined colors

1.2.2

  • Added: support WordPress 5.x.x

1.2.0

  • Added: support product has over 30 variations

1.1.9

  • Added: support custom attribute

1.1.8

  • Fixed: fix value with case-sensitive

1.1.7

  • Fixed: fix php error when create default color

1.1.6

  • Fixed: fix color hover change main image at category page

1.1.5

  • Fixed: fix slider height

1.1.1

  • Fixed: check woocommerce install

1.0.9

  • Fixed: flip thumbnail on listing page

1.0.8

  • Fixed: swatches on listing page

1.0.7

  • Fixed: fix ob_get_contents

1.0.6

  • Fixed: display swatches on listing page width default attribute

1.0.5

  • Added: default style for attribute with text type

1.0.4

  • Added: set default style is text

1.0.3

  • Added: option to select nav direction vertical/horizontal
  • Added: option to set nav item width
  • Added: option to set nav item margin

1.0.2

  • Fixed: dont show attributes value in product edit

1.0.1

  • Fixed: error when Woocommerce is not installed.

1.0.0

  • Initial release