FR: Stories Carousel Block

shirin27 commented 4 months ago

From vg-macktrucks-com-rd created by Gonzalo-CG: Netcentric/vg-macktrucks-com-rd#129

Description

The Bulldog Magazine Blog page contains a carousel component used to showcase more stories. This carousel component is comprised of cards, where each card element has an image, a blog category, and a title. There's a position marker below the cards.

This component is named Group 702 on the Figma designs.

Stories Carousel design:

Acceptance Criteria (TBD)

[ ] The Stories Carousel block is available for authors to use on any page.
[ ] The Stories Carousel has the same design for Desktop & mobile as shown in Figma.
[ ] Articles are manually curated so editors need to have the possibility to select which articles to add to the carousel
[ ] The number of articles available in screen view corresponds to the size of the screen, the last item the user can see goes off screen to indicate that there is more content (if there is only four articles or less, all will be in view)
[ ] On devices with touch screen the user can finger swipe through the article cards
[ ] Article cards have a hover effect to enlarge - added after HL estimate. This hover effect is the same as used in #605
[ ] The images have an aspect ratio of 2:3, making the image 248✕372px

Open Questions

What articles go here? Are they manually added, the latest articles, or what? Right now they will be manually curated. In the future we would like them to be pulled in dynamically based on tags.

Does this block have auto-advance? No

Do the cards have any hover effect? Please ask Matt Grunstead Yes the cards should have a hover effect to enlarge

Can you scroll by swiping only, or are the position markers clickable? Can scroll by swiping too

shirin27 commented 4 months ago

What articles go here? Are they manually added, the latest articles, or what? Right now they will be manually curated. In the future we would like them to be pulled in dynamically based on tags.

Does this block have auto-advance? No

Do the cards have any hover effect? Please ask Matt Grunstead

Can you scroll by swiping only, or are the position markers clickable? Can scroll by swiping too

shirin27 commented 4 months ago

The cards should have a hover effect to enlarge

shirin27 commented 4 months ago

@DanielaPedrochevd Please follow up with Matt Grunsted on the remaining design question for this ticket. Thank you!

hlxsites / vg-macktrucks-com