wordpress-mobile / wordpress-mobile/WordPress-iOS

[Site Design Revamp] Create carousel view for previewing design categories

Open
#18,438 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

[Type] Task Site Creation
Dominant language
Swift
Stars
3.9k
Forks
1.2k
Avg merge
23h 51m
Merged PRs (30d)
58

Description

Description

A carousel / paging view will allow the user to horizontally swipe between full-screen / modal previews of designs in a category.

Current flow:

  1. User taps on a design on the Design Screen main view
  2. Action buttons appear from the bottom ("Preview", "Choose")
  3. User taps "Preview" button
  4. The chosen design's preview is shown in a modal / full screen
  5. The user can swipe down to dismiss the preview

New flow:

  1. User taps on a design on the Design Screen main view
  2. A horizontal carousel / paging view is shown
  3. The carousel view contains all the designs in the tapped design's category
  4. The carousel view is focused / centered on the tapped design
  5. The user can swipe horizontally to access preceding and succeeding designs from the category
  6. The user can swipe down to dismiss the carousel view

Technical considerations:

  • The carousel view may take an array of preview views, and a pointer to the starting view
  • The carousel view may be responsible for firing the "Preview Viewed" event
  • This view will support scrolling in a web view, horizontal scrolling between previews, and a downward gesture to dismiss itself

image
image

PRs should target the feature/site-design-revamp feature branch.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the Design Screen and its existing modal preview flow described in the issue, then inspect the feature/site-design-revamp branch. Done means a centered, horizontally swipeable carousel shows all designs in the selected category, supports scrolling previews and downward dismissal, and preserves the stated starting position.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios, swift
Domain
design, mobile
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.