Our brands

Configurable Swatches Guide for Magento 1.9.1

venustheme-how to configure watches for magento 1.9.1

After updating configurable swatch for our Magento 1.9.1 templates, we have received many questions from our customers that ask us how to configure swatches for Magento 1.9. In order to support you best, I am writing this post with the hope that this will be a useful guide for you to configure swatches for Magento 1.9 easily.

I. Basic Prerequisite:

Before getting started, please check following basic requirements:

1. Configurable Swatches image work with configure products

2. Configurable Swatches are based on a configurable product’s attributes; only attributes as follows can be used as swatches.

In the Admin Panel, click Catalog >> Attributes> > Manage Attributes.

prerequisite for configurable swatches

3. To understand localization and fallback, you must know how to locate a configurable product’s Admin label:

3.1. In the Admin Panel, click Catalog >> Attributes> > Manage Attributes.

3.2. Click the name of an attribute (Eg: color).

3.3. On the Edit Product Attribute page, click the Manage Label/Options tab on the left. The attribute’s labels display similar to the following:

venustheme-how to locate a configurable product

II. Setting configuration option to configure swatches

1. Log in to the Magento Admin Panel
2. Click System >> Configuration >> CATALOG >> Configurable Swatches.
3. Select the below options in General Settings.

Step 1: Enabled > > Yes

Step 2:  Product Attributes to Show as Swatches in Product Detail >> Choose attributes you want to show as a swatch. This is where the attribute displays:

configurable swatches venustheme

Step 3: Product Attribute to Use for Swatches in Product Listing >> Choose attribute you want to display as a swatch on product listing pages. This is where the attribute displays:

configurable swacthes on product list

III. Adding Image to Swatches

For visual oriented attributes you have to choose image for theme. However, for attributes like size, you don’t need to upload images.

add image to swatches

1. Adding Global Swatch Images.

You can use this simplest way for any products except the locales.

STEP1. Create a PNG image matching the label with a file name of all lowercase letters with hyphens. For instant, if the option label is Sky Blue, create a file named “sky-blue.png”
STEP 2: Copy the image to [your Magento install dir]/media/wysiwyg/swatches.

 Adding Global Swatch Images

2. Adding Product-Specific Swatch Images

In case your products are in locales or they have specific pattern or colors that are not used by other items, you can use product specific swatches.
To do this, you need to upload the product image that match the option label and have the suffix “swatch”. For instance, if your label is Sky Blue, upload an image label: Sky Blue-swatch.

Related Posts

Share this Post!

Panda Thuan
Panda Thuan
Creativity is falling in love with the world

6 Comments

  1. Avatar
    Emre October 22, 2015 at 4:54 am - Reply

    Hello there,

    Hello there,
    This screen image which is owned by theme – could you tell me the name of this theme?
    regards
    Banner: http://www.venustheme.com/wp-content/uploads/2015/01/Untitled-121.jpg

  2. Avatar
    Filipe Marques November 25, 2015 at 2:07 am - Reply

    Hi, when I try the “Step 2: Product Attributes to Show as Swatches in Product Detail >> Choose attributes you want to show as a swatch.”

    No attributes are shown to me. Do you know how to make attirbutes bw shown there?

    Thanks.

  3. Avatar
    Free Games Download January 5, 2016 at 9:52 am - Reply

    In this tutorial you will learn how to use swatches to make the presentation of configurable products more appealing and informative in Magento store.

  4. Avatar
    holli.sidneyernog May 22, 2017 at 12:06 am - Reply

    Hello! By reason of you because your articles! This is rather engrossing! On to write more, with impatience I will mark time championing expos‚ from you.

Leave a Comment

Your email address will not be published.

Do NOT follow this link or you will be banned from the site!