Status: Closed; Priority: N/A
Fixed:
- Display the Feature image of the post on the card-type block.
- Display Post Title “as is”, in full, not to limit it in any length.
- Center the Menu items in the Menu row when it becomes sticky on the top.
- Rearrange the post content items. Check the image attached below.
- Inside the individual post, add Comma to separate Tags
- Comply Responsive Breakpoints with the FBU specs at 992 px (Desktop to Tablet) and 768 px (Tablet to Mobile)
FBU Website General Breakpoints - Inner menu to be available on Tablet as well.
- Remove the top Category title, keep only the title on the Page Banner
Page Layout Design
- Standard Category page design: general design for all non-customized Categories
Desktop – Tablet | Mobile
Filters expanded: Tablet | Mobile
New page: Category: University News – Old page: Category: University News
Reference page: Category: Videos Layout design refer to Browse All page
Tech Specs
Our content source is different from theirs
Fixed: Overlapping on neighboring columns
Current design request
Current implementation
Fixed: Display “Filter Results” bar without expanding it when first visiting the Category page in Tablet and Mobile screen modes. Expand it with Popular Tags only after the user clicks the “Plus” sign.
Fixed:
- Move Tags to below “Date”, making Post Tile right below the image.
- Use original “Tag” font setting for “Date”, and original “Date” font setting for “Tag”. As shown on the image above.
Fixed: Inner Menu spacing issue when it becomes sticky on the top
Fixed: Add Comma to separate Tags
Fixed: Remove the top Category title, keep only the title on the Page Banner
Tablet screen mode still shows the top Category Title
28 thoughts on “CPT: Category Page”
webui
Do we have the image for the Category page design?
Notes from meeting on 6/23
1. Use “Browse All” page layout for Category page layout.
2. Retrieve 12 posts from related Category or …
3. When Tag on the “Popular Tags” list is clicked, it becomes the filter to select posts from related Categories.
4. There can be multiple choices of Tags.
See the Tech Specs doc for more detail.
In Progress
Hello Shawn,
We have done the functionality of the category and browse all page please check both and share your feedback is it correct as per your need
Category page: https://www.fivebranches.edu/category/news-events/university-news/
browse a page: https://www.fivebranches.edu/browse-all-demo/
NOTE: Don’t worry about the moble and tab view because it’s under progress for now just check functionality on the desktop only.
We need to discuss some points related to the ‘category’ page and ‘browse all page’, please ping me tomorrow.
Thanks
ok
Page layout designs are ready for developing
Hello,
Thanks for the update. I will fix and let you know
Currently looking for appropriate and easy to implement Checkbox symbols
The design image with Inner Menu is added as shown above
or demo page here
https://tracking.fivebranches.edu/preview/news.html
Hello,
We have updated design as per your need. Kindly check and let us know if there is anything.
Need to implement “Filter Results” bar as stated above.
When will the feature image of each post show up on this Category page?
There is a Feature image set up on this post, but it’s not showing up
Newsletter & Happy New Year, January 2021
https://www.fivebranches.edu/news-events/university-news/newsletter-happy-new-year-january-2021/
Display Post Title “as is”, not to limit its length
Hello,
We have fixed all issue please check.
“Filter Results” bar has not yet implemented
Can you please elaborate more with detail
are you talking about bellow point
your feedback: “To fix: Display “Filter Results” bar without expanding it when first visiting the Category page in Tablet and Mobile screen modes. Expand it with Popular Tags only after the user clicks the “Plus” sign.”
my comment: We have checked here working fine.
Fix the breakpoint issue
FBU responsive design Breakpoints
https://docs.google.com/document/d/1KA52dGzyPtKE4LQEN3BhxtIRBcNCMok6XFLZ9y0Him0/edit?usp=sharing
Desktop: 992 px (currently switched at 1024 px)
Tablet: 768 px (currently switched at 640 px)
Rearrange the individual Post content as shown on the image above
Fix the Inner Menu spacing issue stated above
hello,
We have fixed please check.
In the post with multiple Tags, use Comma to separate them to make it easier to identify and to read
The breakpoint and Filter Results are still not fixed.
To fix: Set Breakpoints at specified width and remove top Category title
Several issues are still not fixed:
1. Set the Responsive Breakpoints with FBU specified screen sizes
2. On Tablet and Mobile screen modes, the popular tags should be collapsed when the page is initially loaded. Expand popular tags only after users click the “+” sign to access them.
Check it out from the following links
Initially loaded (collapsed)
https://tracking.fivebranches.edu/preview/news-t.html
Click to select popular tags (expanded)
https://tracking.fivebranches.edu/preview/news2-t.html
Issue fixed please check and let me know if any issue.
Remove the top Category title on Table screen mode.
Also, the inner menu is currently under review.
It should be added to the Tablet screen mode as well.
Hello,
we have fixed the inner menu for tab and mobile also and we have keep the inner menu title as Shawn said us in skype chat.
kindly check and let me know if any issue.
Closed