Artisio Webapp + Timed Auctions
  • Getting Started
  • Configuration Options
  • My Profile Integration
  • Single Sign On
  • Global Search
  • Template Configuration
  • Auction Details
  • Auction Filters Section
  • Auction List Item
  • Auction Listing page
  • Auction View Page
  • Lot list item template on watchlist
  • Favorite lot listing page
  • Home page
  • Lot list item template on my bids page
  • My bids lot listing page
  • Lot bidding section
  • Lot bidding section for live auctions
  • Lot filtering section
  • Lot list item
  • Lot listing section
  • Lot view page template
  • Update Profile Page
  • Sell an item modal
  • Signup page inputs section
  • Bid Confirmation Popup Template
  • Buy Now Confirmation Popup Template
  • Max Bid Confirmation Modal Template
  • Bid Created Modal Template
  • Lot Purchased Modal Template
  • Max Bid Created Modal Template
Webhooks
Release Notes
  • Getting Started
  • Configuration Options
  • My Profile Integration
  • Single Sign On
  • Global Search
  • Template Configuration
  • Auction Details
  • Auction Filters Section
  • Auction List Item
  • Auction Listing page
  • Auction View Page
  • Lot list item template on watchlist
  • Favorite lot listing page
  • Home page
  • Lot list item template on my bids page
  • My bids lot listing page
  • Lot bidding section
  • Lot bidding section for live auctions
  • Lot filtering section
  • Lot list item
  • Lot listing section
  • Lot view page template
  • Update Profile Page
  • Sell an item modal
  • Signup page inputs section
  • Bid Confirmation Popup Template
  • Buy Now Confirmation Popup Template
  • Max Bid Confirmation Modal Template
  • Bid Created Modal Template
  • Lot Purchased Modal Template
  • Max Bid Created Modal Template
Webhooks
Release Notes
  • Webapp Templates

    • Template Configuration
    • Auction Details
    • Auction Filters Section
    • Auction List Item
    • Auction Listing page
    • Auction View Page
    • Lot list item template on watchlist
    • Favorite lot listing page
    • Home page
    • Lot list item template on my bids page
    • My bids lot listing page
    • Lot bidding section
    • Lot bidding section for live auctions
    • Lot filtering section
    • Lot list item
    • Lot listing section
      • Preview
      • Default Template
      • Available Components
        • <LotListAndFilters />
        • <LotListFilters />
        • <LotKeywordSearch />
        • <JumpToLot />
        • <LotListPerPageSelect />
        • <SortingDropdown />
        • <LotListSwitchView />
        • <LotListFilterMobileButton />
        • <LotListItems />
        • <LotListAutoUpdateCheckbox />
      • Properties
        • mainConfig
        • is_authorized
    • Lot view page template
    • Update Profile Page
    • Sell an item modal
    • Signup page inputs section
    • Bid Confirmation Popup Template
    • Buy Now Confirmation Popup Template
    • Max Bid Confirmation Modal Template
    • Bid Created Modal Template
    • Lot Purchased Modal Template
    • Max Bid Created Modal Template

Lot listing section

  • Name: lotListTemplate
  • Url: #/lots, #/auctions/{AUCTION_UUID}
  • Description: Lot listing section including filters and sorting

Preview

lotListTemplate.png

Default Template

<lot-list-and-filters>
  <lot-list-filters />
  <div class="ta-lot-section">
    <div class="ta-lot-list-header-top">
      <lot-keyword-search />
      <jump-to-lot />
    </div>
    <div class="ta-lot-list-header">
      <lot-list-per-page-select />
      <div class="ta-lot-search-wrapper">
        <sorting-dropdown/>
        <lot-list-switch-view/>
        <lot-list-filter-mobile-button/>
      </div>
    </div>
    <lot-list-items />
  </div>
</lot-list-and-filters>

Available Components

<LotListAndFilters />

A layout wrapper providing the sidebar-plus-content structure. The filters sidebar and lot content section must be placed as direct children.

<LotListFilters />

Renders the lot filters sidebar using lotFiltersTemplate. Controlled by enableFilters.

<LotKeywordSearch />

Displays a text input for searching lots by keyword.

<JumpToLot />

Displays an input to jump directly to a specific lot number. Controlled by jumpToLot.

<LotListPerPageSelect />

Displays the per-page dropdown. Controlled by perPageSelect and perPageOptions. Default value is set by lotPaginationLimit.

<SortingDropdown />

Displays the lot sorting dropdown. Controlled by enableSorting. Default sort is set by lotDefaultSortField and lotDefaultSortBy.

<LotListSwitchView />

Displays a toggle button to switch the lot listing between grid and list view.

<LotListFilterMobileButton />

Displays a button to open the filter panel on mobile devices.

<LotListItems />

Renders the list of lots. Each item uses lotListItemTemplate.

<LotListAutoUpdateCheckbox />

Displays a checkbox that, when checked, enables real-time automatic updates of the lot listing (useful on the My Bids page). This component is not included in the default lotListTemplate but can be added.

Properties

mainConfig

See documentation here

is_authorized

See documentation here

Last Updated:
Contributors: Zura Sekhniashvili
Prev
Lot list item
Next
Lot view page template