Options QuickView for Configurable Products in Magento

Display Color and Size in Magento

Quickly display size and color combinations directly from the category page without having to click into each product. Your customers will easily be able to see if you have their size and/or color in stock.
Absolutely essential for clothing or shoe stores!

  1. Summary
  2. Install
  3. Options and Settings

Quickview Options in Magento Extension

This Magento Module is optimised for fast page loading times, the product combinations are only loaded when asked for, so we are not decreasing performance by overloading the page with all the information at once.

Uses default color and size attributes used to create configurable products as well as any others you have set up. Just select each product attribute you wish to use in your store.
Screen Shot 2014-07-31 at 11.19.45 am

Quickly and easily assign color codes to each color or use an image to represent a unique custom color option like a pattern, texture or color combo.
Screen Shot 2014-07-31 at 11.19.27 am

Upload your own color tiles for custom patterns and colorways.
Screen Shot 2014-07-31 at 11.19.58 am

Installation

Once you have downloaded the zip file you have 2 options,
1) unzip it and upload the contents to the corresponding directories in your store via FTP.
2) Via the admin area of your store, use the Connect Manager (System -> Magento Connect -> Magento Connect Manager) to install the package (CDL_OptionsQuickview-x.x.x.tgz).

Clear the cache (System -> Cache Management) then log out of the admin area, then log back in.

You will now have a new tab in your System -> Configuration panel called CDL with a tab named Options Quickview.

If you cannot see the new features in your category pages, you may have to manually move some files (app->design->frontend and skin->frontend) from the default/default location into your own themes folders. You may also need to tweak the css a little to suit your custom theme.

Options and Settings

Magento Admin Area
System -> Configuration -> CDL -> Options Quickview

Quickview Attributes

Choose the Attributtes to show, this list is generated from Attributes used to create configurable products. To add your own Attributes to this list just create them in the normal way. Learn how to create a configurable attribute
Screen Shot 2014-07-31 at 12.17.27 pm

Color Swatches

Choose to show or hide the Color Tiles that appear on each product in the list.
Screen Shot 2014-07-31 at 12.17.47 pm

Assign each color attribute with a color code or image to represent the color visually. Add more colors through the color attribute (Catalog -> Attributes -> Manage Attributes).
Screen Shot 2014-07-31 at 12.18.16 pm

Upload New Color Thumbnails

Upload your own image tiles for custom colors
Screen Shot 2014-07-31 at 12.18.00 pm
Each tile works best if it is 18x18px in size.

Quickview Options in Magento Extension