How To Use Pagination In Avada

Published On: September 7th, 2020Categories: Avada, Video Training1056 words5.3 min read

Avada Website BuilderThis video shows you how to use pagination, introduced in Avada 7.0

Purchase your next copy of Avada –

Avada Documentation –

Useful Links: Avada Layouts –

Avada Quick Start Guide –

Avada Builder Documentation –

Need support? –

How To Use Pagination In Avada – Transcribed

Hi everyone, today we’re looking at how to use pagination in about pagination. Is the process of dividing a document into discrete pages which on a website usually relates to the blog or portfolio posts.

Make sure you subscribe to a YouTube channel to keep up with all the latest videos like this one, and if you don’t want to miss one, click the Bell icon to get notifications of all new videos on our channel.

OK, let’s begin.

There are quite a lot of pagination options in Avada that mostly cover blogs and portfolios, but also search pages and slideshows.

They are spread across the same options, so the best way to gather them in one place is to search.

But just search for pagination.

And here we can see all the relevant options in one place.

Let’s start at the top.

This one is for the general blog, but only if you have assigned your blog through the reading settings and it shows the three basic types of pagination.

Pagination, which shows page numbers infinite scroll, which just keeps loading new posts as you scroll and the load more button.

If you have created your own blog page and are instead using the blog element, you will find the same options in the element as well as an extra option of none.

Under this is for the blog single post and here the pagination option is for displaying the Prev next.

Pagination on single posts.

Under this we have two similar options, but this time the first one is for Portfolio Archives.

Likewise, if you use the portfolio element for your portfolio items, you will find pagination options in the element as well.

Then there is a slideshow’s option which if left off, just hides the pagination circles below any video slide for the slider element.

And under this an option for what type of pagination you prefer on the search page.

Then we come to the main pagination options which are also found under extra pagination.

There are numerous options here, and as the note says, these options apply to all pagination throughout the site, including any third-party plugins that Avada has designed integration with, like woo Commerce and the events calendar.

These settings control the size and width and other styling options for the pagination option.

If I just search for load more.

We can say there are also theme options here to style the load more button in the same way for the general blog and portfolio and global defaults for the two elements as well.

OK, so let’s have a look at some examples of this pagination.

Here on the third demo we can see the pagination showing at the bottom of the blog items.

And again, on the vet demo there are numbered pages at the bottom of the posts.

On the hosting demo we can see an example of the load more button being used on a blog element. So if we click it, it just loads some more posts.

And back on the third demo, we can see an example of the same thing, but this time, it’s being used on the portfolio element?

Finally, I’ve made a new blog page on the podcast demo here, which has a lot of blog posts and in the blog element I have 9 posts showing on the page with the infinite loading option selected.

So, if we Scroll down the next set of posts load.

And if we scroll again, they continue to load.

There is also pagination built into third party plugins like woo Commerce and the events calendar.

As we can see on the classic shop page here, there is pagination at the bottom of the products.

And if you use the events calendar, there is pagination built into the events list page. As we can see on the church demo at the bottom here.

And if you use the event element, there is also an option for pagination in there.

With the new about a theme builder.

There is also a pagination.

Element in the new layout section elements which are available when editing a content layout section.

This is for adding pagination to your content section of the page when building posts or portfolio layouts.

It’s also a bit special in that it’s the only layout section element that can be used twice in a layout section for showing it at the top and the bottom of your content.

And finally, mention must be made of the special next page element. This is the type of pagination element that allows you to add a page break after any container element in your content.

You can use this element to create a series of linked segments out of 1 main page.

It probably mostly used this on a very long page, but I’ll just insert it here under this container on this page on the food demo.

So, I’ll just click on new container here, select the special tab and choose the next page element.

It’s added to the page below the current container.

And if I save the page.

And then load it on the front end.

We can Scroll down, and we see the pagination that allows us to go to the next page.

OK, as you can see, there’s probably a lot more to pagination than you thought, but Averter is all about giving you options and with pagination it’s no different.

OK, this concludes our video on how to use pagination in Avada.

Make sure you subscribe to our YouTube channel to keep up with all the latest videos and if you have any questions or need assistance, please create a support ticket and our team will gladly assist you.

As always, we want to thank you for choosing Avada.

Transcribed by ZAAAX Design.

If you need audio transcribed, contact us here.

Don’t miss this ...

We don’t spam! Read our privacy policy for more info.

Table of Content

Recent Posts

Don’t miss this

We don’t spam! Read our privacy policy for more info.