volto-advanced-variations

A Plone/volto block add-on that add 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, image gallery, styled list, or table layout.

New in 0.8.0:

• Added 'Advanced Table' variation - displays items in a table with columns determined by selected options
• Added 'Advanced List Marker' variation - allows custom list marker styles (none, disc, circle, square, decimal, roman, alpha)

New in 0.7.0:

• Added 'Advanced List' variation - displays items as a list with OL, UL, or no bullets styling

Previous versions:

0.6.0: Added 'read more' and animation option.

0.5.1 move events options to fieldset

0.5.0 Volto-light-theme support and Background image URL correction

0.4.0: Added show Creator/Author support and option.

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:

Carousel options

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

Advanced List Marker options

A example of Advanced List Marker options Sidebar, it look like the following capture:

Advanced Table options

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

Advanced List Marker properties

List Display Options

1. titleTag (choice): items heading level.
2. listMarker (choice): select the list marker style (None, Disc, Circle, Square, Decimal, Decimal Leading Zero, Lower Roman, Upper Roman, Lower Alpha, Upper Alpha).
3. showTitle (boolean): Show Title.
4. showDescription (boolean): Show Description.

Item Event Options

1. eventDate (boolean): Show event date.
2. eventTime (boolean): Show event time.
3. eventLocation (boolean): Show event location.
4. showRecurrence (boolean): Show event recurrence date and change order.
5. effectiveDate (boolean): Show effective date.
6. expirationDate (boolean): Show expiration date.
7. creatorauthor (boolean): Show Creator/Author.
8. readMore (boolean): Show read more.

Advanced Table properties

Table Display Options

1. showTitle (boolean): Show Title.
2. showDescription (boolean): Show Description.
3. effectiveDate (boolean): Show effective date.
4. expirationDate (boolean): Show expiration date.
5. eventDate (boolean): Show event date.
6. eventTime (boolean): Show event time.
7. eventLocation (boolean): Show event location.
8. creatorauthor (boolean): Show Creator/Author.

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.
13. enableAnimation (boolean): Enable animation.
14. 'readMore' (boolean): Show read more.

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.