Pro add-on · Store

Advanced Variations for WordPress

Renders product variation options as color chips, image thumbnails or text buttons.

$199/yr or $549 once — all 35 add-ons Same admin as the free core Enable or disable without losing data
What it does

Advanced Variations, in practice.

Stores one swatch per attribute term in its own ambikly_attribute_swatches table, keyed on attribute slug and term slug, with a type of color, image or text and a value. GET /ambikly-pro/v1/variation-swatches returns the whole map publicly; POST upserts a row atomically and is limited to the manage-store capability. On product pages the script fetches the map once, and for each attribute select that has at least one configured swatch it builds a row of buttons: color chips, image tiles or text, with optional labels. The original select stays in the DOM, visually hidden, and receives the value and a change event, so the core variation logic keeps working unchanged.

CapabilitiesStore
  • Three swatch types: color, image and text
  • One swatch per attribute term in a dedicated table
  • Atomic upsert so concurrent saves are never lost
  • Swatch type validated; image values URL-sanitized
  • Swatch size exposed as a CSS variable
  • Optional text labels under color and image swatches
  • Core select kept in the DOM for accessibility
  • Attributes without swatches keep their dropdown
Where it shows up

Storefront, admin and settings.

On the storefront

  • Swatch rows replacing attribute dropdowns on variable product pages
  • Selected and disabled states on each swatch

In the admin

  • Swatch mapping saved per attribute term over the POST route

Settings you control

  • Swatch size in pixels (minimum 16, default 32)
  • Show text labels under swatches
  • Update product image on hover
For developers

Routes and hooks.

Built on the same Addon SDK as every other Pro add-on — extend it instead of replacing it.

REST routes

  • GET /ambikly-pro/v1/variation-swatches
  • POST /ambikly-pro/v1/variation-swatches

Core hooks it listens to

  • ambikly_product_variation_swatches
  • wp_enqueue_scripts
  • rest_api_init
When it earns its place

Three stores that want Advanced Variations.

1

Apparel with color options

A T-shirt store maps each color term to a hex value once. Every variable product with a Color attribute then shows chips instead of a dropdown, and shoppers see the whole palette at a glance before choosing a size from the ordinary select.

2

Materials shown as photographs

A furniture store sells sofas in fabrics that a name cannot convey. Image swatches show a photo of each fabric as a tile under the product, so the shopper picks by look rather than by reading 'Oatmeal Boucle' in a list of options.

3

Mixed attributes on one product

A store's product has Color and Size attributes. Color terms carry swatches and become chips; Size has none configured and keeps the ordinary dropdown, so the page mixes both controls sensibly without any extra configuration per product.

Setup

From toggle to live in a few minutes.

  1. Enable it

    Ambikly → Add-ons → Advanced Variations → toggle on. Pro must be active; nothing else to install.

  2. Set it up

    Open its settings panel and set: swatch size in pixels (minimum 16, default 32); show text labels under swatches; update product image on hover.

  3. Find it in use

    The storefront surfaces, admin screens and settings it adds are listed under “Where it shows up” above; nothing needs placing by hand unless a shortcode is named there.

  4. Turn it off without losing anything

    Disable the add-on from the same screen. Its settings and data stay in place, and a lapsed license pauses it the same way — the store keeps running.

Where it fits

Part of the physical products story.

Inventory, variations, shipping zones, tax rates, coupons, refunds and seven payment methods ship in the free core. Conditional shipping rules, shipment tracking, swatches and bundles arrive with Pro — in the same admin.

  • Inventory and low-stock alerts in Free
  • Shipping zones and tax rates in Free
  • No transaction fees
FAQ

About Advanced Variations.

What if I haven't configured a swatch for a term?

If no term of an attribute has a swatch, that attribute keeps its normal dropdown. If some terms have swatches and others do not, the unconfigured terms render as plain text buttons alongside the color or image swatches, so nothing is missing from the picker.

Can two admins save the same swatch at once?

Yes. Saves run as a single INSERT ... ON DUPLICATE KEY UPDATE against the unique attribute-plus-term key, so simultaneous writes from two tabs or an import script cannot race; the last write wins and the response reports a failure if the database rejects it.

Do swatches break variation selection or screen readers?

No. The original select element remains in the page, visually hidden, and each swatch click sets its value and dispatches a change event. Core's variation resolution, price update and stock check listen to that select exactly as before the swatches were added.

Does choosing a swatch change the product image?

Only if the option carries a data-swap-image attribute and the page has a gallery image the script can find. The core product template does not add that attribute today, so with default markup the setting has no visible effect; custom templates can supply it.

Get Advanced Variations with every other add-on.

Pro is $199 a year or $549 once, for all 35 add-ons. Enable this one from the same admin the day you need it.