volto-advanced-variations

0.2.3 • Public • Published

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.

NEW in 0.2.0: Added event recurrence support and option. if enable the event will show the future recurrence of the events and will overwrite the order of the items.

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.
  12. expirationDate (boolean): Show expiration date.
  13. show as quote (boolean): Show as quote.
  14. eventRecurrence (boolean): Show event recurrence date and change order.

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.
  10. expirationDate (boolean): Show expiration date.
  11. show as quote (boolean): Show as quote.
  12. eventRecurrence (boolean): Show event recurrence date and change order.

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.

Package Sidebar

Install

npm i volto-advanced-variations

Weekly Downloads

6

Version

0.2.3

License

MIT

Unpacked Size

194 kB

Total Files

24

Last publish

Collaborators

  • rnunez80