I received a requirement to show title, text, 1-3 buttons, and an image.

What is a possible way to produce something like the following?

enter image description here

1 Answer 1


One possible approach is to use a Promo component. There are several benefits to cloning the component but that requires discussion beyond the scope of this answer.

In the example image provided you would need these fields:

  • Image
  • Title - single line text
  • Text - rich text
  • Link - one more general links

Next create a rendering variant like the following:

enter image description here

The rest would be using CSS to properly position the image on the left and the content on the right.

There are numerous designs you can achieve with this approach. Here are a few more examples:

By throwing in a VariantPlaceholder you can add components into same promo (such as seen here).

enter image description here

enter image description here

Here we are using the placeholder to render a Page List.

enter image description here

  • promos to the rescue
    – Abhay Dhar
    Commented Apr 18, 2021 at 6:37

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.