Giter VIP home page Giter VIP logo

acharrex / magento2-extension-infinite-scroll Goto Github PK

View Code? Open in Web Editor NEW
8.0 2.0 2.0 38 KB

Magento 2 Infinite Scroll extension by Shopigo

License: Open Software License 3.0

PHP 38.70% JavaScript 52.47% HTML 4.33% CSS 4.49%
magento2 magento2-module magento2-extension magento2-extension-free magento-2-extension magento-2-extension-free magento-2 infinite-scroll infinite-scrolling infinite-scroll-plugin

magento2-extension-infinite-scroll's Introduction

Shopigo

Magento 2 Infinite Scroll extension by Shopigo

On large catalogs, pagination can make navigation between tens of pages a nightmare for customers.

The Infinite Scroll extension replaces the default paging system available in all catalog category and search results pages by an auto-load mechanism based on the AJAX functionality.

When the customer scrolls down a page, the following page is instantaneously loaded. Thanks to this extension, customers could discover the entire catalog by just scrolling down!

This extension offers 4 scrolling modes (automatic, automatic up to X pages - then manual, automatic each X pages and manual) and a wide panel of features.

Requirements

Magento Open Source Edition 2.2 or 2.3

Installation

Important: this extension requires the AJAX Listing extension by Shopigo (to install and enable)

Method 1 - Installing via composer

  • Switch to your Magento project root
  • Run composer require shopigo/magento2-extension-infinite-scroll

Method 2 - Installing using archive

  • Download ZIP Archive
  • Switch to your Magento project root
  • Create folder app/code/Shopigo/CatalogInfiniteScroll
  • Extract zip into path

Enable extension

  • Switch to your Magento project root
  • Run the following commands to enable the module and clear static contents generated by Magento:
php bin/magento module:enable Shopigo_CatalogInfiniteScroll
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

How to use it

  • Log into your Magento back-office
  • Go to the menu "Stores > Configuration > Shopigo Extensions > Infinite Scroll"
  • Set the parameter "Enable Infinite Scroll" to "Yes"
  • Flush Magento caches from the menu "System > Tools > Cache Management"

Screenshots

Scroll-to-top button

Scroll-to-top button

Loading of the next page

Loading of the next page

Load more items button

Load more items button

When an error occurs with the AJAX request

When an error occurs with the AJAX request

Extension settings

Extension settings

Support

If you have any issues, open a bug report in GitHub's issue tracker.

Change logs

Version 1.0.1 (2019-02-07)

  • Fix composer.json for Magento 2.3

Version 1.0.0 (2018-10-09)

  • First version

License

The code is licensed under Open Software License ("OSL") v. 3.0.


Enjoy!

magento2-extension-infinite-scroll's People

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar

Forkers

lmarquine jeffersonteixeira

magento2-extension-infinite-scroll's Issues

Session expire with varnish installed

Hello, I have installed it in magento version 2.3.0 with varnish nintalled in it.
Everything works fine but I can’t add any products other than the page1. It gives error ‘your session has expired’.
When I clear the varnish cache, it works again for few hours but start the session issue again.
Attach is a screenshot. Could you please check this issue.
6368D878-F4DB-46D9-8CA8-75E38C93AF34

jquery/ui

I got in console browser the warning:
Fallback to JQueryUI Compat activated. Your store is missing a dependency for a jQueryUI widget. Identifying and addressing the dependency will drastically improve the performance of your site.
I've been looking for jquery/ui declaration in .JS files and I found it in:
view/frontend/web/js/product/list/continue-btn.js
and
view/frontend/web/js/product/list/infinite-scroll.js
Helpful explanation:
https://magento.stackexchange.com/a/293826/85869
Until you update the code should I use which one declaration instead of jquery/ui?

Add pagination

How can we also add pagination along with infinite scroll?

Number of products miss

Hello,

I lost the number of results in top.
i use Magento 2.2.6

Do you know where is the code which do that ?

Wish List drop down is not coming on ajax loaded content

on Initial page Wish List drop down is coming , once scrolling down next page will load . on this ajax loaded page if see each product Wish List heart icon is coming but Wish List drop won is not coming.

I have added screenshot, please check that.
image
image

Issue when back category page from product page

Hello,

I have an issue.
I show 36 product per category page.
When i am on the first 36 product (default page, page 1) i open the product.
When i come back with the back button of chrome, firefox etc... ALL it's fine, the scrol position come back on the right place, the last product i opened.

But when i scroll down the category page, ?p=2, ?p=3, etc...
I open a product page, come back to category page, my issue is here: The scroll position is wrong! The infinite scroll put me a the bottom of the category page page automaticaly (load more product button).
In that case the visitor miss in the worst situation 36 products!!

I had to deactivate this extension to avoid this...

I hope i was clear, thank you for your help!

Ajax request error in loading items

Hello Team,
After enabling the shopigo infinite scroll extension in my magento 2.3 website,page does not load
the items and shows ajax request error.
Please help me out.
screenshot

Thanks in advance
Regards
ewayssoft

When product listing page get error.

Exception #0 (Magento\Framework\Exception\LocalizedException): Invalid method Shopigo\CatalogInfiniteScroll\Block\Product\ProductList\InfiniteScroll::escapeJs

WishList

Is there a way to add infinity scroll to wishlist?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.