SO Categories Accordion

This guide will help you install SO Categories Accordion 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-categories-accordion.ocmod.zip.

    Then You should see the message Success

  • In this page, choose module “SO Categories Accordion”, 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 Categories Accordion” >> 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 Categories Accordion are configured in 5 groups of parameters following:

  • General Options
  • Source Options
  • Category Options
  • Products 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.
  • Select Layout – Allow you to choose the layout of the module.
  • Borber Module – Allow you to Show/Hide Borber Module.
  • Block Title – Allow you enter Block Title.
  • Number column per page – Allow you to enter the Number column per page.
  • Number Rows of Items – Allow you to enter the Number Rows of Items.

Source Options.

  • Category – Allow to choose categories which you want to show.
  • Child Category Products – Allow to include or exclude products from child categories.
  • Product Category Depth – The number of child category levels to return.
  • Product Order By – Allow to choose 1 of 8: Name/Model/Price/Quantity/Rating/Sort Order/Date Add/Bestseller.
  • 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

  • Display Category Title – Allow to show/hide title of category
  • Title Max Chars Category – Max chars of category title.
  • Display Category Description – Allow to display category description OR not.
  • Description Max Chars Category – Max chars description of category.
  • Display Category image – Allow to display category image OR not.
  • Tab Active – Allow to enter the Tab Active.
  • Tab Event – Allow to select Tab event: Click/Hover.
  • Category Width – Allow to set Category Width of image.
  • Category Height – Allow to set Category Height of image.
  • Place holder Path (or Url) – The path or URL of Default Image.

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 Product Image – Allow to display Product Image or Not.
  • Width – Allow to set width of image.
  • Height – Allow to set height of image.
  • Large Image width – Allow to set Large Image width for Type 2.
  • Large Image height – Allow to set Large Image height for Type 2.
  • Display Price – Allow to show price or not.
  • Display Add To Cart – Allow to display add to cart button or not.
  • Display Wishlist – Allow to display wishlish button or not.
  • Display Compare – Allow to display Compare button or not.
  • Display Readmore Link – Allow to show/Hide Readmore Link.
  • Readmore Text – Set text for Readmore link.

Effect.

  • SlideBy Item – Allow to enter the location slide is active.
  • Auto Play – Allow to on/off auto play for slider.
  • Auto Interval Timeout – Allow to set the speed of timer. Larger = Slower.
  • Pause on Hover – Allow you to set pause being hovered OR not.
  • Effect Options – Allow to choose the effect for the module.
  • Swipe – Allow to show/hide Swipe.
  • Mouse Wheel – Allow to show/hide Mouse Wheel.

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!