All Listings Page Configuration

Overview

The All Listings Page is where customers browse and discover products on your marketplace. Configure the layout, search functionality, filters, and how listing cards appear to create the best shopping experience for your visitors.

Page Status

Toggle the listings page on or off. When disabled, customers cannot access the browse page.

Page Content

• Page Title: The heading displayed at the top (e.g., "Browse All Listings")
• Page Description: Optional subtitle or intro text below the title
• Page Background Color: Override the listings page background with any CSS color. Use the native color picker or type a value directly — hex (#f5f0e6), rgb (rgb(245, 240, 230)), or named colors (beige) all work. Leave empty to fall back to the theme default. Click Reset to clear it.
• Search Bar Background Color: Background of the search box and the sort dropdown above the grid. By default they use the theme default input color (off-white), which can stand out once the page background is white. Set it to #ffffff to blend them in, or any other CSS color. Leave empty for the default.

Layout Settings

Three layouts ship out of the box. Here's what each one looks like on the storefront with the same listings:

Layout Type

Grid Columns

When using grid layout, choose how many columns to display:

Items Per Page

Choose how many listings to show per page before pagination:

• 12 Items: Fast loading, more pages
• 24 Items: Balanced (default)
• 48 Items: Fewer page loads, more scrolling

Default Sort Order

Set the default sorting when customers first visit the page:

• Newest First: Most recently added listings appear first
• Oldest First: Oldest listings appear first
• Price: Low to High: Cheapest listings first
• Price: High to Low: Most expensive listings first
• Alphabetical: A-Z by title
• Nearest First: Sort by distance from visitor's location (only available when Distance Search is enabled)

Product Card Display

Choose what information appears on each listing card:

Search & Filters

Search

Listing Type Filter

Filters

Available Filters

Default Filters

Custom Field Filters

Custom fields from your Listing Form can be enabled as filters. They're grouped by listing type:

• Text fields: Show as selectable dropdown options
• Number fields: Show as range sliders
• Select/Multi-select fields: Show as selectable options
• Checkbox fields: Show as Yes/No toggle

Filter Position

Filter Sections Open by Default

Choose how many filter sections start expanded, in the order you set above. The rest start collapsed and open on click, and a section with an active filter is always open. The default is the first 3. With many filters, a lower number keeps the sidebar inside the window so visitors do not have to scroll it separately.

Distance Search

Allow visitors to find listings by proximity to their location. This setting only appears when at least one listing type has location enabled.

When enabled, the following features become available:

• Nearest First sort: Visitors can sort listings by distance from their location
• Distance radius filter: Filter listings within 10, 25, 50, 100, or 250 km/mi
• Distance on cards: Each listing card shows how far away it is (e.g., "4 km")
• Distance unit: Choose between kilometers (km) or miles (mi)
• Manual fallback: If the browser denies location access, visitors can type an address

Map Browse View

Give visitors a VRBO-style split-view layout with listings on the left and an interactive Google map with price pins on the right. Perfect for vacation rentals, tours, venue bookings, or any location-based marketplace. Only available when at least one listing type has location enabled.

When enabled, visitors can:

• Toggle between views: Switch between the default List view and the Map view with one click
• See prices at a glance: Each listing shows as a themed price pin on the map
• Hover to highlight: Hovering a card highlights its pin (and vice versa) for easy visual matching
• Click to navigate: Click any pin or card to open the full listing detail page
• Mobile full-screen: On mobile, a "Show map" button opens a full-screen map with a card drawer on pin tap
• URL persistence: The current view is saved as ?view=map in the URL so links can point directly to the map view

Create Listing Call-to-Action

On marketplaces where any visitor can become a seller, the end of the listings grid is a natural place to ask "Have something to sell?". Turn on Show create-listing call-to-action and a band with a heading, a line of text, and a button appears under the grid (below pagination) on the All Listings page and on every listing-type tab. The same button also shows in the empty state when no listings match a search or filter, which is where it matters most on a young marketplace.

• Logged-in sellers go straight to the Create Listing form
• Visitors go to seller signup and are sent to the form once registered
• Buyer-only accounts don't see the band, so nobody lands on a page they can't use
• Custom text: heading, text, and button label are editable; leave a field empty to use the default copy in your store language

Preview Your Page

The settings tab includes a live preview panel that reflects your changes as you make them — layout, card display, filters, and search — so you can see what each dial does without saving and hopping over to the storefront. It also reflects out-of-stock behavior, so you can see exactly how sold-out listings appear with your current settings before anything goes live.