Ultimate All-in-One Membership - Best Value Website Solution Package!

Your Cart is currently empty!
Product update
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeJ! ExtensionsExtension User-GuidesSJ Responsive Listing for JoomShopping Userguide

SJ Responsive Listing for JoomShopping Userguide

This guide is intended for SJ Responsive Listing for JoomShopping 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


1. Joomla! supported versions are listed in our intro page.


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 New and create one instance for module you have installed
  • Then configure it as SETTINGS part hereafter


1. This module with sample layout is below:

SJ Responsive Listing for JoomShopping

2. The parameters are divided up into the following areas:
  • Basic Options
  • Source Options
  • Ordering Options
  • Tabs Options
  • Items Options
  • Image Options
  • Advanced Options
  • Select columns - For each devices, choose how many columns visible
  • Display Sort Form - Allow you to show Sort list box
  • Display Layout Switch - Allow you to show Switch layout button
  • Default Layout - Allow you to choose Grid (sample above) or List as default layout
  • Categories - Choose categories that you want to show in this module
  • Category Preload - Allow to set category that is used for preloading
  • Featured Articles - Allow to select to Show, Hide or Only display Featured Articles
  • Count - Allow to set number of articles which will be displayed in the module.  Set  value "0" if you want to display all articles.
  • Show Item Ordering - Allow to set item ordering which are showed in Font-end
  • Article Field to Order By - Allow to choose the criterion for order:
    • Title
    • Most Viewed
    • Recently Added
    • Recently Modified
    • Ordering
    • Start Publishing Date
    • Finish Publishing Date
    • Random
  • Ordering Direction - Allow to set direction to arrange order: Ascending or Descending
  • Tab All Display - Allow you to choose display Tab OR not
  • Category Title Maxlength - Allow to set the length of category title
  • Count Item Display - Allow you to show the number of items along with category title OR not
  • Category Order By - Allow you to choose category order by Title, Ordering OR Random
  • Title Display - Show the title of article OR not
  • Title Maxlength - Allow to set the length of article title
  • Description display - Allow you to show article description OR not
  • Description Maxlength for Layout Grid- Allow to set the length of article description for Grid layout
  • Description Maxlength for Layout List - Allow to set the length of article description for List layout
  • Tags Display - Allow to display tags for each article OR not
  • Hits Display - Show the number of views OR not
  • Created Date Display - Show the created date OR not
  • Category Title - Show the Category title OR not
  • Readmore link - Show the Readmore OR not
  • Link target - Set target for links clicked:
    • Same window
    • New window
    • Popup
Get Image From Image Intro
  • From Image - Allow you to get images of image OR not
Get Image From Image Fulltext
  • Image Fulltext - Allow you to get images of image fulltext OR not
Get Images From Inline Fulltext
  • Image Fulltext - Allow you to get images of inline fulltext OR not
Get Image From Inline Introtext
  • Inline Fulltext - Allow you to get images of inline introtext OR not
Get Image From Extend Folder
  • From External - Allow you to get images from external source
  • Order to Get - Set order: image_intro, image_fulltext, inline_introtext, inline_fulltext, external OR external, inline_fulltext, inline_introtext, image_fulltex, image_intro
  • Extend 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 - Allow you to set the width of image
  • Height - Allow you to set the height of image
  • Background - Allow to set the color of image background
  • User Default Image - Allow to set user default image OR not
  • Placeholder Path (or Url) - Allow to set path to placeholder image
  • Alternative Layout - Allow to use a different layout from the supplied module or overrides in the templates
  • 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 - Set wrapper tag for module
  • Bootstrap Size - Set width based on bootstrap for wrapper of module
  • Header Tag - Set tag for module title
  • Header Class - Set class for module title
  • Module Style - Override module style

Love all our templates?

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

Join Now
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes
Quà Tết Cao Cấp Hộp quà tết Giỏ quà tết Túi quà tết