×

Element Settings: Collection Settings

Modified on Mon, 20 Nov, 2023 at 1:24 PM

This article will review the Collection Element Settings. The Collection element creates listings of specific items on your page. This element is available for products, blog posts, and course modules. For example, the Product Collection element will automatically pull and display all your products on your page.

Requirements: 


Table of Contents:


Items per row:

The Items per row feature allows you to select how many items you want to show on each row.


Back to Top


Items per page:

The Items per page feature allows you to select how many items you want to display on each page.

Back to Top


Hide Pagination:

Click on the box to hide the number of pages available.

Example of pagination:

Back to Top


Pagination item color:

The pagination item color allows you to select a color for the number of pages.

Example of pagination item color: The number 2 will show in black.

Back to Top


Pagination item background color:

The pagination item background color allows you to select a color for the box where the page number is.

Example of Pagination item background color: The background of the box is what will show in pink.

Back to Top


Pagination item border color:

The pagination item border color allows you to select a color for the box's outline where the number of pages is.

Example of Pagination border color: The border of the box is the thin border line that will show in black.

 

Back to Top


Pagination active item color:

The pagination active item color allows you to select a color for the number of the page you are currently viewing.

Example of pagination active item color: The number 1 is the page you are currently on, which will show in white.

Back to Top


Pagination active item background color:

The pagination active item background color allows you to select the color for the box for the page number you are currently on.

Example of pagination active item background color: When viewing page 1, that particular page's background will only show in blue.

Back to Top


Pagination active border color:

The pagination active border color allows you to select a color for the outline of the box of the page you are currently viewing.

Example of Pagination active border color: The border of the box of the current page will show in black.

Back to Top


Supported Elements:

This setting can be found in the following Elements: 

Back to Top

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article