CodeCanyon Multiple Images per Variation for WooCommerce 2867927

CodeCanyon Multiple Images per Variation for WooCommerce 2867927

CodeCanyon Multiple Images per Variation for WooCommerce 2867927
Plugin \ WordPress \ eCommerce \ WooCommerce
Product \ Image \ Images \ Wordpress \ Woocommerce \ WooThumbs \ Variable

Plugin - Multiple Images per Variation for WooCommerce 2867927 by jamesckemp @ CodeCanyon

Plugin \ WordPress \ eCommerce \ WooCommerce

Last Update: 11 December 12; Compatible Browsers: IE8, IE9, Firefox 2, Firefox 3, Firefox 4, Safari 4, Safari 5, Opera, Chrome; Software Version: WordPress 3.4, WordPress 3.3, WordPress 3.2, WordPress 3.1, WordPress 3.0; Files Included: JavaScript JS, CSS, PHP.

If you’ve enjoyed using this plugin, don’t forget to leave a positive rating!

If something isn’t working, ask for help before giving a bad rating. There are isolated cases where a theme conflict may occur, but I’m always willing to help you fix it. Giving a bad rating does not help anyone.

WooThumbs – Multiple Images per Variation for WooCommerce allows you to assign images to particular variations of a WooCommerce product. As the user narrows down their product attribute selection, the images will change to reflect their exact product choice. The plugin only works with “Variable Products”.

View the full documentation here .

Configuring the WooThumbs plugin couldn’t be easier.

- Navigate to WooCommerce -> WooThumbs

- If you are using the standard WooCommerce theme templates with the lightbox feature then these settings should be fine. You may want to change the transition speed to taste. If you have a bespoke theme then you will need to do the following.

- Enter the CSS class or ID of the element that contains the thumbnail images. These are the images below the main product image on the product page. Make sure to enter a period (.) for a class, or a hash/pound (#) for an ID, at the start of the class name.

- Enter a custom JavaScript/jQuery callback to trigger once your new thumbnails have loaded. This would commonly be used to re-call a JavaScript lightbox, or perhaps the cloudzoom extension.

- Click Save

Now that you are set up, you can start using the extension.

- Open one of your variable products in the WooCommerce product management area.

- Under the Variations tab, you will see a list of all variations of the current product. Adjust these to taste.

- Expand the first variation you’d like to add images to.

- Click the image placeholder thumbnail and the media upload screen will appear.

- Browse your computer and attach all images for this variation. For example, if the variation is a small, red t-shirt, then add all product images that relate to it. This works in the same way as attaching and uploading the images for the any normal WooCommerce product.

- Click Insert into post on one of the newly uploaded images to use it as the main image for that variation.

Once all your images are attached, click Save or Publish .

When you now view your product on the frontend, the images will change when a final variation is chosen by the user.

v 2.0.0 (10.12.2012)

- Added an options page to allow for custom thumbnail containers, transition speed and a custom JS callback after thumbnails have loaded.

- Allows for custom thumbnail template to be added within your theme.

- Fully compatible with the swatches & photos plugin.

- Extended theme compatibility.

v 1.0.2 (30.10.2012)

- Removed flash of white after loader disappears

- Trigger fancybox after clicking “Clear Selection”

- Removed errors when no images selected

- Minor bug fixes

Fancy Product Preview For WooCommerce; Fancy Product Preview for Jigoshop; Easy Custom Styles For WordPress; Single Sign-On For Magento And WordPress.

Keywords: Image Variations, Multiple Images per Variation, Product image, Variable Product, WooThumbs, images, woocommerce, wordpress.

Tags: Images, Product, Multiple, Image, Variation

Premium CodeCanyon Multiple Images per Variation for WooCommerce 2867927 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon Multiple Images per Variation for WooCommerce 2867927 for digital design and education. CodeCanyon Multiple Images per Variation for WooCommerce 2867927 desigen style information or anything related.


Add Comments:
Enter Code: *