Photo galleries display your restaurant's photography on your website and can be added to any page. This article covers how to add photos to an existing gallery on your website and how to create a brand new gallery on your page.

*Please note all photos must be in a jpg or png format

  1. Gallery Layout Styles

  2. Adding Photos to a Gallery

  3. Creating a Brand New Gallery


Gallery Layout Styles

  1. Slider Images display and scroll 1-1 while covering the entire section

Screen_Shot_2020-08-13_at_2.12.33_PM.png

2. Masonry Images display in this section of the page at their original ratio

Screen_Shot_2020-08-13_at_2.13.16_PM.png

3. Grid Photos crop into small squares and each photo is the same size

Screen_Shot_2020-08-13_at_2.13.29_PM.png


Adding Photos to a Gallery

  • Click Website > Web Builder > click on your page with the gallery on it

  • Scroll to the Gallery section on the page and click on it

  • To add an image, click the + icon next to Gallery Images

  • Your image will automatically be added to the bottom of the gallery.

  • Make sure to edit the Description box under the photo with a description of the photo for page readers.

  • Add as many photos as needed, once you've added all of your photos click Publish.


Creating a Brand New Gallery

  • In the Dashboard, Click Website > Web Builder

  • Click on the Page where you're adding a Gallery

  • Scroll to the part of the page where your Gallery will go and click Add Section

  • Choose the Section Type: Gallery and click the photo of the gallery.

  • A group of template images will appear to show you a basic gallery. Swap or remove these and add your own gallery images.

  • Under Content Settings, choose your Gallery Layout Style: Slider, Masonry, or Grid

  • Add Padding: padding adds space between images. Use a numerical value such as 2 for a tiny space between the images and 20 for a larger space between images. Values can be but are not limited to numbers between 2-10 (depending on how much space wanted between photos)

  • Click Publish when you're ready to set it live!


Did this answer your question?