How to Use the Gallery Feature
If you're looking to showcase your products, services, or items in a visually appealing way, why not consider adding a photo gallery to your Durable site? It's a great way to catch visitors' attention and leave a lasting impression.
This section is added by default when you create a website; however, you can always add it on the editor.
Go to Website > Edit.
Click the "Add section +" button to add a gallery section.
Click "Gallery" from the section selector.
Our website builder will generate the gallery with free stock images.
Click "Save" at the top bar when finished.
Customizing gallery section
You may not be satisfied with the first try, or if you want to use your image, you can always edit the gallery.
Click "Edit" on the gallery section.
In the setting panel, add a heading if needed.
To add images:
To add images:
i. Click the + icon in an empty square.
ii. A popup window will show up. You can choose an option from Shutterstock, Unsplash, Upload your own image, or Library. Click the image you like or upload your own, and click "Insert."
iii. Click "Save" on the top bar.
Note: all images uploaded must be in either .JPG or .PNG format.
To remove images:
To remove images:
i. Hover a cursor over an image you want to remove.
ii. Click the trash can icon over the image.
iii. Click "Delete" in the popup menu.
iv. Click "Save" on the top bar.
3. Click "Save" on the top bar.
Customizing gallery style
There are two options for your gallery view:
The CAROUSEL type allows up to 12 images that scroll sideways.
Whereas the GRID type option will showcase all 12 images at once.
To edit your gallery style
To edit your gallery style
Click "Edit" on the gallery section.
Click "Style" in the settings panel.
Scroll down to Type, and choose either Carousel or Grid.
When choosing Carousel, select the Aspect ratio and Rounded corners for the images from the dropdown selector.
When choosing Grid, turn on/off: Click for fullscreen, Remove gaps, and Full width, as well as Aspect ratio and Rounded corners.
Click "Save" at the top bar when finished.
Bonus: when editing the gallery style, you can also add animations (Slide up, Zoom out, etc.) and choose spacing between the sections.
Customizing background color
To change the background color of this section, please see Change the color of a section or a button page for the detailed guide.