Color Swatches Pro

To make all the attributes visible on loading a page for the first time, go to the General settings and set ‘Show All Attribute Options’ to ‘Yes’:

Yes, with the extension you can create various attributes. To see the same options like for 'Color' attribute, please configure the settings in the way described below.

In the Attribute Properties tab please set:
Scope - Global
Catalog Input Type for Store Owner - Dropdown
Use To Create Configurable Product – Yes

Yes, it is. In Color Swatches extension the product’s price is based on the simple (child) product’s price.

If the configurable (parent) product has a custom option, the option’s price is summed up with the simple product’s price.  

Do you want to use custom options for products in Magento 2? Check out our Color Swatches extension.

Yes, when a customer chooses a simple product being a part of a configurable one he/she will see all images associated with the option, which is reloaded by the Color Swatches extension.

Yes, you will just need to disable these features in Color Swatches Pro:

There are several reasons why swatches are disabled in Color Swatches Pro extension. Let's consider them in details:

1. Conflict with other module.

Solution: to check if there is a conflict, please open Troubleshooter.

Troubleshooter is a tool which serves to find and resolve extension conflicts. It is available in every extension made by Amasty.

Let's see Troubleshooter at work:

Usually the conflict is in:

app\code\local\Amasty\Conf\Block\Catalog\Product\View\Type\Configurable.php

2. The images on Attribute Edit Page have not been uploaded.

Solution: please, open in your Magento admin panel

Catalog\Attributes\Manage Attributes\Color (or another required attribute)\Attribute Images

and upload the appropriate images.

3. There is no check mark in the checkbox on Attribute Edit Page.

Solution: please, open in your Magento admin panel

Catalog\Attributes\Manage Attributes\Color (or another required attribute)\Attribute Images

and put the check mark in the check box and press "Save Attribute" or "Save and Continue Edit".

Have you already switched to Magento 2? Try this Color Swatches extension for your version.

You can choose to cross out image attributes for products that are currently out of stock.

Color Swatches Pro extension employs AJAX functionality to update the information in the blocks of a product page without full page reload. It allows customers to receive the relevant information on a particular simple product on the fly.

For a proper performance, it is recommended that all the DOM selectors are specified appropriately. If you experience that some of the blocks are not being updated porperly, please check the following settings: 

To configure, go to Admin panel -> System -> Configuration -> Color Swatches Pro -> CSS Selectors for Reloadable Information

To find CSS selectors, please make the following steps:

1)  Hover the cursor over the needed element and right click mouse.

2)  Select Inspect (Chrome) or Inspect Element (Firefox) from the dropdown.

3)  Take a look at the highlighted code in the page source tab.

4)  Look for the selectors, that match a name of element you are looknig for. (In Firefox) Right click the highlighted code and choose Copy CSS selector.

NOTE: For instance, we are looking for sku and short description selectors. Normally, it is div.sku and div.short-description. Have a look at the screenshot. In the settings, input either div.sku or .sku in the SKU field.

Color Swatches Pro extension allows you to present any product attributes as swatches. You can assign images from simple products to any attribute in bulk automatically, so your customers will be able to choose visually all the options of a configurable product on a category, product or search results pages.

To check the use image from product box automatically for a particular attribute in every configurable product (the attribute will be displayed as a swatch for all the configurable products), you should create two queries to a database:

ALTER TABLE `amasty_amconf_product_attribute` CHANGE `use_image_from_product` `use_image_from_product` TINYINT(1) UNSIGNED NOT NULL DEFAULT '1';

INSERT INTO `amasty_amconf_product_attribute`(product_super_attribute_id)SELECT product_super_attribute_id FROM `catalog_product_super_attribute` where product_super_attribute_id NOT IN(SELECT product_super_attribute_id FROM `amasty_amconf_product_attribute`) AND attribute_id IN (92)*

*Where attribute_id IN (92) are the attributes that you specify.

Note: To define the attributes id, check the URL link.

See the attribute_id right after the tag of the same name.  

If you use Color Swatches Pro and want the images of configurable products to change on mouse hover, please complete a few simple steps:

image.observe('click', this.configureImage.bind(this));

In case you can't upload images when using Color Swatches Pro extension, please, get acquainted with the following potential reasons:

1. There is no write permissions on the "https://cdn.amasty.com/media/amconf" folder.

2. Make sure that you have pressed the “Update Images” button.

3. The server configuration max_file_upload prevents image uploading.

This occurs when attribute have many options and you try to upload the last one. To resolve the problem you need either increase the limit or upload images not more than about 10 at once starting with the first one.

If you have such issue when running Color Swatches Pro extension, please, make sure if the simple product images are uploaded.

Open Catalog/Manage Products/Associated Products and upload the required images as shown below:

As far as you faced such problem while using Color Swatches Pro module, perhaps, there is no 'Add to Cart' button in your Magento theme. As a consequence, there are no swatches on category page.

To solve the problem, open

Admin panel/System/Configuration/Amasty Extensions/Color Swatches Pro/Advanced settings

and perform the actions that are shown on the picture:

Are you looking for the same functionality for your Magento 2? Look at our Color Swatches Pro solution.

if you're running several extensions there may be a fatal error because of their conflict.

Please, perform the next actions, which may help to you:

Open

app\code\local\Amasty\Conf\Model\Observer.php

and delete the following:

if (!is_null(Mage::registry('product')))
{
Mage::unregister('product');
}
Mage::register('product', $_product);

If you want to display the image of a simple product added to the shopping cart, please check the following Magento settings:

1. System > Configuration > Checkout > Shopping Cart

2. Configurable Product Image > Product Thumbnail Itself

If you set the setting above, you will see a correct simple product image in the cart, not a default configurable one.

Please Note: It is not possible to show simple product name in the shopping cart.