Problem/Motivation

The home page's "How Our Students Are Thriving" section is hand-placed static content, so a fresh install shows the same headline three times in the left column and twice more on the right:

03 SEP  Open Day. Meet faculty, tour campus
10 SEP  University Launches New Artificial Intelligence Research Center
08 SEP  University Launches New Artificial Intelligence Research Center
07 SEP  University Launches New Artificial Intelligence Research Center
        University Launches New Artificial Intelligence Research Center
        University Launches New Artificial Intelligence Research Center

Counted on a clean install of the current 1.0.x: ten occurrences of that one title and zero Views blocks on the page. None of it is real content — the titles and dates are literal props on fifteen hand-placed components, so they never change, never reflect what the site actually publishes, and go stale the moment an editor adds an event or a news post.

The section is also the one place on the home page that should obviously be data-driven: it exists to show what is coming up and what was just published.

Steps to reproduce

  1. Install the Educare site template.
  2. Open the home page and scroll to "How Our Students Are Thriving".
  3. The same event title repeats three times on the left and twice on the right, regardless of the events and news the site contains.

Proposed resolution

Replace the fifteen static components with two Views blocks, and add the two displays they render:

  • views.view.events gains display.latest — three upcoming events, no pager, single column, rendering the dated card view mode already bound to field_when.
  • views.view.news gains display.featured — two latest news posts in featured_card_medium.
  • The Home page's component tree drops fifteen hand-placed components and gains the two blocks (151 → 138 components).

Both displays follow the naming the news view already uses (all, latest, related) rather than a generic block_1, and they are added through the same views.view.* config actions the recipe already applies.

Three items on the left against two on the right matches the design and leaves the two columns the same height.

Remaining tasks

  • ✅ File an issue
  • ❌ Addition/Change/Update/Fix
  • ❌ Testing to ensure no regression
  • ➖ Automated unit testing coverage
  • ➖ Automated functional testing coverage
  • ❌ UX/UI designer responsibilities
  • ➖ Readability
  • ➖ Accessibility
  • ➖ Performance
  • ➖ Security
  • ➖ Developer Documentation
  • ➖ User Guide Documentation
  • ➖ Reviewed by human
  • ➖ Code review by maintainers
  • ➖ Full testing and approval
  • ➖ Credit contributors
  • ➖ Review with the product owner
  • ❌ Release notes snippet
  • ✅ Release educare-1.0.0-alpha2

User interface changes

  • The Stories section lists real upcoming events and real latest news instead of a repeated placeholder, and keeps itself current as content is published.

API changes

  • N/A

Data model changes

  • Two new block displays: views.view.events latest, and views.view.news featured.

Release notes snippet

  • The home page Stories section now lists real upcoming events and latest news through Views blocks, replacing static placeholder cards that repeated the same title.

Issue fork educare-3616545

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

rajab natshah created an issue. See original summary.

  • rajab natshah committed 8d1141e0 on 1.0.x
    fix: #3616545 List real events and news in the home page Stories section
    

  • rajab natshah committed 8d1141e0 on 3615980-show-test-steps-1.0.x
    fix: #3616545 List real events and news in the home page Stories section
    

  • rajab natshah committed 89cb2a9a on 1.0.x
    fix: #3616545 Replace the static event and news cards in Canvas pages...

  • rajab natshah committed 6bb5ae61 on 1.0.x
    fix: #3616545 List real programs on the Home page instead of six static...
rajab natshah’s picture

Assigned: Unassigned » josebc
Issue summary: View changes
Status: Active » Needs review
Issue tags: +educare-1.0.0-alpha2
rajab natshah’s picture

Assigned: josebc » mohammed j. razem
rajab natshah’s picture

Assigned: mohammed j. razem » Unassigned
Status: Needs review » Fixed

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.