material-design-for-wordpress
material-design-for-wordpress copied to clipboard
material-components
Carousel Block
Feature description
As a site editor I want a carousel block to display content
Do not alter or remove anything below. The following sections will be managed by moderators only.
Acceptance criteria
- The carousel should have "dots" indicating pagination and location in the carousel
- The carousel should have next and back buttons to manually scroll through the content
- When the user selects "card collections" the only styling option we will include is "Outlined"
- By default, pagination of the carousel should go post by post, not entire pages.
Implementation brief
QA testing instructions
Demo
Changelog entry
@jauyong here's the concept on how Material Carousel block could look like and work.
https://user-images.githubusercontent.com/8026823/115675548-fa79e080-a34e-11eb-8c81-3344d98bf42c.mp4
Type of content displayed: • Recent posts • Gallery • Card Collection
Settings: • Layout e.g. Columns, Number of Posts, etc. • Equal height of cards • Autoplay (the slider is rotating every X ms - enabling this action will require specifying the exact time to rotate) • Pause on hover (this is an option specific to the Autoplay option) • Infinite loop (slider works as presented in the video attached, it's looped).
One more screenshot referencing options available and designs.
@dawidmlynarz to add additional mocks based on the above, to show the additional settings
Gallery
Here's the preview on how gallery looks like from Empty state to filled.
Recent posts
I have added Post Settings in the right panel to modify according to the user needs.
Card Collection
Empty state for card collection. Number of cards can be modified. Filled looks like Recent posts.
@jauyong That's ready for review.
@dawidmlynarz to update label on gallery for equal height, contain & cover, maintain ratio etc....
