Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeJ! ExtensionsExtension User-GuidesSJ Cool Showcase for Content Userguide

This guide is intended for SJ Cool Showcase for Content module

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 here.

REQUIREMENTS

- Joomla! 2.5.x and Joomla! v3.x latest stable versions are highly recommended.

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

SETTINGS

1. Below is the module layout:

2. Configuration

NOTE: We used the images of module's installtion on joomla 3.x to illustrate

After installing, go to Extension -> Module Manager and find SJ Cool Showcase for Content to configure

SJ Cool Showcase for Content module are configured in 6 groups of parameters following:

  • Basic Options
  • Source Options
  • Item Options
  • Image Options
  • Effect Options
  • Advanced Options
Let's look at the parameters in detail:

BASIC OPTIONS
  • Module Width - Allow you to change width of the module
  • Module Height- Allow you to change height of module
  • Theme - Allow you to choose 1 of 4 themes available
  • Item link target - Set target for links clicked:
    • Sample window
    • New window
    • Popup
SOURCE OPTIONS
  • Data Source - Allow you to choose the source of content that is show this module
  • Child Category Article - Allow you to choose if child category article Include OR Exclude
  • Category Depth - Allow you to choose the number of child category level.
  • Featured Articles - Allow you to "Show/ Hide/ Only" Featured Articles.
  • Article Field to Order By - Allow to choose field that you want articles to be ordered by
  • Ordering Direction - Allow you to choose the direction that you want Articles to be ordered by:
    • Ascending
    • Decending
  • Count - Allow to choose the number articles to display. The default value of 0 will display all articles.
ITEM OPTIONS
  • Display Title - Show the title of article OR not
  • Title MaxLength - Allow to set the length of article title
  • Display Description - Allow you to show article description OR not
  • Description Maxlength- Allow you to set the length of article description
  • Tags Display - Allow you to Show/Hide tags of item
  • Display Readmore Link - Allow you to Show/Hide Readmore link.
  • Read More Text - Allow you to insert text for Readmore link.
  • Border Image - Allow you to Yes/No Border Image.
IMAGE OPTIONS

Note: Image sources will be got in the article - Click HERE

Get Image From Image Intro
  • Image Intro - Allow you to get images from image intro OR not
Get Image From Image Fulltext
  • Image Fulltext - Allow to get images from Image Fulltext OR not
Get Image From Inline Introtext
  • Inline Introtext - Allow you to get images from Introtext OR not
Get Image From Inline Fulltext
  • Inline Fulltext - Allow to get images from Inline Fulltext OR not
Get Image From Extend Folder
  • Extend Folder - Allow to extend folder or not
  • Order to Get - Set order: image_intro...,external OR not
  • External Folder - Set path to external image folder used by option above
  • 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
  • Width/Height - Allow you to set the width/height of the 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.
  • Use Default Image - Allow you to use a placeholder image when entries' image is empty
  • Placeholder Path or Url - Allow to set path to placeholder image
EFFECT OPTIONS
  • Auto Play - Allow to set if sliding auto play OR not
  • Stop when Hover - Allow to stop sliding when being hovered OR not
  • Max Item Visible - Allow to set number of articles visible in slider
  • Slideshow Speed - You can set the speed of sliding, millisecond
  • Auto Play Interval - You can set the interval of sliding, millisecond
  • Mouse Wheel - Allow to set if sliding can be activated under mouse wheel OR just by navigation buttons
  • Show Shadow - Allow to set if shadow of items are visible OR not
  • Show Direction Navigation - Allow to set showing direction navigation OR not
  • Style Direction Navigation - Allow to set the style of direction navigation: full or half bar
  • Show Direction Navigation When - Allow to set when direction navigation visible:
    • Always
    • Hover
  • Button Navigation - Allow to set showing navigation bar OR not
  • Distance - Allow to set distance between two items in slide
ADVANCED OPTIONS
  • Alternative Layout - Allow to use a different layout from the supplied module or overrides in the templates
  • Module Class Suffix - Allow you to choose another CSS class that suits your template
  • Include jQuery - Allow you to include jQuery from this module or another one
  • 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 styles

