Fashion
Say how each colour is worn in its photo.
Commerce / widget · Elementor module
Variation Image Caption Widget Plugin for Elementor
Show the caption of the image for the WooCommerce variation a shopper picks, such as Shown in Navy, worn as a loop, changing with the photo.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Variation image captionProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
See it
These are the actual published outputs of the widget for a sample variable product in the lab shop; on a product page the caption follows the shopper’s choice.
02 / Inside WordPress
Variation image caption controls in Elementor
Product chooses the current product, a selected variable product or one fixed variation, and whether to show the main image’s caption before a choice. Display sets a prefix, a text for images without a caption and an optional icon. The Style tab covers typography, colours, background, border, radius, spacing, alignment, prefix, caption and link colours, italics and the icon.
03 / Website use cases
Where to use variation image caption
When each colour or style has its own photo, shoppers want to know what they are looking at, such as how it is worn or who took the picture. WooCommerce does not show image captions on product pages. Variation image caption shows the caption of the photo for the option the shopper picks, from your Media Library.
Photo credits
Credit the photographer of each option’s image with a link.
Finishes
Explain lighting or finish in each option’s photo.
04 / Installation and setup
How to show variation image captions in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Variation image caption in the Complementor library.
Add captions to the product and variation images in the Media Library.
Add the widget to a single product template, or to a page with the product’s add-to-cart form.
In Product, choose Current product, a selected product or one fixed variation.
Set a prefix if you like, then pick an option on the product page to check the caption changes.
05 / Content and style controls
Customize variation image caption in Elementor
Configure the settings available for this module to suit the page you are building.
Follows the shopper’s choice in the product’s add-to-cart form.
The main image’s caption before a choice, or nothing.
Variations without their own image use the main image’s caption, as WooCommerce’s gallery does.
Text for images without a caption, or nothing.
Links and emphasis in captions are kept, such as photo credits.
Prefix, caption and link colours, and italics.
Optional icon such as a camera.
06 / Choose the right approach
Variation image caption and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Variation image alt text
Shows the image’s alternative text, written for screen readers, rather than its caption.
Variation image widget
Shows the chosen option’s image itself.
07 / Requirements and compatibility
Variation image caption compatibility with Elementor
- Requires Elementor and WooCommerce.
- Variable products and their published variations only.
- Shows public products and their published images only.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot variation image caption
Check these settings if the published page behaves differently from the editor.
Why does nothing show for one option?
Its image has no caption. Add one in the Media Library, or set a text for images without a caption.
Why does an option show the main image’s caption?
It has no image of its own, so WooCommerce shows the main image and the widget uses its caption.
Why does the caption not change when I pick an option?
The widget follows the add-to-cart form of the same product on the page. Add the form alongside it.
Why was part of my caption removed?
Only links and emphasis are kept; scripts, styles and other markup are removed.
Variation image caption plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Where are captions set?
In the Media Library, on each image’s Caption field.
Can captions contain links?
Yes. Links and emphasis are kept and styled; other markup is removed.
Does it change images?
No. It only reads the image captions.
Does it work with simple products?
No. It is for variable products and their variations.
10 / Annual All Access subscription
Get variation image caption with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.