Urgent: Implement Infinite Scroll WooCommerce (Custom Theme)

Hi,

I need urgent help with my WooCommerce shop page. The task involves two key actions:

Limit the number of products displayed per page to 30 – Right now, more than 30 products are being displayed on the shop page, and I want to restrict this to just 30 products per page for better performance and smoother browsing.

Implement Infinite Scroll functionality – I want products to load dynamically as the user scrolls down, without needing to click the "next page" button. As the user scrolls, more products should automatically load.

Issues:

Custom Theme: We are using a custom WordPress theme called Persis Collection, and the code is not updating through the WordPress dashboard.

Error Message: When attempting to save changes, I encounter the error:
"An error occurred while saving your changes. Please try again. If the problem persists, you may need to manually update the file via FTP."

This issue prevents me from directly editing the code, so you will likely need to use FTP/SFTP to update the files.

What I Need You to Do:

Limit Product Display: Modify the code to limit the WooCommerce shop page to show only 30 products per page.

Infinite Scroll: Add infinite scroll functionality, so that more products load as users scroll down the page (without requiring them to click through to the next page).

Test the Implementation: Ensure that the changes work across both desktop and mobile views.

FTP Upload: As the dashboard is not letting me update the code directly, you may need to upload the changes using FTP/SFTP.

Urgency:

This is an urgent task that needs to be completed as soon as possible. Ideally, I would like the changes made today or within 24 hours.

Please let me know if you need any additional details.