Responsive Scroller for Virtuemart

Responsive Scroller for Virtuemart is a responsive scroller that allows you to show Virtuemart products with a set amount of scrolling items.

The size and amount of scrolling items will automatically adjust depending on the browser and screen size. The module features 6 preset themes and is fully customizable.

To install Responsive Scroller for Virtuemart

  1. Login to Joomla administrator control panel
  2. Go to Extensions > Manage
  3. Click on Upload Package File
  4. Select the zip file of the extension and click on Upload & Install
    Installation
  5. Go to Extensions > Modules and search for Responsive Scroller for Virtuemart
  6. Under the tab Module select a position for the module and set the Status as Published
    Installation
  7. Under the tab Menu Assignment assign the module to the menu items where you want it to display.

      Important:

    If you assign the module to a menu item of type Products, Categories or Manufacturers, the module will still display when you click on a product link. If you don't want the module to be displayed inside a product page, you must not assign it to those menu items.

Data Source

Under the tab Data Source you have the option to select Custom Filtering or Specific Products.

Custom Filtering:

With the Custom Filtering you can filter products by:

  1. Categories
  2. Manufacturers

If you leave the above 2 fields empty then all products will be selected. Keep in mind that the 2 above filters work in conjunction with each other. That means that if you select a Category called Category 1 and a Manufacturer called Manufacturer 1 then the module will show products that belong to the category Category 1 and at the same time they belong to the Manufacturer Manufacturer 1.

In the field Items count you can limit the total products shown in the module. Default is 8.

Configuration

You can exclude specific products from the module in the field Exclude Products by entering the products id's separated by commas.

You can also configure the module to hide or show Featured products, Products with discount or Products out of stock.

Additionaly you can select to filter products by a specific Time range.

Finally you can change the products ordering in the module in the field Ordering.

Configuration

Specific Products:

If you want to display specific products in the module you must select the option Specific Products in the field Source.

Then enter the id's of the products in the field Specific Products.

Configuration

Basic Settings

Theme: Select one of the available themes.

Items spacing: Spacing between items (in pixels).

Image width: The module will crop the images to this width (in pixels).

Image height: The module will crop the images to this height (in pixels).

  The module stores the cropped images to the folder root/images/rscv/.

Title limit: Limits the total count of words in the item title.

Description limit: Limits the total count of words in the item introtext.

Date format: Enter a date format. You can learn more here: PHP Date Manual.

Effects Settings

Slide speed: Slide speed in milliseconds (1000 milliseconds = 1 second).

Pagination speed: Pagination speed in milliseconds (1000 milliseconds = 1 second).

Rewind speed: Rewind speed in milliseconds (1000 milliseconds = 1 second).

Autoplay: Advances automatically to next item/page.

Autoplay speed: Autoplay speed in milliseconds (1000 milliseconds = 1 second).

Stop on hover: Stops autoplay on mouse hover.

Configuration

Navigation arrows: Display Next and Previous buttons.

Rewind to start: Slide back to first item when reaching the last item.

Scroll per page: Scroll per page not per item. This affects Next and Previous buttons and Mouse, Touch dragging.

Pagination bullets: Display pagination buttons.

Pagination numbers: Show numbers inside pagination buttons.

Drag and scroll: Enable/disable mouse/touch dragging.

Configuration

Responsive levels

  With the parameters of this section you can configure the number of visible items per screen size.

Responsive layout: Enable/disable responsive layout.

LG items per row: Items per row for Large Screens (large desktop).

LG size: Size limit for Large Screens (in pixels). Under this limit, the MD items per row will be applied.

MD items per row: Items per row for Medium Screens (medium desktop).

MD size: Size limit for Medium Screens (in pixels). Under this limit, the SM items per row will be applied.

SM items per row: Items per row for Small Screens (tablet).

SM size: Size limit for Small Screens (in pixels). Under this limit, the XS items per row will be applied.

XS items per row: Items per row for Extra Small Screens (small tablet/landscape phone).

XS size: Size limit for Phone Screens (in pixels). Under this limit, the Phone items per row will be applied.

Phone items per row: Items per row for Phones.

Configuration

Advanced settings

Load jQuery library: Enable this parameter only if you experience javascript conflicts on the page. It is disabled by default.

Load PHP Thumb Factory: The PHP Thumb Factory is responsible for all image cropping operations. Do not disable it unless it is already used by another extension.

Load Fancybox: Enable the Fancybox only if you have also enabled the parameter Show hover fancybox icon in Basic settings.

Load Font Awesome: If your template uses the Font Awesome library you can safely disable this parameter.

Configuration
Frequently Asked Questions
View Changelog

This website uses cookies to ensure that you get the best user experience. Cookies Policy / Privacy Policy

Search