January.18.2013

SJ Cool Accordion for SobiPro Userguide

Written by SA Dang Truong

Published in Extension User-Guides

(0 votes)

This guide is intended for SobiPro Cool Accordion module only.

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

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