So Category Slider

View demo More detail

This guide will help you install SO Category Slider 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
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-category-slider.ocmod.zip.
Then You should see the message Success

In this page, choose module “SO Category Slider”, 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 Category Slider” >> Click “Edit” button

Enter the name of the Module and fill the fields in the tabs. Then click “Save” button

To Edit the module you have created, there are two ways

Options 1: Choose the module you have Created >> Then Edit it

Options 2: Please go to Extensions >> Modules >> Choose the module you have Created >> Click “Edit” button

After you have installed and configured a module you can add it to a layout: Please go to Design >> Layouts >> Choose the layout you want to display

For Example: we choose “Home” layout

3MODULE CONFIGURATION – Back to top

3.1 Module Demo

3.2 Module Configuration

SO Category Slider are configured in 5 groups of parameters following:

General Options
Source Options
Category Options
Product Options
Effect Options

General Options.

Class Suffix – Allow you to choose another CSS class that suits your module.
Open Link – Allow to set target for links:
- New Window.
- Same Window.
# Column – Allow to set number of column for each device:
- For devices have screen width from 1200px to greater.
- For devices have screen width from 992px up to 1200px.
- For devices have screen width from 768px up to 992px.
- For devices have screen width from 480px up to 768px.
- For devices have screen width less than or equal 480px.

Source Options.

Category – Allow to choose categories which you want to show.
Child Category Products – Allow to include or exclude products from child categories.
Category Depth – The number of child category levels to return.
Product Order By – Allow to choose 1 of 7: Name/Model/Price/Quantity/Rating/Sort Order/Date Add.
Ordering Direction – Allow to select ordering direction: Ascending/Descending.
Count – The number of products to display. The default value of “0” will display all products.

Category Options

If you choose: Category Options, you need to fill param below:
- Display Category Title – Allow to display title of Category OR not.
- Title Max Chars Category – Max Chars of Category Title. “0” to unlimit length.
- Display Category Image – Allow to Display Category Image OR not.
- Category Width – Allow to set width of image .
- Category Height – Allow to set width of image.
- Placeholder Path (or Url) – The path or URL of Default Image..
If you choose: Sub Category Options, you need to fill param below:
- Sub Category – Include or Exclude Child category from Categories.
- Count Category -The number of category to display. The default value of 0 will display all category.
- Title Max Chars Sub Category – Max Chars of Sub Category Title. 0 to unlimit length.
- Show Total Products – Allow to show/hide Total Products.

Products Options.

Display Title – Allow to display title of product OR not.
Title Maxlength – Max length of title by characters. Enter value 0 if you want to show all. Please enter integer number >= 0.
Display Description – Allow to display Description of product OR not.
Description Maxlength – Max length of Description by characters. Enter value 0 if you want to show all. Please enter integer number >= 0.
Display Price – Allow to show/hide price of product.
Display Add To Cart – Allow to show/hide Display Add To Cart button.
Display Wishlist – Allow to show/hide Wishlist button.
Display Compare – Allow to show/hide Compare button.
Display Rating – Allow to show/hide rating for product.
Display Sale – Allow to display sale button or not.
Display New – Allow to display image New or not.
Date day New – Allow to enter number day of product new.
Product Image Number – Allow to show number image for product.

Effect.

Margin Right Item – Allow to enter margin-right on Item (px).
SlideBy Item – Navigation slide by x. page string can be set to slide by page.
Auto Play – Allow to Enable/Disable autoplay mode.
Auto Interval Timeout – Allow to set the speed of timer. Larger = Slower.
Pause On Hover – Allow slideshow effect stop when hover OR NOT.
Auto Play Speed – Allow to set speed of auto play.
Smart Speed – Allow to set Smart speed of auto play.
Start Position Item – Allow to Start position or URL Hash string like #id.
Mouse Drag – Allow to Enable/Disable the mouse drag OR not.
Touch Drag – Allow to set the touch drag on the smart devices OR not.
Effect – Allow to choose the effect for the module.
Show Navigation – Allow show/hide Navigation for module.
Navigation Speed – Allow to set Navigation Speed.
Duration – Allow to set how long animation will run (Lager = Slower).
Delay – Allow to set a timer to delay the excution of the next item in the queue (Lager = Slower).

Advanced

Pre-text – Allow to enter intro text of the module.
Post-text – Allow to enter footer text of the module.
Caching – Select whether to cache the content of this module.
Cache Time – The time in seconds before the module is recached.

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!