How to Handle the Shop Number in the Dokan Store Listing page?

We have been getting quite a few queries about how to customize the number of shops shown on the Dokan store listing page. So we decided to address that query through this guide.

Dokan multivendor marketplace is one of the most popular multivendor plugins in the WordPress industry. It has amazing features, unique modules, and functionality that will help users create and manage marketplaces with ease.

For customers, Dokan has a store listing page that helps them to find their favorite shop. As the plugin is flexible, admins can customize the page to make it more user-friendly and increase user experience.

A few of the marketplace owners have asked for a way to handle the number of shops shown on the store listing page. In this tutorial, we will show that.

Let’s start with-

Is Customizing the Shop Numbers on the Dokan Store Listing Page Effective?

Before we get to the all-important part of customizing the store listing page, we need to know how customizing the page can benefit the users and whether or not it is effective or not-

1. Improves User Experience

Displaying too many shops at once can overwhelm users and make it harder to find relevant sellers. Limiting the number ensures a clean, easy-to-navigate interface.

Also showing fewer shops reduces page load time, particularly for users with slower internet connections or on mobile devices.

2. Enhances Search Functionality

Managing the number of shops displayed allows better integration with filters, search bars, and sorting options.

Users can focus on sellers most relevant to their interests.

3. Better Design and Layout

A well-organized store listing page looks more professional and visually appealing. Controlling the number of shops prevents clutter and maintains a consistent design.

4. Encourages Interaction with Pagination

Customizing the shops displayed per page encourages users to engage with pagination or infinite scroll.

This promotes interaction with the platform and increases the likelihood of users exploring more shops and it also the user experience of the site.

5. Boosts Marketplace Performance

Loading fewer shops reduces server load and increases marketplace performance. This is especially important for marketplaces with a large number of vendors. When your page loading time takes more than 3 seconds, you will lose the customer.

6. Aligns with Marketplace Goals

You might prioritize promoting featured stores or specific categories. Managing the number of shops lets you strategically highlight selected vendors.

It will not only boost your sales but also build trust amongst your customers. When they find better service and products, they will come back again and again to your marketplace.

7. Improves Mobile Responsiveness

On smaller screens, displaying too many shops can negatively impact usability. Handling the number of shops ensures that the design adapts well to mobile devices.

That way you will get more exposure and people will be able to buy products from anywhere in the world with any device.

Steps to Customize the Shop Number on the Dokan Store Listing Page

The Dokan multivendor marketplace plugin provides a user-friendly and all-important store listing page. You can filter the stores based on the Most Recent, Most Popular, Top Rated and Most Reviewed vendors. If you have the Geolocation module configured then you can find shops based on your location as well.

Dokan offers flexibility. You can easily customize the outlook of how your marketplace will look like. That includes the Dokan store listing page.

We will show you how to handle the shop numbers on the Dokan store listing page.

Step 1: Open the Pages Section from WordPress Dashboard

To customize the Dokan store page, you need to visit the store page from your WordPress dashboard. Go to Pages–> All Pages from your WordPress backend.

Step 2: Find the Dokan Store Page to Customize

Now, in the All Pages section, you need to locate the Store List page. If you scroll down then you will find the page.

If you hover over the page, you will see the Edit button, click on it-

Step 3: Add the Shortcode to Customize the Shop Number

Now, you need to use a shortcode to determine how many shops you want to show on the store listing page.

Use this shortcode-

[dokan-stores per_page=5]

That means we are going to show 5 shops on the store listing page. If you want to show more or less, then you can change the number after “per-page=X”.

Before adding the shortcode, we were showing 8 shops on the store listing page.

After adding the shortcode, here’s what the store page looks like-

This is how you can handle the shop number on the Dokan single store page.

Here is the guide on Dokan multivendor plugin’s shortcodes so that you can use them to do more customizations to your marketplace.

Customize the Dokan Single Store Page with Ease

Hopefully, the guide will help you show the number of shops you want on the store listing page.

But make sure the number of shops you are showing doesn’t affect the design layout of your marketplace. It is better to show an even number of shops (2,4,6,8, etc) which evens out the design. Also, it looks better on the eyes as well.

Otherwise leaving a space open can affect the overall user experience.

Want to know how Dokan withdrawal methods work? Check out our blog on setting up the Dokan withdrawal methods to know everything about it!

If you have any other queries, don’t hesitate to reach out to us using the comment box below.