Infinite loading
| Setting |
Options |
Default |
Description |
| Infinite loading |
On / Off |
On |
Enable/disable infinite loading. |
| Infinite loading type |
load more button / on scroll |
load more button |
Determine infinite loading type. |
| Prefill load more button |
On / Off |
On |
Enable/disable prefill load more button. |
| Animate loading |
On / Off |
On |
Enable/disable animation. |
| Infinite scroll loader type |
Text / Rotating plane / Double bounce / Rectangle bounce / Wandering cubes / Pulse / Three bounce |
Text |
Determine the loader type. |
Home & categories
| Setting |
Options |
Default |
Description |
| Home page all products |
On / Off |
On |
Enable/disable home page all products. |
| Apply on all categories |
On / Off |
On |
Enable/disable apply on all categories. |
| Category ID |
Number (category ID) |
Default category |
Choose category to display products from (Default: Home). |
| Home products number |
Number |
4 |
Set number of products to load per step. |
| Display module title |
On / Off |
On |
Enable/disable module title display. |
Texts & buttons
| Setting |
Options |
Default |
Description |
| Loading message |
Custom text |
Loading… |
Text shown while products load. |
| Finishing message |
Custom text |
No more products |
Text shown when there are no more products to load. |
| Load more button text |
Custom text |
Load more |
Label displayed on the “Load more” button. |
Advanced selectors
| Setting |
Options |
Default |
Description |
| Container selector |
CSS selector |
#products .products.row |
Selector for the products container (advanced theme compatibility). |
| Navigation selector |
CSS selector |
.pagination |
Selector for the pagination container. |
| Next page selector |
CSS selector |
.page-list .next |
Selector for the “Next” pagination link/button. |
| Item selector |
CSS selector |
.products.row article |
Selector for a single product item. |
Loader colors
| Setting |
Options |
Default |
Description |
| Loader color |
HEX color |
#000000 |
Color used for loader animation elements. |
| Loader button color |
HEX color |
#000000 |
Color used for the Load more button background/border (depending on theme). |
| Loader text color |
HEX color |
#ffffff |
Text color used on/near the loader button/message. |
Scroll to top button
| Setting |
Options |
Default |
Description |
| Scroll to top button |
On / Off |
On |
Enable/disable scroll-to-top button. |
| Scroll to top background |
HEX color |
#000000 |
Background color of the scroll-to-top button. |
| Scroll to top X offset |
CSS value (px / %) |
20px |
Horizontal offset from the screen edge. |
| Scroll to top Y offset |
CSS value (px / %) |
60px |
Vertical offset from the screen edge. |
Was this article helpful to you?
No
Yes
