Problem/Motivation

Varbase Starter ships Drupal Canvas components (Vartheme Bootstrap 5 single directory components) but no reusable Patterns — the saved section/group compositions authors drop onto a page from the Canvas editor's Patterns tab. Building common sections means re-assembling the same components by hand on every page.

The first pattern set (merged in MR !8) was assembled from generic marketing sections and did not match the sections actually used across the Varbase Starter demo pages.

Proposed resolution

Rework the set so every pattern is extracted from a real section used on the Varbase Starter demo pages, with clear human readable names for site builders, plus Site Header / Site Footer patterns for the global regions. The set of 14 canvas.pattern.* config entities:

  • Hero Slider (with media images on every slide), Page Intro Banner
  • Text with Cards, Feature Cards, Counters, Feature Highlight, Image Cards
  • Latest Blog Posts, FAQ Accordion
  • Contact Form with Info, Call to Action Cards, Call to Action Banner
  • Site Header, Site Footer

Removed from the previous set: Featured Media Split, Feature Grid Icons, Hero Split, Intro Two Column, Logos Strip, Pricing Row, Testimonials Row.

Also refreshes all shipped canvas.component.* and canvas.page_region.* configs from a synced fresh install: the shipped versions predated the current Drupal Canvas 1.8 version hashes and the Text Card icon_image/icon_alignment props, which made a fresh install fail with OutOfRangeException during pattern import.

Remaining tasks

  • ✅ File an issue about this project
  • ✅ Addition/Change/Update/Fix to this project
  • ✅ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ✅ Developer Documentation support on feature change/addition

    Add Default Canvas Patterns to the Drupal Canvas doc pages

  • ➖ User Guide Documentation support on feature change/addition
  • ➖ UX/UI designer responsibilities
  • ➖ Accessibility and Readability
  • ❌ Reviewed by a human
  • ❌ Code review by maintainers
  • ❌ Full testing and approval
  • ❌ Credit contributors
  • ❌ Review with the product owner
  • ✅ Update Release Notes
  • ✅ Release varbase-11.0.0-beta1, varbase_starter-1.0.0-beta1

User interface changes

  • The Canvas editor Patterns tab offers 14 ready sections extracted from the demo pages; no admin UI change.

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Reworked the reusable Canvas Patterns to match the real Varbase Starter sections — 14 patterns including a Hero Slider with images and Site Header / Site Footer backups — and refreshed the shipped Drupal Canvas component configs so fresh installs succeed.
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’s picture

---

rajab natshah’s picture

Issue summary: View changes

rajab natshah’s picture

Issue summary: View changes

  • rajab natshah committed ad812bb8 on 1.0.x
    feat: #3607697 Add reusable Canvas Patterns (sections) to Varbase...

rajab natshah’s picture

Issue summary: View changes

  • rajab natshah committed 1880857e on 1.0.x
    feat: #3607697 Rework Canvas Patterns from real site sections, back up...
rajab natshah’s picture

Assigned: Unassigned » josebc
Issue summary: View changes
Status: Active » Needs review
Issue tags: +varbase-11.0.0, +varbase_starter-1.0.0-beta1
rajab natshah’s picture

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

Assigned: mohammed j. razem » Unassigned
Issue summary: View changes
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.

rajab natshah’s picture

rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture