About Category Slider

Using the Category Slider extension to create slider gallery for product categories on your site is as simple as placing shortcode. With this plugin, you can have extensive control over category sliders.

Installation

 

To install your plugin:

  1. Navigate to Plugins Add New.
  2. At the top of the Add Plugins page, click the Upload Plugins button.
  3. Click Choose File.
  4. In the File Upload pop-up, choose the plugin’s .zip file from the hard drive and then click Open.
  5. Click Install Now.
  6. After installation, you have to click the Activate Plugin button.
  7. You will be transferred to the Plugin page; Category Slider should now be visible.

Activation

 

To activate the plugin:

  1. Navigate to Jigoshop Manage Licenses.
  2. Fill the boxes with appropriate information (license key and activation email).
  3. Click the Save button.
  4. Your plugin should now be active.

Usage

After enabling the plugin you have to use one of the available shortcodes.

Shortcodes

jigoshop_category_slider

Usage:

[jigoshop_category_slider]

This will generate slider with all categories.

You can restrict them by adding the categories parameter:

[jigoshop_category_slider categories=1,2,3]

This will generate slider with categories with IDs 1, 2 and 3.

You can also add parameters for the slider itself.

Available parameters are:

  • image_width – image width in px, default: 180
  • image_height – image height in px, default: 100
  • fixed_image_size – defines whether to set each image size to defined earlier width and height, default: false
  • animation_duration – how long animation will take in ms, default: 400
  • animation_timeout – how long before switching to next item in ms, default: 2000
  • wrapping – how to wrap items in carousel, proper values: first, last, both, default: both
  • vertical – is carousel vertical? proper values: true, null, default: null (horizontal carousel)
  • rtl – use Right-to-Left orientation? proper values: true, false, default: false
  • focus_center – focus central element? proper values: true, false, default: false
  • slider_width – slider width in px, default: 360
  • slider_height – slider height in px, default: 100

Example

[jigoshop_category_slider animation_duration=200 focus_center=false slider_height=300 slider_width=500]
 
Jigoshop