aemsites / momentive

AEM Sites Edge Delivery project for Momentive.com
Apache License 2.0
0 stars 0 forks source link

HOLD: Product Page - Main template #8

Closed badvision closed 6 months ago

badvision commented 6 months ago

The product page template has a right section in navy blue, with a fixed set of content stored in a fragment with links and call-to-action buttons.

The CTA buttons should be styled using emphasis on the links (e.g. italics) and applied via css. The icons can be implemented using font-awesome.

For the time being, we do not have the requisite pages for anything so the links can be set to #.

image Shown above: https://www.momentive.com/en-us/categories/coatings/anchorsil-2000-release-coating

The first section of the page should have the navy blue "shattered" background with white text as a default style applied to it. Note that the content area of this section has less margin/padding than the other sections of the page.

All other parts of this page will be realized as a combination of default section content and blocks.

Mobile requirements:

The mobile version of this template should hide the right section by default, replaced with an orange "i" information icon. When clicked, the panel should expand with a 0.5sec animation:

image

Additional examples of this template: