enhanced color swatch magento extension- documentation

12
© 2006-2014 SoftProdigy. All rights reserved. Reproduction of this publication in any form without prior written permission is forbidden. Enhanced Color Swatch (1.0) Enhanced Color Swatch Magento Extension Documentation Extension Page: Enhanced Color Swatch Store URL: http://www.softprodigy.com/store Support: http://www.softprodigy.com/store/support/

Upload: softprodigy

Post on 08-May-2015

1.020 views

Category:

Technology


0 download

DESCRIPTION

This documentation is about our enhanced color swatch Magento extension which allows your customers to select the products according to the color availability. http://www.softprodigy.com/store/enhanced-color-swatch.html

TRANSCRIPT

Page 1: Enhanced Color Swatch Magento Extension- Documentation

© 2006-2014 SoftProdigy. All rights reserved. Reproduction of this publication in any form without prior written permission is forbidden.

Enhanced Color Swatch (1.0)

Enhanced Color Swatch Magento Extension

Documentation

Extension Page: Enhanced Color Swatch

Store URL: http://www.softprodigy.com/store

Support: http://www.softprodigy.com/store/support/

Page 2: Enhanced Color Swatch Magento Extension- Documentation

© 2006-2014 SoftProdigy. All rights reserved. Reproduction of this publication in any form without prior written permission is forbidden.

1

Contents

Understanding ............................................................................................................................ 2

Features ........................................................................................................................................... 2

Steps to be taken for Installation ................................................................................................ 2

How to Create Custom Attribute for Color Swatch Images? ................................................ 5

How to Save Attribute in Attribute Set? ..................................................................................... 8

Setting up Configurable Product ................................................................................................. 9

Front End Screenshots ............................................................................................................... 10

Page 3: Enhanced Color Swatch Magento Extension- Documentation

© 2006-2014 SoftProdigy. All rights reserved. Reproduction of this publication in any form without prior written permission is forbidden.

2

Understanding

This document explains the information about Enhanced Color Swatch Magento extension. The

main function of this extension is that it allows store admin to add multiple images for a product

and have them changed based on the color options. The extension also allows your customers

to see the exact product based on the color they select.

Features

This extension has the capability to show category listings page..

Preview Product image based on the selected color.

Get product main image changed based on the color selected

Usage Magento Core Libraries, so easy to customize.

Steps to be taken for Installation

>>Step-1. Login with your Magento admin.

Page 4: Enhanced Color Swatch Magento Extension- Documentation

© 2006-2014 SoftProdigy. All rights reserved. Reproduction of this publication in any form without prior written permission is forbidden.

3

>>Step-2. Go to system -> Magento Connect -> Magento Connect Manager

>>Step- 3. Login with Magento Connect Manager (with your Magento admin credentials)

Page 5: Enhanced Color Swatch Magento Extension- Documentation

© 2006-2014 SoftProdigy. All rights reserved. Reproduction of this publication in any form without prior written permission is forbidden.

4

>>Step-4. Upload package file (purchased file) in direct package file upload section and click on upload.

>>Step-5. Return to Magento admin and clear cache from System -> Cache Management

Page 6: Enhanced Color Swatch Magento Extension- Documentation

© 2006-2014 SoftProdigy. All rights reserved. Reproduction of this publication in any form without prior written permission is forbidden.

5

>>Step-6. Logout from Magento admin and re-login.

How to Create Custom Attribute for Color Swatch Images?

>>Step-1. Go to Catalog-> Manage Attribute

>>Step-2. Click on Add New Attribute

Page 7: Enhanced Color Swatch Magento Extension- Documentation

© 2006-2014 SoftProdigy. All rights reserved. Reproduction of this publication in any form without prior written permission is forbidden.

6

>>Step-3. Add Attribute Details -> Go to Manage Label Options

>>Step-4. Create the color options ex: I have created three color's Blue, Black and green and save attribute.

Page 8: Enhanced Color Swatch Magento Extension- Documentation

© 2006-2014 SoftProdigy. All rights reserved. Reproduction of this publication in any form without prior written permission is forbidden.

7

>>Step-5. Goto Extension Configuration-> Color swatch -> Select our Custom Attribute ->

Save Configuration

>>Step-6. Goto Catalog-> Manage Attributes -> Select our Custom Attribute -> Manage

Swatches

Page 9: Enhanced Color Swatch Magento Extension- Documentation

© 2006-2014 SoftProdigy. All rights reserved. Reproduction of this publication in any form without prior written permission is forbidden.

8

>>Step-7. Upload Swatch Images -> Save Attribute

How to Save Attribute in Attribute Set?

>>Step-1. Goto Catalog -> Attributes -> Manage Attributes Sets

Page 10: Enhanced Color Swatch Magento Extension- Documentation

© 2006-2014 SoftProdigy. All rights reserved. Reproduction of this publication in any form without prior written permission is forbidden.

9

>>Step-2. Add your Custom Attribute on Default Set Attribute -> Save Attribute Set

Setting up Configurable Product

>>Step-1. Create a configurable product along with your custom attribute.

>>Step-2. Fill all the product information -> Upload the main image that you want to show on listing and create associated products as per the color combination using quick product creation and save.

Page 11: Enhanced Color Swatch Magento Extension- Documentation

© 2006-2014 SoftProdigy. All rights reserved. Reproduction of this publication in any form without prior written permission is forbidden.

10

>>Step-3. Upload respective color swatch images under the image tabs for.

Front End Screenshots