CS-Cart Show More Add-on: AJAX Load-More
Show More Addon: This addon provides functionality to automatically load an infinite no of products on the Homepage, product search page, category page etc
The CS-Cart Show More add-on controls how additional products appear when a shopper reaches the end of a product listing. With one setting, "Automatically Load On Scroll," you choose between two behaviours: leave it on and new items load on their own as the visitor scrolls down, or turn it off and a "Show More" button appears that the shopper clicks to load the next set of items. It works across the homepage, category pages, and search results pages, so listings load in smaller batches instead of all at once. It is aimed at store owners who want smoother browsing and faster initial page loads by fetching products only when they are needed.
The Show More addon allows users to load content as they scroll down the page automatically. When enabled "Automatically Load On Scroll" setting, and more items will be loaded seamlessly without needing a “Show More” button. If disabled this setting, it will by default display the “Show More” that lets users load more items on the homepage, category pages, search results page, etc.This addon helps make navigation smoother and enhances the overall browsing experience by loading content only when needed.
Features:
- Enable/Disable Auto Load: Users can enable or disable automatic loading of content while scrolling the page.
- Show More Button: When disabled auto load more setting, the Show More button appears by default.
- Works on Multiple pages: Supports multiple pages like homepage, category page, search result page, etc.
- Enhance Navigation: Makes navigation smoother by loading content only needed, reducing the load time and enhancing user experience.
- CS-Cart Support info: The addon is well integrated with CS-Cart Multi-Vendor and can be used with its standard, Plus, and Ultimate Versions.
Installation:
How to install Addon
https://store.ecarter.co/blogs/how-to-install-addon/
How addon works
- Open the addon.
- Switch On the Settings Tab.
- Automatically Load On Scroll: If users enable this setting, more content will automatically load while scrolling. If users disable this setting, the show more button will be enabled by default.
- Go to the Layout to Edit the grid.
- Switch on the Home Tab.
- Open the edit grid.
- Wrapper: Select the Show More wrapper.
- Click on the Save button.
Show More Button on Storefront(Homepage)
- here you see the Show More button on the storefront Homepage.
- Click on the Show More button.
- after clicking on the show more button, here you see the loading process.
- Here you see the loaded more items.
- Switch on the Categories Tab in the layout of the admin panel.
- Wrapper: Select the Show More wrapper.
- Click on the Save button.
Show More Button on Storefront(Categories Page)
- Open the category page.
- You see the Show More button on the category page.
- Click on the Show More button.
- after clicking on the Show More button, here you see the loading process on the categories page.
- Here you see the loaded more items.
- Switch on the Search results Tab in the layout of the admin panel.
- Wrapper: Select the Show More wrapper.
- Click on the Save button.
Show More Button on Storefront(Search result Page)
- here users Search for any product.
- After searching for the product you see the Show more button on the search page.
- after clicking on the Show More button, here you see the loading process on the Search result page.
- Here you see the loaded more items.
- Now users can enable this automatically load more setting.
- You can see that more items are automatically loaded while scrolling down the page without any show more button.
Tutorial Link:
Addon-Version:
Version-1.0
Supported Versions:
CS-Cart, CS-Cart Multivendor 4.8.x, 4.9.x,4.10x,4.11x,4.12,4.13x, 4.14x, 4.15x, 4.16x, 4.17x, 4.18x
Support:
This add-on is developed and published by Ecarter Technologies Pvt.Ltd., a CS-Cart developer. You are guaranteed a quality add-on supported by future versions.
If you need help, please contact us via email support@ecarter.co.
Frequently asked questions
What is the difference between auto load on scroll and the Show More button?
They are the two modes of the same add-on. When the "Automatically Load On Scroll" setting is enabled, more items load automatically as the shopper scrolls; when it is disabled, a "Show More" button appears instead and items load only when the shopper clicks it.
Which pages does the Show More add-on work on?
It supports multiple listing pages, including the homepage, category pages, and the search results page.
Is it compatible with CS-Cart Multi-Vendor and which editions are supported?
Yes. The add-on is integrated with CS-Cart Multi-Vendor and works with the Standard, Plus, and Ultimate versions.
How do I install and set up the add-on?
Install it using the standard add-on installation steps (see the how-to-install guide at store.ecarter.co/blogs/how-to-install-addon), then open the add-on and switch on the Settings tab. From there you enable or disable "Automatically Load On Scroll" to pick between automatic loading and the Show More button.
Nisha Gaur is a Technical Content Writer at Ecarter Technologies. She writes technical documentation, tutorials and buying guides covering CS-Cart, Magento, Shopify and eCommerce development.