Skip to content

IBX-12262: Added the product page component for add-on promotion and activation pages - #2098

Closed
tischsoic wants to merge 2 commits into
6.0from
IBX-12262-product-page-component
Closed

tischsoic wants to merge 2 commits into
6.0from
IBX-12262-product-page-component

Conversation

@tischsoic

Copy link
Copy Markdown
Contributor

Description

IBX-12262 introduces promotional and activation pages for Ibexa add-ons. Both page kinds share one layout and differ only in brand values, so the shared UI lands here and the pages themselves live in the packages that own them:

  • ibexa/featured renders the promotional page for an add-on that is not enabled,
  • ibexa/connector-qualifio and ibexa/connector-raptor render their own activation pages.

This PR adds the product_page component they all extend.

Templatesui/component/product_page/:

  • page.html.twig extends the admin layout and builds the two-column page (text column + brand panel with the illustration and the Discover band). Consumers set brand (qualifio or raptor), the copy variables and links, then fill {% block status %}, {% block details %} and {% block panel_overlay %}.
  • banner.html.twig (add-on / dashboards teaser) and tile.html.twig (feature card) are included with already-translated strings, so every consumer keeps its own translation keys.

Styles_product-page.scss: one ibexa-featured-free block, ibexa-product-page, with all brand differences expressed as custom properties on the --qualifio and --raptor modifiers (colours, tints, badge gradients, watermark geometry). Layout is shared: the text column has a 404px floor and does not shrink its children, the panel takes the remaining space and collapses its artwork below 460px via a container query.

Assetsimg/brands/{qualifio,raptor}/: illustration, watermarks, brand icon (wrapped in a <symbol id="brand-icon"> so it can be used through the design system icon_url prop) and, for Raptor, the translucent cards overlay plus the badge-thumb icon that is missing from the icon sprite.

Dependent PRs

Consumers of this component (they cannot render without it):

  • ibexa/featured — promotional pages
  • ibexa/connector-raptor — Personalization activation page
  • ibexa/connector-qualifio — Engagement activation page

Documentation

Not needed — internal component, no public API.

tischsoic and others added 2 commits September 17, 2026 15:02
…activation pages

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Claude <noreply@anthropic.com>
@sonarqubecloud

Copy link
Copy Markdown

@tischsoic

Copy link
Copy Markdown
Contributor Author

Superseded by https://github.com/ibexa/admin-ui-extras/pull/12 — the product page component moves to ibexa/admin-ui-extras together with the brand assets; nothing lands in admin-ui for IBX-12262.

@tischsoic tischsoic closed this Sep 18, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant