So Color Swatches Pro

View demo More detail

This guide will help you install So Color Swatches Pro step by step.

1REQUIREMENT – Back to top

At the basic level, this module will require the following conditions:

Compatible with version OpenCart: OpenCart 2.x and OpenCart 3.x
Have responsive

2INSTALLATION – Back to top

2.1 FTP Configuration

There are two ways to configure FTP

Option 1:

Step 1: Please go to System => Settings => Your Store => Click Edit button

Step 2: Click FTP tab and enter the FTP username & password…

Option 2:

Step 1:Please go Here to dowload file XML of “Quick Fix”

Step 2: Please go to Extensions => Extension Installer => Click Upload and select file XML which you just dowloaded

Then You should see the message Success

Step 3: Go to Extension => Modifications => Click Refresh button

2.2 Module Installation

Prepare your module package

In your Administrator page, go to Extensions => Extension Installer => Click Upload and select file so_color_swatches_pro_opencart.2.3.x-res_v1.0.0.ocmod.zip .

Then You should see the message Success

In this page, choose module “So Color Swatches Pro “, click Install button

Please wait for module being installed, usually within several seconds

To Create the name of this module, please go to Extensions => Modules => Choose module So Color Swatches Pro => Click Edit button

3 CONFIGURATION – Back to top

3.1 Create Color Option

To control module, please go to Catalog => Options => Type “Select”

Option Name – Allow you to enter the name
Type – Allow you to choose type: select
Sort Order – The default value is 0

To configure image, please click Edit button => choose image or upload image that you need

3.2 Module Configuration

To configure module, please go to Extensions => Extensions => Click “Edit” button of the module

General Settings.

Status – Allow you to enabled/disabled this tab
Select option to applied color swatch – Allow you to Select option to applied color swatch: color/ select/ size
Color Swatch Type – Allow you to choose the type of Color Swatch: click/ hover

Product List.

Enable – Allow you to enabled/disabled this tab
Icon swatch width – Allow you to enter Icon swatch width of Product List
Icon swatch height – Allow you to enter Icon swatch height of Product List

Product Page.

Enable – Allow you to enabled/disabled this tab
Icon swatch width – Allow you to enter Icon swatch width of Product page
Icon swatch height – Allow you to enter Icon swatch height of Product Page

3.3 Product Configuration

To configure Product, please go to Catalog => Product => Click “Edit” button (Example: Nemo explicabo)

Option Tab.

To configure Options Tab, please choose “Color” => click Add Option Value

Then you configure the following lines

Image Tab.

To configure Image Tab, please choose “Default Image For Color”

Then click Save button

3.4 Demo Category

3.5 Demo Detail

4SUPPORT – Back to top

Thank you so much for purchasing this module. If you have any questions that are beyond the scope of this help file, please send us via: Submit a Ticket

Thanks so much!