This tutorial will show you how to create a gallery component in Umbraco 8 and how to change the settings to become a slideshow. Umbraco 8 also allows you to use an entire media folder for galleries instead of adding each photo individually, which we will also highlight.
Step 1: On the page you want to add a gallery, click the down arrow and select the 3 dots by “Components,” and click “Gallery.”
Step 2: Name your gallery and adjust the settings.
For slideshow gallery setting instructions, follow steps 3-4
For stagnant gallery setting instructions, follow step 5.
The content settings for the gallery folder will be the same for both types of galleries.
Step 3:
(You can click yes to show dots if you want your visitors to visualize how many photos you have in your gallery show).
You can also set a background color if you want your gallery to pop against your page’s background.
Step 4: Choose a component width and click yes to “Animate.”
Step 5: Choose how many items you want per row and the image style. You can choose a background color to make your gallery pop against the color of the page here as well.
Step 1: Scroll down to the “Content” section and click “Add Content.” You can choose a gallery image, video, or folder.
For this example, we’ll show you how to use the gallery media folder. This works best if all the images you want to show in your gallery are already in one folder in the media tab.
Step 2: Select “Gallery Media Folder.” A sidebar will appear, instead of clicking one image, you can select an entire folder. Then press “select.”
After you press select, you’ll see the folder here:
Step 3: Press save and publish. Then preview the gallery on your site.
Slideshow Gallery Final Product:
Stagnant Gallery Final Product:
About the author
Smartly Done