SJ Extra Slider for K2

View demoMore detail
This guide will help you install SJ Extra Slider for K2 step by step.

 

1REQUIREMENT – Back to top

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

  • Compatible with version Joomla: Joomla!2.5, Joomla! 3.x and Responsive layout.
  • Compatible with K2 2.6.x Component. Download Here

2INSTALLATION – Back to top

Prepare your module package

  • Firstly, you need to UNZIP file that you have downloaded. Please note that you should choose module package that are suitable with each Joomla version which you have just downloaded.
  • Secondly, install main module (extracted mod_ file):
    • In your Administrator page, go to Extensions -> Extension Manager. In this page, click “Choose File”, select module package.
  • Then click Upload & Install

    • Please wait for module being installed, usually within several seconds.
  • Prepare to perform Module Configuration

3MODULE CONFIGURATION – Back to top

3.1 Below is module layout

3.2 Module Configuration

Note:We used the images of module’s installation on Joomla 3.x to illustrate.

After installing, go to Extensions -> Module Manager and find SJ Extra Slider for K2 to configure.

SJ Extra Slider for K2 module is configured in 6 main groups of parameters as following:

  • Module.
  • Source Options.
  • Item Options.
  • Image Options.
  • Effect Optionss.
  • Advanced.

Let’s look at the parameters in detail:

Module.

  • Open Link – Allow to choose one of three:
    • Same window.
    • New window.
    • Popup window.
  • Button page – Allow to choose page’s button (top or under).
  • Articles Style – Allow to choose theme style, we support 7 theme.
  • # 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 1199px.
    • For devices have screen width from 768px up to 991px.
    • For devices have screen width from 480px up to 767px.
    • For devices have screen width less than or equal 479px.
      • Column – Allow to enter the column of product on a slider.
      • Rows – Allow to enter the row of product on a slider.

Source Options.

  • Source – Choose the source of content that is used with this module.
  • Category filter – Allow to choose all/select category.
  • Select one or more categories – Select one or more categories for which you want to filter an items list.
  • Fetch items from children categories – Allow to fetch items from children categories or not.
  • Item count – Limit number of items to display. Select ” 0″ for show all items.
  • Item ordering – Allow to select items which you would like items to be order by:.
  • Featured items – Show/Hide/or show only Featured items display Featured items.
  • Add items – Use this to add items to the list below.
  • Drag and drop to re-order items – Drag and drop to re-order items. Click the remove icon to remove an item from the list

Items Options.

  • Show Title of Slider – Allow to show/hide title of slider.
  • Title of Slider – Allow to insert title of slider.
  • Display Title – Allow to show/hide title of product.
  • Title Maxlength – The maxlength of product’s title. Set “0″ to show full title..
  • Display Description – Allow to display description of product OR not.
  • Description Maxlength – The max length of product’s description can be showed.
  • Display Price – Allow to show/hide price of product.
  • Tags Display – Allow to show/hide tags of items.
  • Display Read More Link – Allow to show/hide link for readmore.
  • Read More Text – Allow to insert text for link of read more.
Image Options. 

  • Get Images From K2 Image
    • K2 Image – Allow to show image items OR not.
    • K2 Image size – Alow to choose image size.
  • Get Images From Inline Introtext
    • Inline Introtext – Allow to show image inline introtext OR not.
  • Get Images From Inline Fulltext
    • Inline Fulltext – Allow to show image inline fulltext OR not.
  • Get Images From Extend Folder
    • Extend Folder – Allow to show/hide Extend Folder.
    • Extend Folder – Set path to external image folder used by option above.
    • Order to Get – Order to Get image.
    • Resize Mode – Allow to choose the mode of image resizing.
    • Output Format – Output Format after resizing.
    • Keep Transparency – Allow to keep transparency of image OR not.
    • Width – Allow to set width of image.
    • Height – Allow to set height of image.
    • Background – Allow to set the color of image background.
    • Place holder Path (or Url) – The path or URL of Default 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.
    • Effect – Allow to choose the effect for the module.
    • Show Pagination – Allow show/hide Pagination for slider.
    • Pagination Speed – Allow to set Pagination Speed for slider.
    • 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 Options.

    • Module Class Suffix – Allow to input class suffix.
    • Alternative Layout – Set custom layout for this module.
    • Pre-text – The content to show at the top of module.
    • Post-texl – The content to show at the end of module.
    • Caching.
      • Use Global: Turn on caching
      • No Caching: Turn off caching
    • Cache Times – The time to cache.
    • Module Tag – Allow to select the HTML Tag for module.
    • Bootstrap Size – Allow to set the number of columns that module will use.
    • Header Tag – Allow to select the HTML Tag for module header/title.
    • Header Classg – Support the CSS Class for module header/title.
    • Module Style – Select module style.

4SUPPORT – Back to top

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

Thanks so much!