Simple products slider

Simple products slider

Simple products slider is an element that allows displaying products list in the yootheme's core slider element.



Content

This element contains following fields:



  1. image - field reserved for the product's image,
  2. video - field reserved for the product's video,
  3. title - field reserved for the product's name,
  4. meta - field reserved for the product's meta.


  1. content - field reserved for product description,
  2. link -  link for the readmore button,
  3. text color - title's color (dark/light).


  1. add to cart - field reserved for the cart attribute,
  2. price - field reserved for the product's price.

Category content

  1. category - field reserved for category's name,
  2. category image - field reserved for category's image,
  3. image alt - category's image alt,
  4. link - field reserved for the category link,
  5. link title - field reserved for the category's link title.


Producer content

  1. producer - field reserved for the producer's name,
  2. producer image - field reserved for the producer's image,
  3. image alt - field reserved for the producer's image alt,
  4. link - field reserved for the link to producer page,
  5. producer link target - select the target for producer link attribute (same window, new window, or modal view).

Settings

Settings are based on yootheme's core slider and Extended Products Grid element. Learn more about the category, producer, cart, and product content options.

Example



      • Related Articles

      • Simple products grid

        Simple products grid element is an element for the products list. This element is a simplified element based on the Extended Products Grid.
      • Products sorting

        Products sorting element is a simple ordering element for a products list This element will render ordering options based on the DJ-Catalog2 component's configuration.
      • How to create a new slider theme?

        Short step by step instruction: Copy and rename default folder from and into modules/mod_djimageslider/themes Switch the theme to {YOURTHEME} in the module settings Find "-default" suffix and replace it with "-{YOURTHEME}" for all css selectors in ...
      • DJ-ImageSlider example views

        Check the Demo site to see the comprehensive list of available layouts See examples of DJ-ImageSlider views: a) horizontal slider with one image visible, taken from the component, containing a short description with the linked title  b) horizontal ...
      • Products

        Once you have configured all the parameters, you are ready to add the first product. Click on the New Product button from the Control Panel and you will be directed to the page: Edit Name – enter a name of the product Alias – enter an alternative ...