Image Hover Box

The Image Hover Box is an interactive reveal container that, upon page load, contains an image with title superimosed at the bottom margin. Upon hover by mouse, a copy block pops up on top of the image, enabling the prospect to click on a call to action button. This component may have anywhere from 2 to 5 cards and is only permitted in the full-width template.

Screenshot of Existing Site


Screenshot of AEM Author Touch UI


Author Instructions

Insert the Image Content Block at the Parsys-level.

To configure the container:

  1. Click inside the component to configure the container.
  2. Configure the number of Columns (2, 3, 4, or 5)
  3. Set the component's Title and Description.
  4. Click the checkmark to save your changes.

To configure each column:

  1. Double-click on the column container.
  2. Find the resized visual asset from the sidekick and drag into the container.
  3. Select the primary focal point of the image (Left, Center, or Right)
  4. Enter the title of the container.
  5. Enter the description (body copy)
  6. Select the Background color of the column.
  7. Enter the Button CTA copy and alt text
  8. Select link destination and target.
  9. Select the checkmark to commit changes.

Note: This component requires delicate management of the visual assets. Ensure the end-result matches the live site as close as possible.

AEM Component (Actual)

Our capabilities

We’re able to power opportunities for businesses thanks to our market-leading integrated capabilities.

Smart Insights

Access the market’s most comprehensive and innovative data assets to power critical business decisions

Learn More

Intelligent Decisions

Make fast, effective decisions based on new and existing customers through our powerful combination of data, analytics and technology.

Learn More

Advanced Analytics

Create unique insight that you can act on in real-time, using our dynamic analytics services and the best of yours and our data assets.

Learn More

Precision Marketing

Reach the right customers through the right channels at the right moment to drive better return on your marketing investment.

Learn More

Trusted Identity

Identify genuine customers promptly and seamlessly to provide them with a simple, effortless onboarding journey with you.

Learn More