SJ SlideShow for JoomShopping

This guide will help you install SJ SlideShow for JoomShopping step by step.


1REQUIREMENT – Back to top

  • 1. Joomla! v1.7.x, Joomla! 2.5.x or Joomla! 3.0, latest stable version is recommended.
  • 2. JoomShopping v3.13.2 is recommended for Joomla 2.5 package
  • 3. JoomShopping v 4.1.0 is recommended for Joomla 3.0 package
2INSTALLATION – Back to top

Prepare your module package

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

  • In your Administrator page, go to Extensions -> Extension Manager
    In this page, click Browse, 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
3SETTINGS – Back to top


1. This module with sample layout is below:

  • Main Image: Showing the main large image, configured under Image Options
  • Navigation Button: Button to navigate with many styles can be applied.

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

  • Source Options
  • Product Options
  • Effect Options
  • Image Options
  • Advanced Options
SOURCE OPTIONS

  • Categories – Choose categories that you want to show in this module
  • Product Order By – Allow to sort product by one of these that are included:
    • Product Title
    • Product Price
    • Product Reviews
    • Product Hits
    • Product ID
    • Created Date
    • Modified Date
  • Product Order Dir – Allow to choose: Ascending or Descending direction to order
  • Limitation – Allow to set number of products visible
PRODUCT OPTIONS

  • Title options:
    • Show Title:  Show the title of product OR not
    • Title Max Chars: Allow to set the number of character for product title. Choosing -1 if you want to show full title.
  • Description Options:
    • Show Desc: Allow you to show product description OR not
    • Desc Max Chars: Allow to set the number of character for product description. Choosing -1 if you want to show full description.
  • Other Options:
    • Show Read More: Show the Readmore OR not
    • Read More Text: Allow to set custom readmore text
    • Show Price: Show the Price OR not
    • Show Rewiew: Show the Rewiew OR not
EFFECT OPTIONS

  • Article Start – Allow you to set the order number of product to be shown for the first sight. The maximum of this is equal with the total of products.
  • Stop when Hover – Allow you to stop slide when being hovered OR not
  • Auto Play –  Allow you to set autoplay for slideshow
  • Interval – Allow you to set time to stop between sliding
  • Effect – Allow you to set effect for slideshow: Slide or Fade
IMAGE OPTIONS

  • From Product – Allow you to get images from product field configured above OR not
  • From External – Allow you to get image from image external source OR not
  • External Path (or Url) – Set path to external image folder used by option above. Using {id}.jpg is for getting the id of image. Using {name}.jpg is for getting the name of image.
  • Order to Get – Allow you to set order of loading image: image_product, external OR external, image_product.
  • 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 main image
  • Image Height – Allow you to set the height of the main image
  • Background – Allow to set the color of image background
  • Placeholder – Allow you to use a placeholder image when article’s image is empty
  • Placeholder Path (or Url) – Allow to set path to placeholder image
ADVANCED OPTIONS

  • Module Class Suffix – Allow you to choose another CSS class that suits your template
  • Include Jquery – Allow to include jQuery lib OR not
  • Show Jquery in Joomshopping Page: Allow to show Jquery in Joomshooping page OR not
  • Open Link – The opening window for links:
    • Same Window: Open the link in the same window
    • New Window: Open the link in the new window
    • Popup Window: Open the link in the popup window
  • – Allow to use a different layout from the supplied module or overrides on the templates
  • Pretext – The content to show at the top of module
  • Posttext – 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 – The HTML tag for module
  • Boostrap Size – An option to specific how many columns the module will use
  • Header Tag – The HTML tag for module header/title
  • Header Class – The CSS Class for module header/title
  • Module Style – Allow to override the templates style for it’s position

4SUPPORT – Back to top

Thank you so much for purchasing this extension. If you have any questions that are beyond the scope of this help file, please send us via: Submit a Ticket

Thanks so much!