Adding and customizing a gallery in Wix
- Feb 19, 2022
- 4 min read
A Wix gallery is an ideal tool for displaying a product catalog as well as showcasing your portfolio.
Contents:
How to add a Wix gallery to your site?
How to add photos and videos to a Wix gallery?
Customizing the Wix gallery layout
Custom layout format
Wix gallery layout presets
Adjusting settings in Wix Pro Gallery
Customizing the design of Wix Pro Gallery
Configuring additional settings of Wix Pro Gallery
Setting up the “Show More” button in a Wix gallery
How to add a Wix gallery to your site?
First, you need to add a gallery to your site. After adding the gallery, you can add media and customize the settings.
In the Wix Editor
In Editor X
How to add photos and videos to a Wix gallery?
Now add media to your gallery. You can add photos and videos. You can upload images from your device or add several stock images from the Wix gallery.
Click the Pro Gallery in the editor.
Click Organize Media.
Click Add Media.
Choose the type of media file you want to add and follow the instructions below:
Photos
Video
Text
To remove the free Wix images that appear in the gallery by default, simply hover your cursor over the image you want to delete and click the Delete icon.
Customizing the Wix gallery layout
After you have added media to the gallery, you can focus on customizing the layout. There are many layout options to choose from:
Presets: These ready-made gallery templates help speed up the process of displaying media on your website. Preset templates include built-in layouts, design, and settings.
Customize: These gallery layouts allow you to create and customize a gallery from scratch.
Custom layout format
Layout preset
Custom layout format
These gallery layouts allow you to create and customize a gallery from scratch. You can choose from many customizable layouts to display your media files in the most convenient way for you.
To choose a custom layout format:
Click the Wix Pro Gallery in the editor.
Click Customize.
Go to the Layout tab.
Open the Custom layout tab.
Choose a layout for the gallery.
Click Customize Layout to adjust the layout the way you want.
Wix gallery layout presets
These ready-made gallery layouts help speed up the process of displaying your images on your website. The preset templates are available in both horizontal and vertical formats and include a range of built-in layout features.
To choose a layout preset:
Click the Wix Pro Gallery in the editor.
Click Customize.
Go to the Layout tab.
Open the Presets tab.
Choose a layout for the gallery.
Adjusting settings in Wix Pro Gallery
You can customize various gallery settings according to your preferences.
How to do it?
Customizing the design of Wix Pro Gallery
You can customize various elements of the Pro Gallery, such as overlays and icons, text, element styles, scroll effects, buttons, and the expand mode. Choose which elements you want to customize.
Note: Some of the options below depend on the layout and settings you selected earlier. For example, to customize text, you must enable the display of the title or description in the layout settings.
Overlays and icons
Text
Buttons
Item appearance
Scroll effects
Expand mode
Configuring additional settings of Wix Pro Gallery (Advanced)
You can customize many settings in Wix Pro Gallery, including additional options. Here you can adjust the quality of your photos and videos.
How to do it?
Setting up the “Show More” button in a Wix gallery
Add a “Show More” button to your gallery to minimize the amount of content visitors see when they first open the page. This allows visitors to load all images with one click or view them gradually.
You can customize the button text, font, color, and more to match the rest of your website’s design.
Note: You can add the “Show More” button only to layouts with vertical scrolling. You cannot add the “Show More” button to Thumbnails, Slider, Slideshow, or Columns layouts.
Enabling the “Show More” button
Add a “Show More” button to the gallery so visitors can load all images with a single click or view them in parts. Each section has the same size as the original gallery. This means that if the original gallery displays four images, each additional section loaded by the visitor will also display four images.
To enable the “Show More” button:
Click the Wix Pro Gallery in the editor.
Click Customize.
Go to the Layout tab.
Click Customize Layout.
Turn on the “Show More” button toggle.
Choose an option in the How many photos to show section:
All photos: all images are loaded.
One more section: the next section of the gallery is loaded.
Note: Each section has the same size as the original gallery. This means that if the original gallery shows four images, each additional section loaded by the visitor will also display four images.
Customizing the “Show More” button
Customize the text, font, color, and other settings of the “Show More” button so that it matches the design of your website.
To customize the “Show More” button:
Click the Wix Pro Gallery in the editor.
Click Customize.
Go to the Design tab.
Open the Button tab.
Customize the “Show More” button using the following options:
Button text: click the text field to change the button text.
Font style and color: click the Expand icon to adjust the font, text size, etc. Click the color field to choose a color.
Button color and transparency: drag the slider to change the button’s transparency and click the color field to select its color.
Border width and color: drag the slider to change the button border width and click the color field to change the border color.
Corner rounding: drag the slider to make the button corners more rounded.
To adjust the number of images displayed before the “Show More” button appears, simply increase or decrease the gallery size manually. If you see only one row of images, drag the bottom handle of the gallery to increase its size.
