CMS Content and Hyvä

Magento offers several ways to manage and render CMS content, and Hyvä supports all of them. This chapter covers how to style CMS text, use Tailwind classes in database-managed content, and create full-bleed layouts that break out of the page container.

Third-party headless CMS integrations like Prismic and Storyblok are also available. For many projects, the built-in CMS Pages, Blocks, PageBuilder, and Widgets are sufficient.

Looking for the most integrated CMS experience?

Hyvä CMS is part of Hyvä Commerce and is the recommended choice for projects that need a powerful, native content editing experience. See the Hyvä Commerce page for licensing details.

What is in this chapter

• Styling CMS Text Content: using the prose class to restore default browser styles for HTML managed in CMS blocks and pages.
• Full Bleed CMS Content: three techniques for breaking content out of the page container to achieve full-width layouts.
• CMS Tailwind JIT Module: the module that enables Tailwind CSS classes in CMS-managed content.
  • Overview: what the module is, how it works, and supported content types.
  • Installation: installing from Packagist or GitLab, and configuring instances without PageBuilder.
  • Configuration: custom Tailwind configuration and custom CSS for in-browser compilation.
  • Alpine.js and Single-Quoted Classes: escaping single quotes in Alpine.js :class bindings.
  • Extending to Custom Content Types: the JavaScript API and integration steps for custom content types.