plone-ve / volto-advanced-variations

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

volto-advanced-variations

A Plone/volto block add-on that add two new variations to the listing and search blocks.

Features

Based on codesyntax/volto-listingadvanced-variation this addon add events options including dates times and location, displaying this listing or search as a carousel/slider or image gallery.

Listing options

A example of Listing options Sidebar, it look like the following capture:

Listing options


Carousel options

A example of Carousel options Sidebar, it look like the following capture:

Carousel options


Advanced Listing properties

  1. titleTag (choice): items heading level.
  2. howManyColumns (choice): you can have one to four columns.
  3. imageSide (choice): where the image will show, top, left, bottom, right background or no image.
  4. imageWidth (choice): if the image shows left or right you can specify the width within the item div.
  5. showTitle (boolean): Show Title.
  6. showDescription (boolean): Show Description.
  7. eventCard (boolean): Show event card.
  8. eventDate (boolean): Show event date.
  9. eventTime (boolean): Show event time.
  10. eventLocation (boolean): Show event location.
  11. effectiveDate (boolean): Show effective date.

Advanced Carousel properties

Carousel/Slider Options

  1. howManyColumns (choice): you can have one to four columns.
  2. slidesToScroll (choice): how many items to scroll at a time.
  3. autoPlay (boolean): auto play the carousel.
  4. autoPlaySpeed (number): auto play speed in milliseconds.

Item Display Options

  1. titleTag (choice): items heading level.
  2. imageSide (choice): where the image will show, top, left, bottom, right background or no image.
  3. showTitle (boolean): Show Title.
  4. showDescription (boolean): Show Description.
  5. eventCard (boolean): Show event card.
  6. eventDate (boolean): Show event date.
  7. eventTime (boolean): Show event time.
  8. eventLocation (boolean): Show event location.
  9. effectiveDate (boolean): Show effective date.

Screen recording

Screen recording

How to contribute

See DEVELOP.md.

Copyright and license

The Initial Owner of the Original Code is Rafael Nunez. All Rights Reserved.

See LICENSE.md for details.

About

License:MIT License


Languages

Language:JavaScript 80.4%Language:CSS 15.4%Language:Makefile 4.1%