Image gallery

Use the image gallery component to display a set of images on your web page.

Add the component to your page

When you are editing your page using page-builder:

  1. Add a component to your page by clicking the widgets Add component button or by adding a content block (by clicking the add_circle button) then clicking the add component button.

  2. Locate the image gallery Squiz core component within the component browser and then click the select button.

    image gallery component select

  3. This will add the image gallery component to your page.

image gallery fields
  1. add_circle Add: Select the images you wish to include in your image gallery. Click the add_circle Add button and select an image from your CMS to add to the slider. You can add multiple images this way.

  2. Theme: This selects the theme to apply to the component.

  3. Grid gap: Use this setting to adjust the spacing applied between the images.

  4. Slide heading level: Choose the heading level to use for the image title that is shown below the image.

  5. Slider behavior: When enabled the gallery will loop your images like a carousel.