Section Not Expanding with Repeater Content and load more button stuck

Ask the community
,
1

Hi, I’m having an issue (WIX STUDIO) where my repeater loads more items with a “Load More” button, but the section doesn’t expand to fit the new content. The button stays in its original place and overlaps with the content, and after several clicks, the new items overflow beyond the section. The section is set to “Auto Height” and “Overflow: Show,” and both the repeater and button are in the same section. Any suggestions on how to fix this so the section expands and the button moves down as more items load? Thanks!

2

To fix the issue where the repeater in your Wix Studio site doesn’t expand to fit new content when using a “Load More” button.

  1. Update Code
  • If you are using code to load more items, ensure that the logic you have for loading the items does not interfere with the layout. You may need to add a layout refresh after loading new items to ensure the section recalculates its height.Here’s an example of how you might adjust the code:
$w.onReady(function () {
    $w("#loadMoreButton").onClick(() => {

        loadMoreItems(); // Your function to load more items

        // Refresh the layout
        $w("#yourSection").layout();
    });
});
  1. Check for Overlapping Elements:
  • Make sure there are no overlapping elements in your design. Overlaps can sometimes prevent the section from expanding as expected.
  1. Preview and Adjust:
  • Save your changes and preview the site to see if the issue is resolved. You may need to make additional adjustments based on how the content displays.

If you’re still facing issues, consider reaching out to Wix support for further assistance, as there could be specific layout restrictions or bugs in the Wix Studio environment.

3

Hi, user3506 !!

For now, how about setting a margin at the bottom of the repeater? :thinking:

4

Place your repeater in one Strip/Section and place your load more button on another Strip/Section.