Changeset 3800050

Timestamp:

11/13/2026 09:12:40 AM (42 hours ago)

Author:

coffee4dev

Message:

Release 2.0.1

Location:

c4d-woo-variation-swatches/trunk

Files:

• c4d-woo-variation-swatches.php (modified) (3 diffs)
• readme.txt (modified) (4 diffs)

c4d-woo-variation-swatches/trunk/c4d-woo-variation-swatches.php

@@ -1 +1 @@
 <?php
 /*
-Plugin Name: C4D Woo Variation Images
+Plugin Name: C4D Variation Swatches & Gallery for WooCommerce
 Plugin URI: https://coffee4dev.com/plugins/variation-images/?utm_source=wordpress.org&utm_medium=plugin-uri&utm_campaign=c4d-woo-variation-swatches
-Description: C4D WooCommerce Variation Swatches can show product variation items in images, colors, and label.
+Description: Colour, image and label swatches for WooCommerce variations, a photo gallery for each colour, and one-click ordering of several sizes.
 Author: coffee4dev
 Author URI: https://coffee4dev.com/
@@ -10 +10 @@
 Text Domain: c4d-woo-vs
 Domain Path: /languages
-Version: 2.0.0
+Version: 2.0.1
 Requires at least: 6.0
 Requires PHP: 7.4
@@ -51 +51 @@
 $uploadDir = wp_get_upload_dir();
 
-define('C4DWOOVS_VERSION', '2.0.0');
+define('C4DWOOVS_VERSION', '2.0.1');
 define('C4DWOOVS_PLUGIN_URI', plugins_url('', __FILE__));
 define('C4DWOOVS_UPLOAD_DIR', trailingslashit($uploadDir['basedir'].'/c4d-woo-variation-swatches/'));

c4d-woo-variation-swatches/trunk/readme.txt

@@ -1 @@
-=== C4D Woo Variation Images ===
+=== C4D Variation Swatches & Gallery for WooCommerce ===
 Contributors: Coffee4dev
 Donate link: https://coffee4dev.com/plugins/variation-images/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=c4d-woo-variation-swatches
-Tags: product attributes, Variation Images, woocommerce, woocommerce attributes, woocommerce variation, boost sales, cross-sell, up-sells, woocommerce, marketing, sales, products, promotions, checkout, email, related products, discount, converstation
+Tags: variation swatches, color swatches, variation gallery, variation images, woocommerce swatches
 Requires at least: 6.0
 Tested up to: 7.1
 Requires PHP: 7.4
-Stable tag: 2.0.0
+Stable tag: 2.0.1
 WC requires at least: 7.0
 WC tested up to: 11.2
@@ -12 +12 @@
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
-C4D WooCommerce Variation Images can show product variation items in images, colors, and label.
+Colour, image and label swatches for WooCommerce variations, a photo gallery for each colour, and one-click ordering of several sizes.
 
 == 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 a global option in WooCommerce → Variation Images.
-
-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.
-
-### [Docs and setup guide](https://coffee4dev.com/plugins/variation-images/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=c4d-woo-variation-swatches)
-
-
-#### 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 with CSS
-- Swatches alignment
-- Tooltip display setting on archive/shop page
-- Customize font size, swatches height and width with CSS
-- Customize swatches colors, background and border sizes with CSS
-- Automatic updates and exclusive technical support
-
-### 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
-5. Open WooCommerce → Variation Images to adjust the global settings
-
-### OPTION PAGE
-
-The settings are at WooCommerce → Variation Images. They are grouped in tabs: General, Shop page, Product page, Gallery & zoom, Colours, Compatibility and Custom CSS.
-
-Multi Orders (buying several attributes at once) is chosen per product, in the Variation Swatches tab of the product editor.
-
-Colours, sizes and borders are styled with CSS. Read the [docs and setup guide](https://coffee4dev.com/plugins/variation-images/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=c4d-woo-variation-swatches) for the selectors, then add your rules in the Custom CSS tab.
-
-### MAY BE YOU NEED
-
-[C4D Woo Variation Images](https://wordpress.org/plugins/c4d-woo-variation-swatches/) Display variation by image, color, text. Support add multi images for variations.
-[C4D Woocommerce Bundle](https://wordpress.org/plugins/c4d-woo-bundle/) Create frequently bought together product, sell bundle products with discount, promotion
-[C4D Woocommerce Boost Sales](https://wordpress.org/plugins/c4d-woo-boost-sales/) Auto create upsell, cross-sell product in mini cart, cart page, popup cart, thankyou, email.
-[C4D Woocommerce Filter](https://wordpress.org/plugins/c4d-woo-filter/) Turn your shop into ajax filter without refresh page. Support all default widget of Woocommerce.
-[C4D Woocommerce Cart](https://wordpress.org/plugins/c4d-woo-cart-icon/) Create popup, side cart, support display cross-sell, upsell, related product in cart.
-
-###  NEED SUPPORT OR CUSTOM
-
-Ask in the [support forum](https://wordpress.org/support/plugin/c4d-woo-variation-swatches/) or read the [setup guide](https://coffee4dev.com/plugins/variation-images/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=c4d-woo-variation-swatches).
-
-If the plugin works well on your shop, a [review](https://wordpress.org/support/plugin/c4d-woo-variation-swatches/reviews/#new-post) helps other store owners find it.
-
-== 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
-
-== Frequently asked questions ==
+C4D Variation Swatches & Gallery turns the drop-down menus of your variable products into swatches customers can see and click: colour dots, small images or text buttons. Pick a colour and the main gallery changes to the photos of that colour. For shops that sell in sizes, customers can add several sizes to the cart in one click.
+
+It is free, has no photo limit, and works with block themes and classic themes.
+
+### Variation swatches: colour, image and label
+
+Set a type on each attribute under Products → Attributes and the drop-down becomes buttons.
+
+* **Colour** swatches: round or square dots. Give each colour term its own colour under WooCommerce → Variation Images → Colours, so names like "Sage" or "Midnight" show the right shade.
+* **Image** swatches: small photos taken from each option's gallery.
+* **Label** swatches: text buttons, good for sizes.
+* Out-of-stock options can be shown as unavailable or hidden.
+* Tooltips on hover, a circle or rectangle shape, and the "clear" link can be hidden.
+
+### A photo gallery for each colour
+
+Add as many photos as you like to each option in the Swatch Images box of the product editor. When a customer picks a colour, the main gallery switches to the photos of that colour. Choose a slider or grid for the thumbnails, horizontal or vertical, with zoom, a lightbox and a full-screen pan and zoom.
+
+### Swatches on shop and category pages
+
+Show the colours under each product in the shop grid, flip the thumbnail when a customer hovers over a swatch, collapse long lists behind a "View more" link, and align the swatches left, centre or right.
+
+### Order several sizes in one click (Multi Orders)
+
+Pick an attribute, for example Size, in the Variation Swatches tab of a product. Each value then gets a quantity box. A customer chooses a colour, ticks sizes S, M and L with quantities 2, 1 and 3, and adds them all with one button. Each size becomes its own cart line. It works together with C4D Buy More Save More: the quantities of all variations of one product add up toward the discount tiers.
+
+### Style the swatches with CSS
+
+Sizes, borders, shapes and colours are styled with CSS. Add your rules in WooCommerce → Variation Images → Custom CSS. They are printed late in the page head, after the theme styles, so they win. The documentation lists the selectors and has copy-and-paste examples.
+
+### Features
+
+* Colour, image and label swatches for any attribute, and custom attributes of a single product
+* A photo gallery for each option, with no limit on photos
+* Swatches on shop, category and related-product lists, with flip thumbnail
+* Multi Orders: several sizes (or any one attribute) in one click, each with its own quantity
+* A colour for each attribute term in its own settings tab
+* Out-of-stock options hidden or marked
+* Zoom, lightbox and full-screen pan and zoom
+* Works with variable products, quick view and Ajax product loading (filters, infinite scroll)
+* Block themes and classic themes
+* Settings page under WooCommerce, plus a Custom CSS tab
+
+### [Documentation and live demo](https://coffee4dev.com/plugins/variation-images/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=c4d-woo-variation-swatches)
+
+The documentation covers every setting, with setup guides and CSS examples. The [demo store](https://demo.coffee4dev.com/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=c4d-woo-variation-swatches#variation-images) has the plugin working on sample products.
+
+### Installation and setup
+
+1. Install and activate the plugin from Plugins → Add New (WooCommerce must be active).
+2. Go to Products → Attributes and set the type of an attribute: colour, image or label.
+3. Open a variable product and add photos to each option in the Swatch Images box.
+4. Open WooCommerce → Variation Images to adjust the settings. The tabs are General, Shop page, Product page, Gallery & zoom, Colours, Compatibility and Custom CSS.
+
+Multi Orders is chosen per product, in the Variation Swatches tab of the product editor.
+
+### More from coffee4dev
+
+[C4D Product Bundles for WooCommerce](https://wordpress.org/plugins/c4d-woo-bundle/): sell products together at a discount. Customers tick the items, pick sizes and colours and add the whole bundle in one click. See all plugins at [coffee4dev.com](https://coffee4dev.com/plugins/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=c4d-woo-variation-swatches).
+
+### Support
+
+Ask in the [support forum](https://wordpress.org/support/plugin/c4d-woo-variation-swatches/) or read the [documentation](https://coffee4dev.com/plugins/variation-images/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=c4d-woo-variation-swatches). If the plugin works well on your shop, a [review](https://wordpress.org/support/plugin/c4d-woo-variation-swatches/reviews/#new-post) helps other store owners find it.
+
+== Installation ==
+
+1. Upload `c4d-woo-variation-swatches` to the `/wp-content/plugins/` directory, or install it from Plugins → Add New.
+2. Activate the plugin through the Plugins menu in WordPress.
+3. Go to Products → Attributes and set the attribute type: colour, image or label.
+4. Open a variable product and add photos to each option in the Swatch Images box.
+5. Open WooCommerce → Variation Images to adjust the settings.
+
+== Frequently Asked Questions ==
+
+= How do I show colour swatches instead of drop-downs? =
+
+Go to Products → Attributes, edit your attribute (for example Color) and set its type to Color, Image or Text. Every variable product that uses the attribute then shows swatches instead of the drop-down. To give a colour term an exact shade, open WooCommerce → Variation Images → Colours.
+
+= Can I use a different gallery for each colour? =
+
+Yes. Open a variable product, find the Swatch Images box, and add photos under each option. When a customer picks a colour, the main gallery switches to those photos. There is no limit on photos per option.
+
+= How do I show swatches on the shop page? =
+
+Swatches on shop pages are on by default. Under WooCommerce → Variation Images → Shop page you can turn them off, show images instead of colours, set the alignment, flip the thumbnail on hover and collapse long lists behind "View more".
+
+= Can customers buy several sizes at once? =
+
+Yes, with Multi Orders. In the product editor open the Variation Swatches tab and choose the attribute (for example Size). Each value then gets a quantity box, and one click adds every chosen value to the cart, each as its own line.
+
+= Does it work with Buy More Save More? =
+
+Yes. C4D Buy More Save More counts the quantities of all variations of one product together, so 2 small and 3 medium count as 5 toward its discount tiers.
+
+= Does it work with block themes? =
+
+Swatches work on product pages and shop pages with block themes (tested with Twenty Twenty-Five) and classic themes (tested with Storefront). If your theme uses its own gallery markup, set the gallery selector under WooCommerce → Variation Images → Product page.
+
+= How do I style the swatches? =
+
+Open WooCommerce → Variation Images → Custom CSS and add your CSS. It is printed late in the page head, after the theme styles, so it wins over them. The [documentation](https://coffee4dev.com/plugins/variation-images/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=c4d-woo-variation-swatches) lists the selectors with examples. Saving CSS needs the unfiltered_html capability.
 
 = Do I still need C4D Plugin Manager? =
 
-No. Since 2.0.0 the plugin has its own settings page and does not need C4D Plugin Manager or Redux Framework. Keep C4D Plugin Manager ACTIVE while you update: your settings, term colours and styling are converted on the first page load after the update (only when Plugin Manager was active). You can deactivate it afterwards if no other plugin uses it.
+No. Since 2.0.0 the plugin has its own settings page and does not need C4D Plugin Manager or Redux Framework. Keep C4D Plugin Manager ACTIVE while you update from 1.x: your settings, term colours and styling are converted on the first page load after the update (only when Plugin Manager was active). You can deactivate it afterwards if no other plugin uses it.
 
 = Where did the colour, size and border settings go? =
 
-They were replaced by CSS. Your previous styling was converted into the Custom CSS tab (when C4D Plugin Manager was active), so your shop looks the same. It is under WooCommerce → Variation Images. The [docs](https://coffee4dev.com/plugins/variation-images/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=c4d-woo-variation-swatches) list the selectors you can use.
+They were replaced by CSS. Your previous styling was converted into the Custom CSS tab (when C4D Plugin Manager was active), so your shop looks the same. It is under WooCommerce → Variation Images. The documentation lists the selectors you can use.
 
 = Plugin Manager was off when I updated =
@@ -102 +130 @@
 Reactivate C4D Plugin Manager, then delete the option `c4d_woo_vs_db_version` (for example with a database tool or `wp option delete c4d_woo_vs_db_version`). On the next page load the plugin fills in the missing settings from Plugin Manager. If you need help, ask in the support forum.
 
-= How do I style the swatches? =
-
-Open WooCommerce → Variation Images → Custom CSS and add your CSS. It is printed late in the page head, after the theme styles, so it wins over them. See the [docs](https://coffee4dev.com/plugins/variation-images/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=c4d-woo-variation-swatches) for examples of selectors.
-
-
 == Screenshots ==
 
-
+1. Swatches and size buttons in place of the drop-downs on a product page. Picking a colour changes the main picture and the gallery.
+2. A photo gallery for each colour: picking a colour switches the whole gallery.
+3. Image swatches, with out-of-stock options marked.
+4. Colour swatches under each product on the shop page.
+5. Multi Orders: several sizes, each with its own quantity, added in one click.
+6. The settings page under WooCommerce → Variation Images.
+7. The Colours tab: a colour for each attribute term.
 
 == Changelog ==
+= 2.0.1 =
+* Updated: new name, "C4D Variation Swatches & Gallery for WooCommerce". The plugin folder, your settings and your data are unchanged.
+* Updated: new plugin page: description, tags, FAQ, banner, icon and screenshots.
+* Updated: the plugin links to the new documentation and the live demo store.
+
 = 2.0.0 =
 * Added: own settings page under WooCommerce → Variation Images. C4D Plugin Manager and Redux Framework are no longer needed.
@@ -482 +516 @@
 == Upgrade notice ==
 
+= 2.0.1 =
+The plugin is renamed to C4D Variation Swatches & Gallery for WooCommerce. Your settings and data are unchanged.
+
 = 2.0.0 =
 2.0.0 moves the settings to WooCommerce → Variation Images and no longer needs C4D Plugin Manager. Keep C4D Plugin Manager active while you update: your existing settings, term colours and styling are converted on the first page load after the update. You can deactivate it afterwards. Please keep a backup before updating.