Wix Pro Gallery: Enabling and Customizing a Load More Button

5 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.
A screenshot showing the Load More button on the live site.

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.
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click the Pro Gallery element on your page.
  3. Click Settings.
  4. Click the Layout tab.
  5. Click Customize Layout.
  6. Click the Load More button toggle to enable it.
  7. Select an option under How many more images load:
    • All images: All images load.
    • One more section: The next section of the gallery loads.
A screenshot of the Layout panel with the Load more button toggle enabled.

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.
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click the Pro Gallery element on your page.
  3. Click Settings.
  4. Click the Design tab.
  5. Click the Buttons tab.
  6. 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.
A screenshot of the Design panel with the Load more design options highlighted.
Tip:
If you only see 1 row of images, simply drag the bottom handle of the gallery to increase its size.
A GIF showing how to display more than 1 row of images. before the Load More button.

Resolving Load More button issues for Pro Galleries built on the Wix Editor

Some issues may arise in certain layouts when the Load More button is enabled on galleries built on the Wix Editor. Depending on the issue you're experiencing, there are various solutions available.
If you have built your Pro Gallery on the Studio Editor, follow our Studio-specific guidelines to resolve any issues related to responsiveness.
Click an option below to learn how to resolve common issues with the Load More button on the Wix Editor:

Did this help?

|