Browse documentation

How to Add a Gallery in Grigora

Adding a gallery is a great way to showcase multiple images at once and enhance the visual appeal of your website. You can also enable a lightbox to give visitors a high-quality, zoomed-in view of each image.

Step 1: Access the Site Editor

Edit Site button indicated on the Grigora dashboard.
  1. Log in to your Grigora dashboard and navigate to your website.

  2. Click on Site Editor to open your page builder.

Gallery element indicated in the Elements library beside an image grid.
  1. In the Site Editor, click Elements from the left sidebar to open the list of available elements.

  2. Locate the Gallery element in the list.

  3. Drag and drop the Gallery element to the desired location on your page.

Step 3: Configure Images and Lightbox

Gallery image thumbnails and lightbox controls in the settings panel.
  1. Once the Gallery element is on the page, the settings panel will appear on the right sidebar (or you can click on the element to open its settings).

  2. In the right sidebar settings:

    • Edit the images: Upload or select the images you want to feature in the gallery.

    • Enable Lightbox: Find the Lightbox option and toggle it ON. This allows users to click on any image in the gallery to open it in a full-screen pop-up viewer.

Step 4: Save & Publish

  1. Click Save to apply the changes to your page.

  2. Click Publish to make the new gallery live on your website.

Bonus: Dynamic Directory Galleries

You can connect the gallery to a "Multi Image" input field within your Directory structure. This allows each of your directory listings (e.g., product pages, property listings) to automatically display a unique gallery of images based on the data you enter for that listing.


Help guide image