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. |