This guide is intended for SJ Cool Showcase for Content module

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 here.

REQUIREMENTS

- Joomla! 2.5.x and Joomla! v3.x latest stable versions are highly recommended.

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

SETTINGS

1. Below is the module layout:

2. Configuration

NOTE: We used the images of module's installtion on joomla 3.x to illustrate

After installing, go to Extension -> Module Manager and find SJ Cool Showcase for Content to configure

SJ Cool Showcase for Content module are configured in 6 groups of parameters following:

  • Basic Options
  • Source Options
  • Item Options
  • Image Options
  • Effect Options
  • Advanced Options
Let's look at the parameters in detail:

BASIC OPTIONS
  • Module Width - Allow you to change width of the module
  • Module Height- Allow you to change height of module
  • Theme - Allow you to choose 1 of 4 themes available
  • Item link target - Set target for links clicked:
    • Sample window
    • New window
    • Popup
SOURCE OPTIONS
  • Data Source - Allow you to choose the source of content that is show this module
  • Child Category Article - Allow you to choose if child category article Include OR Exclude
  • Category Depth - Allow you to choose the number of child category level.
  • Featured Articles - Allow you to "Show/ Hide/ Only" Featured Articles.
  • Article Field to Order By - Allow to choose field that you want articles to be ordered by
  • Ordering Direction - Allow you to choose the direction that you want Articles to be ordered by:
    • Ascending
    • Decending
  • Count - Allow to choose the number articles to display. The default value of 0 will display all articles.
ITEM OPTIONS
  • Display Title - Show the title of article OR not
  • Title MaxLength - Allow to set the length of article title
  • Display Description - Allow you to show article description OR not
  • Description Maxlength- Allow you to set the length of article description
  • Tags Display - Allow you to Show/Hide tags of item
  • Display Readmore Link - Allow you to Show/Hide Readmore link.
  • Read More Text - Allow you to insert text for Readmore link.
  • Border Image - Allow you to Yes/No Border Image.
IMAGE OPTIONS

Note: Image sources will be got in the article - Click HERE

Get Image From Image Intro
  • Image Intro - Allow you to get images from image intro OR not
Get Image From Image Fulltext
  • Image Fulltext - Allow to get images from Image Fulltext OR not
Get Image From Inline Introtext
  • Inline Introtext - Allow you to get images from Introtext OR not
Get Image From Inline Fulltext
  • Inline Fulltext - Allow to get images from Inline Fulltext OR not
Get Image From Extend Folder
  • Extend Folder - Allow to extend folder or not
  • Order to Get - Set order: image_intro...,external OR not
  • External Folder - Set path to external image folder used by option above
  • 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
  • Width/Height - Allow you to set the width/height of the 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.
  • Use Default Image - Allow you to use a placeholder image when entries' image is empty
  • Placeholder Path or Url - Allow to set path to placeholder image
EFFECT OPTIONS
  • Auto Play - Allow to set if sliding auto play OR not
  • Stop when Hover - Allow to stop sliding when being hovered OR not
  • Max Item Visible - Allow to set number of articles visible in slider
  • Slideshow Speed - You can set the speed of sliding, millisecond
  • Auto Play Interval - You can set the interval of sliding, millisecond
  • Mouse Wheel - Allow to set if sliding can be activated under mouse wheel OR just by navigation buttons
  • Show Shadow - Allow to set if shadow of items are visible OR not
  • Show Direction Navigation - Allow to set showing direction navigation OR not
  • Style Direction Navigation - Allow to set the style of direction navigation: full or half bar
  • Show Direction Navigation When - Allow to set when direction navigation visible:
    • Always
    • Hover
  • Button Navigation - Allow to set showing navigation bar OR not
  • Distance - Allow to set distance between two items in slide
ADVANCED OPTIONS
  • Alternative Layout - Allow to use a different layout from the supplied module or overrides in the templates
  • Module Class Suffix - Allow you to choose another CSS class that suits your template
  • Include jQuery - Allow you to include jQuery from this module or another one
  • 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 styles
Last modified on 24

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes