How to show collection on frontend with pagination in Magento 2

Posted at: September 21, 2018 4:51 PM

Create routes.xml

Rsgitech\News\etc\frontend\routes.xml

Create Index.php Controller Action

Rsgitech\News\Controller\Index\Index.php

Create LinkNews.php Block

Rsgitech\News\Block\LinkNews.php

Get news link from system configuration

Create link.phtml Template File

Rsgitech\News\view\frontend\templates\link.phtml

Create default.xml Layout

Rsgitech\News\view\frontend\layout\default.xml

News link show in footer

Create ListNews.php Block

Rsgitech\News\Block\ListNews.php

Create listnews.phtml Template

Rsgitech\News\view\frontend\templates\listnews.phtml

Create news_index_index.xml Layout

Rsgitech\News\view\frontend\layout\news_index_index.xml

Create news_index_index.xml for display news listing

Create rsgitech.news.css CSS file

Rsgitech\News\view\frontend\web\css\rsgitech.news.css

Create css file for design

Then run below commands

Complete!!

Download source code: Download

This lesson also available on YouTube

Show Collection on Fronted Pagination

More Posts - Magento 2 Module Development

Please leave comments

2 Comments

Video Tutorials on YouTube

JavaScript Tutorial

JavaScript Tutorial

JavaScript is a high-level, interpreted, dynamic programming language. It is control the web page behavior on the occurrence of an event.

MEAN Stack

MEAN Stack

Create an application using MEAN (MySQL, ExpressJS, Angular, NodeJS) with features login, registration etc.

Angular Tutorial

Angular Tutorial

Angular is a JavaScript based framework for building web applications and apps in JavaScript, html, and TypeScript.

Angular Project Training

Angular Project Training

Project development training of Blogger with include features admin and fronted both side.

Angular Material Tutorial

Angular Material Tutorial

Angular material design is a collection of angular components.

Node.js Tutorial

Node.js Tutorial

It's a powerful JavaScript framework. Run time environment to run JavaScript on Server.

React Tutorial

React Tutorial

React is a JavaScript library for building user interfaces. React app is consist of components.

Magento 2 Tutorial

Magento 2 Tutorial

Magento 2 is an open-source e-commerce platform written in PHP and MySQL databases. It is a very powerful.

Magento 2 Module Development

Magento 2 Module Development

truecodex provides module or extensions development training of Magento 2 on YouTube.

CodeIgniter 3.x Tutorial

CodeIgniter 3.x Tutorial

CodeIgniter is a powerful PHP framework with a very small footprint, built for developers.

Magento 2 Customization

Magento 2 Customization

truecodex helps to user for Magento 2 customization on YouTube.

Request a Quotation