Installation

In order to install the module in Joomla 2.5.x or 3.x do the following:

  1. Download VirtueMart Pop Product Slider.
  2. In the Joomla control panel select "Extensions" > "Extension Manager".
  3. In the Upload Package File section click Browse and locate the downloaded file.
  4. Then click Upload File & Install to upload the file and complete the installation.

Configuration

In order to configure VirtueMart Pop Product Slider go to the Joomla control panel and select: Extensions > Module Manager. Locate VirtueMart Pop Product Slider in the list and click it. You can see the Parameters of the module as below:

Joomla Module Parameters

Parameters

VirtueMart Pop Product Slider for Joomla has the following parameters:

  • Module Class Suffix: A suffix to be applied to the CSS class of the Module. This allows for individual Module styling.
  • Module Width (px): The width in pixels of the module or 'auto' for responsive behavior.
  • Module Background Color: The background color of the module (e.g. #343434). Leave empty for transparent background.
  • Items: Show products or categories.
  • Product Selection Type: The way you are going to define the displayed products.
  • Categories: The categories whose products are going to be shown.
  • Specific Products IDs: The IDs of the products to be shown. Set to 0 to select all products.
  • Product Limit: The maximum number of products to show in the slider.
  • Featured Products Only: Show only the featured products.
  • Product Order: The order in which products are shown in the slider.
  • Show Category Selector: Show a dropdown list for filtering products per category.
  • Categories: The categories to be showed in the module.
  • Categories Order: The order in which categories are shown in the slider.
  • Item Background Color: Set the background color of the items (e.g. #191919).
  • Item Outer shadow: Drop shadow around the items.
  • Image Small Width (px): The small width in pixels of each image (when mouse is not over).
  • Image Small Height (px): The small height in pixels of each image (when mouse is not over).
  • Image Big Width (px): The big width in pixels of each image (when mouse is over).
  • Image Big Height (px): The big height in pixels of each image (when mouse is over).
  • Image Background Color: Set the background color behind the images of the items (e.g. #DFDFDF). Images need to have transparency.
  • Image Inner Shadow: Apply inner shadow to the images of the items. This shadow is visible only to images with transparency around them.
  • Rounded Corners (px): Set any number equal or bigger than 1 to apply rounded corners to the items and the images. Set to 0 for square corners. Default value is 15.
  • Show Item Title: Show the titles of the products or the categories.
  • Item Title Font Size: The font size of the titles (product name) below the images.
  • Item Title Font Color: The font color of the titles below the images (e.g. #343434). Leave empty for white color.
  • Show Short Description: Show the short descriptions of the products or the categories.
  • Link Target: The target where links will open.
  • Link Description: Links will show the product page or only the product image (big size).
  • Show Buttons: Show buttons to slide the items.
  • Buttons Style: The buttons style.
  • Auto Slide: Items slide automatically left and right when cursor is not above them.
  • Auto Slide Speed: The sliding speed when the items slide automatically.
  • Auto Slide Start Delay: The time in seconds to wait after the webpage is loaded and before the auto slide start.
  • Slide Speed: The items sliding speed. Slowest='1', Fastest='99'.
  • Initial Position: The position of the slider starting to show items. Left='0', Center='50', Right='100'.

Instructions

The developer can set up the width and the height of the product images, in normal and zoomed state, according to his/her needs. Width and height in zoomed state must be equal or greater to the width and height in normal state respectively. In most cases the width and height in zoomed state must be proportionally increased to the dimensions in normal state, but it's not necessary.

Automatic Update

In order to be able to easily update the extension through the update system of Joomla, you need:

  • Your membership ID. This can be found in the email you received with the subscription information of this extension or in your profile in this website.
  • An active subscription of this extension. You can see your subscriptions in your profile as well.

Having the above fullfilled, do the following:

  1. Select "Extensions > Plugins".
  2. Locate in the list the line with name "Installer - VirtueMart Pop Product Slider" where the column 'Type' is equal to 'Installer' and click to it.
  3. Fill in your membership id in the parameters, enable the plugin and save.

Now you will be able to update the extension through the Joomla update system. But if you want, you can do it manually by downloading the latest version from this website.

Uninstall from Joomla

  1. Select "Extensions > Manage > Manage".
  2. Locate in the list the line with name "VirtueMart Pop Product Slider" where the column 'Type' is equal to 'Package'.
  3. Check the line and click "Uninstall". This will uninstall completely the extension.