SO Video Box

View demo More detail

This guide will help you install SO Video Box 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-video-box.ocmod.zip.
Then You should see the message Success

In this page, choose module “SO Video Box”, 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 Video Box” >> 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 Grid Slider are configured in 5 groups of parameters following:

General Options
Video Options
Item Options
Effect Options
Advanced

General Options.

Module Class Suffix – Allow you to choose another CSS class that suits your module.
Layout – Allow you to select layout for the module.
# 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 768.
- For devices have screen width less than or equal 480px.
Rows – Allow you to enter number rows.

Video Options.

Url Video – Allow to enter URL Video as you want.
Video Title – Allow to enter the title of the video
Url Thumbnail Images – Allow to enter the Url Thumbnail Image.
Thumbnail Descriptions – Allow to enter the Thumbnail Descriptions.
Autoplay Video – Allow to Autolpay Video or Not.

Item Options.

Show Title – Allow to display title of Item OR not.
Show Description – Allow to display Description of Item OR not.
Show Image – Allow to show image of Item or not.
Image Width – Allow to set width of image.
Image Height – Allow to set height of image.

Effect Options.

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.
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.
Loop – Allow to display Loop or Not.
Show Navigation – Allow show/hide Navigation for module.
Navigation Speed – Allow to set Navigation Speed.

Advanced

Pre-text – Allow to enter intro text of the module.
Post-text – Allow to enter footer text of the module.

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!