SJ Extra Slider For AdsManager

This guide will help you install SJ Extra Slider For AdsManager step by step.

1REQUIREMENT – Back to top

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

  • Compatible with version Joomla: Joomla! 3.3
  • Compatible with AdsManager Component version 2.9.11. 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 modules package that are situable 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.
  • Now go to Extensions -> Module Manager, click Select Type box and choose the module you have installed
  • 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 Extension -> Module Manager and find SJ Extra Slider For AdsManager to configure

SJ Extra Slider For AdsManager module is configured in 6 main groups of parameters as following:

  • Basic Options
  • Source Options
  • Ads Options
  • Image Options
  • Effect Options
  • Advanced Options

Let’s look at the parameters in detail:

BASIC OPTIONS

  • Display Title of Slider – Allow you to display Title of Slider OR not
  • Title of Slider – Allow you to input Title of Slider.
  • Open Link – Set target for links:
    • New Window
    • Same Window
    • Popup Window
  • Button page – Allow you to display button page at Top/Under.
  • Ads Style – Allow you to select Ads Style.
  • Set # Columns for each devices:
    • For devices have screen width from 1200px to greater.
    • For devices have screen width from 768px up to 1199px.
    • For devices have screen width from 480px up to 767px.
    • For devices have screen width less than or equal 479px.
  • Number rows of items – Allow to select number rows of items.

SOURCE OPTIONS

  • Select Category – Allow you to select category
  • Ads Type – Allow to select Ads Type
  • Order – Allow Ads to order by
    • Random Ads
    • Latest Ads
    • Popular Ads
  • Number of Ads – Allow to input number of Ads. Enter “1” is minimax

ADS OPTIONS

  • Display Title – Allow to display title OR not
  • Title Maxlength – Allow to set title maxlength
  • Display Description – Allow to display description OR not
  • Description Maxlength – Allow to set description maxlength
  • Display Category – Allow to display category OR not
  • Display Date – Allow to display date OR not
  • Display Readmore Link – Allow to display readmore link OR not
  • Read More Text – Allow to input read more text
  • Field 1 – Allow to input field. for example: ad_price
Image Options
Get Images From Pictures 

  • Pictures – Allow you to get image from pictures OR not
  • Pictures Size – Allow you to select picture size
    • Large
    • Small
    • Medium

Get images From Extend Folder

  • Extend Folder – Allow you to get images from external folder OR not
  • Extend Folder – Set path to external image folder used by option above
  • Order to Get – Set order:
    pictures, external
  • Resize Mode – Allow you to choose the mode of image resizing
    • None
    • Center
    • Fill
    • Fit
    • Stretch
  • Output Format – Allow to set format for all output file:
    • Default – if you want to keep original format
    • GIF
    • JPEG
    • PNG
  • Keep Transparency – Allow to keep images transparent, for PNG and GIF format
  • Width/Height – Allow you to set the width/height of the big image
  • Background – Allow to set the color of image background. This is applied for showing images without full background. If the image with full background, you can see nothing to change
  • Placeholder Path or Url – Allow to set path to placeholder image

Effect Options

    • Auto Play – Allow to Enable/Disable autoplay mode
    • Slide Speed – Allow to set speed of slide
    • Pagination Speed – Allow to set speed of pagination
    • Rewind Speed – Allow to set speed of rewind
    • Scroll Per Page – Allow to select Scroll Per Page OR not
    • Stop When Hover – Allow to stop effects when users hover OR not
    • Mouse Events – Allow to turn off/on Mouse events
    • Touch Events – Allow to turn off/on touch events

Effect for each items

  • Effect – Allow to select effect Or None
  • Duration – Allow to determine how long the animation will run
  • Delay – Allow to set a timer to delay the execution of the next item in the queue. Larger = Slower

Advanced Options

  • Module Class Suffix – Allow you to choose another CSS class that suits your template
  • Alternative Layout – Set custom layout for this module
  • Include Jquery – Allow you to include Jquery OR NOT
  • Pre-text – The content to show at the top of module
  • Post-text – 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 Class – Support the CSS Class for module header/title
  • Module Style – Select module style

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!