Shogun content sections

Image cards

Options:

  • cards-title: text (optional)
  • set-as-h1: yes/no (optional)
  • full-width: yes/no (optional). Default is narrow width
  • no-of-columns: 2,3,4,5,6 (optional). Default is 4 for narrow width, and 3 full width. 5 & 6 only applied on desktop
  • stack-on-mobile: yes/no (optional). Default is 2 columns on mobile
  • image-only-carousel: yes/no (optional)
  • image-list: list of items with url, image-small, image, title, text and button (with option for solid button, default is outline)

  • Recommended image dimensions for default column layouts:
    Narrow width: Aspect ratio 1:1, e.g 600px x 600px
    Full width: Aspect ratio 4:3 e.g 600px x 450px

  • Optional image-small for mobile:
    Same aspect ratios as the larger image, but adds a more optimised mobile image if required, e.g. 300px x 300px

Narrow width

Narrow width - Image only

Image card title here

Full width - Image, caption & button

Full width - Image only

Image card title here