WooCombinator for variable products – Turn your boring selects into buttons! (Products)

WooCombinator is a plugin for WooCommerce (an eCommerce solution for WordPress).
This plugin turns the boring select elements of variable products to buttons.

What is a variable product?
A variable product is a standard product type in WooCommerce. A variable product has multiple attributes and the customer select one from each attribute. For example a shoe has size and color attributes – the customer can select these parameters.

WooCombinator hides the select elements and renders buttons instead – but the controlling logic is still handled by WooCommerce.
You can set your own classes and/or select from the 7 pre-defined styles. Also you can write your own inline CSS styles (if there are no other option to inckude/edit a custom CSS file).

By default WooCombinator try to re-use the button element of your theme but maybe you will need some CSS tweaks.

Features

  • WordPress Customizer is supported
  • 7 predefined styles
  • Set CSS classes for elements and states
  • Write your own inline CSS rules
  • Changes only the display logic – the control logic is still handled by WooCommerce
  • Documentation included
  • Minified CSS and JS files are included

Warnings

  • some CSS/HTML knowledge maybe required
  • depending on your WooCommerce template maybe you will need to define the active and disabled states on your own
  • if you are using 3rd party plugins to change the behaviour of the select elements then WooCombinator maybe won’t work

Requirements

  • WordPress 4.x
  • WooCommerce 2.5.5

CodeCanyon new WordPress items

Improved Variable Product Attributes – WooCommerce (WooCommerce)

itempage

Improved Variable Product Attributes for WooCommerce

Improved Variable Product Attributes for WooCommerce is a plugin that extends the default variable product attributes. Improve your customer product selection, setup your shop attribute styles and never show the Out of stock option. Check the demo at this link.

Seamlessly integrated with the WooCommerce interface

Improved Variable Product Attributes for WooCommerce installs itself into WooCommerce interface. Find its options in the WooCommerce > Settings > Variable Product Attributes.

Never show Out of stock options again!

Combine attributes and show in stock and out of stock variable products. Never shot the nasty Out of stock option. Force uses to always get the Add to cart button and therefor improve your shop performance. This plugin pays for itself!

Customize shop attibutes

Unlimited customization! 3 Plain Text styles including border, background and round, Thumbnails as attribute terms, Colors as attribute terms and even custom HTML for each attribute. Unlimited options!

Attribute style and order manager

Reorder your shop attributes on the single page. Use the drag and drop customization manager to customize your attributes!

Easiest installation ever!

As all plugin from the Improved series this one also installs itself seamlessly in the WooCommerce interface and overrides default settings on installation. It will feel like it was always there at the first place!

Works with EVERY template!

Use it with any template. 100% all templates are supported! Fits responsively into your shop theme style.

UPDATES

+ Improved Variable Product Attributes for WooCommerce 1.0.2 - fixed default selection not working for the variable product - fixed few design flaws 
+ Improved Variable Product Attributes for WooCommerce 1.0.1 - fixed variable product "any" attributes associated bugs - improved out of stock display thumbnails and colors 

CodeCanyon new WordPress items

Visual Attributes – WooCommerce Variable Products (WooCommerce)

Overview

Visual Attributes is a WooCommerce extension that enhances variable products replacing the attribute dropdown with images, icons and color swatches so you can pick each attribute by clicking on a visual, descriptive element.

Enhance the user experience in your store by giving them the ability to just point and click visual elements instead of clicking the attribute menu, read the attributes and only then select the desired one.

Visual Attributes is also good for mobile devices since your users can just tap the element instead of launching the disruptive select interface in iPhone and Android.

Adding Visual Attributes

You can add images, select icons and specify colors right in WooCommerce Product Data panel. The panel is completely integrated with product custom attributes and taxonomy attributes.

Features

  • Use images, icons and color swatches to select product attributes in variable products
  • Font icons for crisp visualization in retina or other high density display
  • Choose from Genericons or Font Awesome icon libraries
  • Specify to show visual attributes only on mobile, desktop or both
  • Supports custom product attributes and taxonomy attributes
  • Easily customizable through visual controls
  • Write custom styling directly in the plugin settings to have your settings always safe during updates.
  • Enter custom JavaScript directly in the plugin settings and keep them safe during updates.
  • Developers can benefit from the JavaScript events included
  • Fully translatable
  • Complete spanish translation included
  • Good documentation and prompt support

Access the support forum

Assistance is provided exclusively through the support forum.

Support forum

If you need help, come to the support forums!

See Also

Fullscreen Touch Product Gallery for WooCommerce

Product Slider Carousel for WooCommerce - CodeCanyon Item for Sale

Allground – Responsive Fullscreen Backgrounds for WordPress

Allground - Responsive Fullscreen Backgrounds for WordPress

AllSlider - WordPress Responsive Slider Carousel - CodeCanyon Item for Sale

Alldion – Responsive Accordion for WordPress

Alldion - Responsive accordion for WordPress - CodeCanyon Item for Sale
CodeCanyon new WordPress items