Story 91.4. UI Block – Image tiles

Content

General info

We should be able to this element on both POSTs(Journal Articles)

Screenshot 2024-05-07 at 12.58.29.png

and PAGEs

 

Screenshot 2024-05-07 at 12.58.37.png

User story

As an admin WordPress

I want to add the block with images and text labels

So that helps to make the pages and journal posts more interesting and useful for website users

Visual design

Figma: https://www.figma.com/file/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?type=design&node-id=4512%3A1337&mode=design&t=apJg6wUdi9sTMgXL-1 (Picture button section)

Acceptance criteria

01

Given: Admin panel → Pages → Add New page

When: create/edit page
AND add a block called “Image tiles”

Then: see the section in edit mode to adjust the settings of the block

Desktop: https://www.figma.com/design/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?node-id=6682-6260&m=dev

Screenshot 2024-09-11 at 18.17.38.png

Mobile: https://www.figma.com/design/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?node-id=6653-3668&m=dev

Screenshot 2024-09-11 at 18.19.41.png

02

Given: Admin panel → Posts → Add New post

When: create/edit post
AND add a block called “Image tiles”

Then: see the section in edit mode to adjust the settings of the block

03

Given: edit mode of the block “Image tiles”

When: add/edit photos
AND/ OR add text label
AND autosave each change
AND click update the page

Then: see the updated content of the block on the website

Comments

Leave a Reply