User Tools

Site Tools


Sidebar

magento_2:color_swatches_pro

For more details see the Color Swatches Pro extension page.

Color Swatches Pro for Magento 2

Add more options to your Color Swatches functionality. Display prices of simple products together with corresponding swatches. Let customers copy and share URLs to specific product configurations. Automatically reload information of selected simple items to make the whole shopping process fast and clear.

  • Display prices of simple products with swatches
  • Let customers share URLs with selected product configurations
  • Use automatic page reload tool for better content perception
  • Enable out of stock subscription for simple options of a parent product

The module perfectly works with the Out of Stock Notification extension and lets customers subscribe to out-of-stock items to be timely informed when their favorite products come back to your store.


General Settings

To get the access to the 'Color Swatches Pro' settings please go to: Stores → Configuration → Color Swatches Pro

Enable Module - Set this option to 'Yes' to activate the extension.

Enable Using Share Link - The option lets customers copy and share URLs with selected product configurations.

Display Price of Simple Products in Swatch Title - Enable this option to show prices of simple products below corresponding swatches right on a parent item page.

The way it may be presented on the front-end:

Display Price of Simple Products in Drop-downs - Enable this option to show prices of simple products in the drop-down, next to the product. Furthermore, the feature allows to hide the price, and to show the price difference.

Show Selected Option Swatch in Cart and Checkout - Enable the feature to display relevant product options' swatches.

The way it may be presented on the front-end:

Change Main Product Image on Mouse Hover - Enable the feature to allow your customers see changes right on the product image, when they hover over the product options' swatches.

Enable Subscription to Out of Stock Products - The option works only if you have the Out of Stock Notification extension installed. It lets customers subscribe to out of stock options of a configurable product to get notified once the product comes back to stock.


Reloadable Information Settings

Reload Product Information - Select page elements that should be automatically reloaded when a customer selects specific product configuration.

DOM-Selectors Settings - In case all page elements reload correctly, you don't need to chage these settings. If one of the blocks chosen in the ‘Reload Product Information’ option doesn’t reload properly, please specify your own data it.


Manage Group Attributes

To create and edit Group Attributes go to Admin Panel → Stores → Color Swatches Pro → Manage Group Attributes.

To create a new group of attributes, click Add New Group button. To edit or delete existing groups, click Select button in the Action column. Choose Edit or Delete from the drop-down.

Attribute Options - After you title and enable a group, check necessary options in the boxes.

If you new to add more options to particular attribute, go to Admin Panel → Stores → Attributes → Products and select a needed attribute. Skip to Manage Swatches → Add Swatches.

The way it may be presented on the front-end:

Limit the number of swatches

To limit the number of visible product swatches on the category page, go to Admin Panel → Stores → Configuration → Catalog → Catalog → Storefront → Swatches per Product.

Uncheck the Use System Values box, to input the necessary number.

When the number of visible swatches is limited, customers see More or More Colors Available button.
To copy and share URLs with a specific product configuration customers need to select necessary options and click on the 'Share' button.


Product Prices in Swatch Labels Example


Out of Stock Subscription Example

The option works only together with the Out of Stock Notification extension.

Find out how to install the Color Swatches Pro extension for Magento 2 via Composer.

Rate the user guide
 stars  from 4 votes (Details)
magento_2/color_swatches_pro.txt · Last modified: 2017/10/20 15:54 by panamarenka