• I hope to achieve AJAX loading of adjacent chapter articles through vertical scrolling, similar to the reading page on webnovel.com.

    I am currently using the Elementor editor to design the webpage layout for chapters. How can I use the AJAX Load More plugin to achieve this functionality?

    Thanks .

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Erick Danzer

    (@edanzer)

    Hi – How are you creating / storing your chapters? Are they stores as separate posts / post types?

    Whatever they are, the process loading them via AJAX would be the same as other types of content:

    1. Create a repeater template. This is just a code snippet that renders markup for a single instance of whatever you’re displaying – in your case a single chapter. It might have an image, the chapter title, an excerpt, etc.
    2. Build a query (and shortcode). ALM has a very easy interface for this. But say your chapters are posts types, or are posts with a particular category. Just create a query that pulls in all those chapters. You can set how many you want to show. You can set if you want more to show on scroll or by clicking a button.
    3. Add the shortcode. Just go to whatever page or post you want to use to display your list of chapters, and insert the shortcode. There’s an ALM block for this if you are using the code editor.

    For Elementor, the only real change is with #3. You’d just insert the ALM shortcode using an Elementor shortcode widget.

    We have great documentation, and for more details on each of the steps above, please see this page:
    https://connekthq.com/plugins/ajax-load-more/docs/implementation-guide/

    Let us know if you have other specific questions.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.