Skip to content

Commit 0e01735

Browse files
committed
Edit README.md
1 parent f721f09 commit 0e01735

File tree

2 files changed

+33
-37
lines changed

2 files changed

+33
-37
lines changed

README.md

Lines changed: 33 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
1-
# magento2-infinitescroll
1+
# Magento 2 Infinite Scroll
2+
**Infinite scroll** for Magento 2 automatically loads product catalog without reloading the page. Your customers will be pleasantly surprised with supportive navigation and high performance of your web store.
23

34
Before you continue, ensure you meet the following requirements:
45

56
* You have installed magento2
67
* You are using a Linux or Mac OS machine. Windows is not currently supported.
78
Install magento2-instagram extension
89

9-
# Step 1 : Download Magento 2 Infinitescroll Extension
10+
## Step 1 : Download Magento 2 Infinitescroll Extension
1011

1112
## Install via composer (recommend)
1213
Run the following commands in Magento 2 root folder:
@@ -15,47 +16,42 @@ composer require magepow/infinitescroll
1516
php bin/magento setup:upgrade
1617
php bin/magento setup:static-content:deploy -f
1718
```
18-
## Install manual
19-
20-
* extract file from archive
21-
* deploy file into Magento2 folder `app/code/Magepow/Infinitescroll`. Run following commands
22-
23-
```
24-
php bin/magento setup:upgrade
25-
php bin/magento setup:static-content:deploy -f
26-
php bin/magento cache:flush
27-
```
28-
29-
# Step 2: User guide
30-
31-
## 1. General configuration
3219

33-
Login to magento admin, choose `stores->configuration->magepow->infinitescroll`
20+
## Step 2: User guide
21+
#### Key features of Magento 2 Infinitescroll Extension:
22+
* Ajax scroll without interruption.
23+
* Freely scroll down & See what page of the catalog they're on.
24+
* Automatically loading pages.
25+
* Show Loading Button.
26+
* Possibility to give/ share links to certain position.
27+
* Easy to customize.
28+
* Similar technique as seen on Twitter, Facebook.
29+
* Increase the conversion rate at your store.
30+
* Easy to Change Button and Loading Text.
31+
### 2.1. General configuration
32+
33+
`Login to Magento admin > Stores > Configuration > Magepow > Infinitescroll > Enable > Choose Yes to enable the module.`
3434

35-
![Image of magento admin config](https://github.com/magepow/magento2-infinitescroll/blob/master/media/backend_config.PNG)
36-
37-
Select `yes` to enable the module
38-
39-
## 2. Details Configuration
35+
![Image of magento admin config](https://github.com/magepow/magento2-infinitescroll/blob/master/media/backend_config.png)
4036

41-
In `stores->configuration->magepow->infinitescroll` we set:
42-
* Delay ms : Delay time for the scroll down.
43-
* Content : Select the elements you want to be loaded more
44-
* Pagination: Select the page number to config load more
45-
* Next : Select the link for the next page
46-
* Item : Select for the class name that you want to config load more
47-
* Loading text : Place any text you want when loading the page
48-
* Done text : Done text using when the scroll reachs the bottom
49-
* Loading Image placeholder : Loaded more icon
50-
* Load More threshold : When this page number is reached, a button to load more products will be shown instead of continue loading products automatically with the scroll
51-
* Load More button text: Set an offset before page end from which the content will start to load
52-
37+
In `Stores > Configuration > Magepow > Infinitescroll` we set:
38+
* **Delay (ms)**: Delay time for the scroll down, default 600.
39+
* **Content**: Select for the elements that surrounds the items you will be loading more of (For Ex. = .classname/#id).
40+
* **Pagination**: Select class, id for paging loaded more.
41+
* **Next**: Select class, id for the link to to the next page.
42+
* **Item**: Select for the class name that you want to config all items you will load more.
43+
* **Loading text**: Place any text you want when loading the page.
44+
* **Done text**: When the download is completed, the text you configured will appear.
45+
* **Loading Image placeholder**: The icons you want are displayed while downloading more, you can change it arbitrarily or use Magento's default icons.
46+
* **Load More threshold**: When this page number is reached, a button to load more products will be shown instead of continue loading products automatically with the scroll.
47+
* **Load More button text**: Configure the download button text.
48+
After you finish configuring, save and clear the cache.
5349
Run the following command:
5450

5551
```
5652
php bin/magento cache:clean
5753
```
58-
## 3. Result
54+
## 2.2. Result
5955

6056
![Image of magento store front](https://github.com/magepow/magento2-infinitescroll/blob/master/media/result_frontend_1.png)
6157
![Image of magento store front](https://github.com/magepow/magento2-infinitescroll/blob/master/media/result_frontend_2.png)
@@ -119,5 +115,5 @@ If this project help you reduce time to develop, you can give me a cup of coffee
119115

120116
* [Hire Magento Developer](https://magepow.com/hire-magento-developer.html)
121117

122-
[![Latest Stable Version](https://poser.pugx.org/magepow/productzoom/v/stable)](https://packagist.org/packages/magepow/infinitescroll)
123-
[![Total Downloads](https://poser.pugx.org/magepow/productzoom/downloads)](https://packagist.org/packages/magepow/infinitescroll)
118+
[![Latest Stable Version](https://poser.pugx.org/magepow/infinitescroll/v/stable)](https://packagist.org/packages/magepow/infinitescroll)
119+
[![Total Downloads](https://poser.pugx.org/magepow/infinitescroll/downloads)](https://packagist.org/packages/magepow/infinitescroll)
File renamed without changes.

0 commit comments

Comments
 (0)