SJ Cool Accordion for SobiPro

View demoMore detail

This guide is intended for SobiPro Cool Accordion – SobiPro extension.

When you buy the module the first time, you will have the latest version. After the first release, we will update this module regularly, then please check newer versions when informed

REQUIREMENTS

1. Joomla!; supported versions are listed in our sale page.

INSTALLATION

1. Prepare your module package (zip file; please UNZIP first if it is indicated in the file name)
2. All steps are in administrator backend of Joomla!:

  • 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
  • Then click the module listed below to configure it as SETTINGS part hereafter

SETTINGS

1. This module with sample layout is below:

  • Shrunk tab: static tabs, not having been clicked
  • Expanded tab: Showing entries’ details; configured under Image and Field Options
  • Small Images: Configured under Entry Options

2. The parameters are divided up into the following areas:

  • Basic Options
  • Source Options
  • Field Options
  • Entry Options
  • Images Options
  • Advanced Options

BASIC OPTIONS

  • Module Class Suffix – Allow you to choose another CSS class that suits your template
  • Module Width – Allow you to set width of this module
  • Module Height – Allow you to set height of this module
  • Theme – 4 themes to be chosen
  • Link Target – Set target for links clicked:
    • Same window
    • New window
    • Popup

SOURCE OPTIONS

  • Select Section – Choose the source of content that is used with this module
  • Section ID – ID of the SobiPro section chosen above
  • Category Filter – Allow to show entries that meet some factors:
    • None: Show all entries of section chosen above
    • Include: Only those that are from categories below
    • Exclude: Only those that are NOT from categories below
  • Select Category – Choose the category of section that is used with option above
  • Order Entries By – Allow to choose the criterion for order
    • Popularity ascending
    • Popularity descending
    • Creation date ascending
    • Creation date descending
    • Last update date ascending
    • Last update date descending
    • Expiration date ascending
    • Expiration date descending
    • Random
  • Entries Limit– Allow to set total of entries to be used by module

FIELD OPTIONS

    • Description Field– Alias of a SobiPro field that you want it to be entries’ description (fields of SobiPro section that you chose above)
    • Price Field– Alias of a SobiPro field that you want it to be entries’ price
    • Image Field– Alias of a SobiPro field that you want it to be entries’ main image

Syntax for image field above: field_alias/@attribute_name With:

  • field_alias: Alias of a SobiPro field that you want to set
  • attribute_name: One of 4 values: original, icon, thumnail, image
  • Ex: Default value of Image field is field_image/@original

ENTRY OPTIONS

    • Display Title – Show the title of entries OR not
    • Title Color– Show the title of entries OR not
    • Title Maxlength – Allow to set the length of entries title, set 0 for unlimited
    • Display Desc – Show entries description OR not
    • Description Color– Show the title of entries OR not
    • Description Maxlength – Allow to set the length of entries description, set 0 for unlimited
    • Display Read More – Show the Readmore link OR not
    • Read More Text – Set text for Readmore link
    • Show Price – Show the price field OR not

For Theme 2, Theme 3, Theme 4

  • Description Background Opacity – Set transparency of description background, in order to emphasize the details of entry
  • Show Images on Tabs – Show small images of entries over being shrunk tabs

IMAGES OPTIONS

    • From Image Field– Allow you to get images from image field configured above OR not
    • From External – Allow you to get images from external source OR not
    • External Path (or Url) – Set path to external image folder used by option above
    • Order to Get – Set order: field_image,external OR external,field_image
    • Placeholder – Allow you to use a placeholder image when entries’ image is empty
    • Placeholder Path or Url – Allow to set path to placeholder image

Big Image Options

    • Resize Mode – Allow you to choose the mode of image resizing
      • None
      • Center
      • Fill
      • Fit
      • Strech
    • 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
    • Image Width – Allow you to set the width of the big image
    • Image Height – Allow you to set the height of the big image
    • Background – Allow to set the color of image background

Small Image Options (image of navigation)

  • Resize Mode – Allow you to choose the mode of image resizing
    • None
    • Center
    • Fill
    • Fit
    • Strech
  • 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
  • Image Width – Allow you to set the width of the small image
  • Image Height – Allow you to set the height of the small image
  • Background – Allow to set the color of image background

ADVANCED OPTIONS

  • Alternative Layout – Allow you to choose custom alternative layout
  • Include jQuery – Allow to include jQuery lib 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