SJ Ajax Tabs for Virtuemart

View demoMore detail

This guide will help you install SJ Ajax Tabs for Virtuemart step by step.

1REQUIREMENT – Back to top

At the basic level, this module will require the following conditions:

  • Compatible with version Joomla: Joomla 2.5.28, Joomla 3.x and Responsive layout.
  • Compatible with Virtuemart Version 3.0.x Component. Download HERE

2INSTALLATION – Back to top

Prepare your module package

  • Firstly, you need to UNZIP file that you have downloaded. Please note that you should choose module packages that are suitable with each Joomla version
  • Secondly, install module :
    • In your Administrator page, go to Extensions -> Extension Manager, click Browse, select module package.
    • Then click Upload & Install

    • Please wait for module being installed.
  • Now go to Extensions -> Module Manager, click Select Type box and choose the module you have installed
  • Prepare to perform Module Configuration

3MODULE CONFIGURATION – Back to top

3.1 Module Demo

3.2 Module Configuration

After installing, go to Extensions -> Module Manager and find SJ Ajax Tabs for Virtuemart to configure

SJ Ajax Tabs for Virtuemart module is configured in 5 main groups of parameters as following:

  • Module
  • Source Options
  • Item Options
  • Image Options
  • Advanced Options

Let’s look at the parameters in detail:

Module

  • Link Target – Set target for links:
    • New Window
    • Same Window
    • Popup Window
  • Tabs position – Allow to select tabs position
    • Top
    • Bottom
    • Left
    • Right
  • Number column – Allow to set number column of categories. Set “1” is minimum and “6” is maximum
  • Number row – Allow to set number rows of Items. Set “1” is minimum
  • Display page – Allow to display pagination OR not
  • Swipe – Allow to set swipe gesture support for advancing slideshow forward or back (use for devices as mobile, ipad, iphone)
  • Mouse Wheel – Allow to set mouse wheel OR not

Source Options

  • Category – Allow to select category
  • Category Preload – Allow to select category preload
  • Child Category Products – Allow child category products to Include/Exclude products from Child Category
  • Category Depth – Allow the number of child category levels to return
  • Featured Products – Allow to display Featured Products: Show/Hide/Only
  • Product Order By – Allow to sort product order by
  • Ordering Direction – Allow to select ordering direction
    • Ascending
    • Descending
  • Limitation – Allow to select maximum the number of products to display. Enter “0” for unlimited selection

Item Options

  • Category Title Maxlength – Allow to set the max length of title category. Set “0” to show full title
  • Display Title – Allow to display title OR not
  • Title Maxlength – Allow to set the max length of title. Set “0” to show full title
  • Display Description – Allow to display description OR not.
  • Description Maxlength – Allow to set the max length of description. Set “0” to show full description.
  • Display Price – Allow to display price OR not
  • Display Add To Cart – Allow you to display “Add to cart” OR not
  • Display Readmore Link – Allow you to Display Readmore Link OR not
  • Read More Text – Allow to insert text for link of Read more
Image Options
Get Image From Product Image 

  • Product Image – Allow you to get image from product Image OR not

Get Images From Product Description

  • Description – Allow you to get images from product description OR not

Get Image From Extend Folder

  • Extend Folder – Allow you to get images from external folder OR not
  • Order to Get – Set order: field_image, field_description, external OR not
  • 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/Height – Allow you to set the width/height of the big 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
  • User Default Image – Allow to set user default image OR not
  • 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
  • Alternative Layout – Set custom layout for this module
  • Include Jquery – Allow you to include Jquery OR NOT
  • Pre-text – The content to show at the top of module
  • Post-text – The content to show at the end of module
  • 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 style

4SUPPORT – Back to top

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

Thanks so much!