Home page

• Name: homePageTemplate
• Url: #/home
• Description: Home page template which by default renders all departments and published lots

Preview

Default Template

<home-departments />

<lot-list-items />

Available Components

<HomeDepartments />

Renders a clickable grid of department cards. Each card shows the department image and name. Clicking a department filters the lot listing below to show only lots from that department.

When alwaysSelectFirstDepartment is true, the first department is automatically selected on page load.

<LotListItems />

Renders the list of lots. Each item uses lotListItemTemplate. On the home page, this typically shows published lots across all departments (or within the selected department).

<FavouriteLotsShortList />

Renders a compact list of the authenticated user's watchlisted lots. Useful to add a quick access panel for watchlisted lots on the home page.

Component props

title

• Type: string
• Default: "Watchlist"

The heading displayed above the short watchlist.

limit

• Type: number
• Default: 3

Maximum number of favourite lots to show.

lot-status

• Type: string
• Default: "all"

Filter favourite lots by status.

lot-sort-field

• Type: string
• Default: "active_auctions_first"

Fallback sort field used when sort_preferences is not provided.

lot-sort-by

• Type: string
• Default: "asc"

Fallback sort direction used when sort_preferences is not provided.

sort_preferences

• Type: Array<{ key: string, direction: string }>
• Default: []

Ordered sort preferences for complex sorting. When provided, this is used instead of lot-sort-field and lot-sort-by.

Example:

<favourite-lots-short-list
  :limit="6"
  :sort_preferences="[
    { key: 'active_auctions_first', direction: 'asc' },
    { key: 'lot_no', direction: 'asc' }
  ]"
/>

<MyBidsShortList />

Renders a compact list of lots on which the authenticated user has placed bids.

Component props

lot-status

• Type: string
• Default: "published"

Filter lots by status.

Properties

mainConfig

See documentation here

is_authorized

See documentation here