SO Video Box

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!