Wix Pro Gallery: Enabling and Customizing a Load More Button
4 min read
Add a Load More button to your gallery to minimize the amount of content facing your site visitors when they access your site. Allow visitors to load all images in one click, or section by section.
You can customize the button's text, font, color, and more to complement the rest of your site's design.
Note:
You can only add a Load More button to layouts that have a vertical scroll. You can't add a Load More button to the Thumbnails, Slider, Slide show, and Columns layouts.
In this article, learn more about:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/03/23/eb65fb74-b639-41e0-ab68-b25ac9e8d6b5/f0572d0f-f754-4bd2-ae26-83c3f41c787b.png)
Enabling a Load More button
Add a Load More button to your gallery to allow visitors to load all images in one click, or section by section. Each section is the same size as the original gallery, meaning if your original gallery view shows four images, each subsequent section a visitor loads will display four images.
To enable a Load More button:
- Click the Wix Pro Gallery in your editor.
- Click Settings.
- Click the Layout tab.
- Click Customize Layout.
- Click the Load More button toggle to enable it.
- Select an option under How many more images load:
- All images: All images load.
- One more section: The next section of the gallery loads.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/ec5156d5-d6f2-4d99-91af-3cc8bf5caf6c/fcf5081a-b3a6-46a8-9581-82de207d97e1.png)
Customizing a Load More button
Personalize your Load More button's text, font, color, and more to fit the rest of your site's design.
To customize a Load More button:
- Click the Wix Pro Gallery in your editor.
- Click Settings.
- Click the Design tab.
- Click the Buttons tab.
- Customize the Load More button using the following options:
- Button text: Click the Button text field to change the text that appears on the button.
- Font style & color: Click the drop-down to adjust the button's font, text size, and more. Click the color box to select a color.
- Button color & opacity: Drag the slider to change the button's transparency and click the color box to select its color.
- Border width & color: Drag the slider to change the button's border width and click the color box to change the border's color.
- Corner radius: Drag the slider to make the button's corners rounder.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/4cbb2d2b-59f8-42f2-8fc6-9bc10af50520/556380fd-8298-4aed-98e6-e039eee07cb6.png)
Tip:
If you only see 1 row of images, simply drag the bottom handle of the gallery to increase its size.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2017/01/03/62eaa442-f9b9-4a49-b501-9b6724e559fa.gif)
Resolving Load More button issues
Some issues may arise in certain layouts when the Load More button is enabled. Click an option below to learn how to resolve common issues with the Load More button:
Images of different height are cut when the Load More button is set to open "One more section"
Last row of images is cut when the gallery is set to full-width (Grid layout)
Images at the bottom of the next section are cut (Masonry and Collage layout)
Did this help?
|