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
      • Preview when user is registered as bidder
      • Default Template
      • Available Components
        • <LotCountdownTimer />
        • <WatchlistButton />
        • <BiddingLatestNotification />
        • <BiddingCurrentPrice />
        • <BiddingActions />
        • <BiddingCommissionBidInput />
        • <BiddingBuyNowButton />
        • <StreamBidButton />
        • <BiddingLimit />
        • <BiddingTelephoneBid />
        • <ConditionReportRequest />
        • <LoginSignupButtons />
        • <LotViewDescription />
        • <SocialShareIcons />
        • <BiddingAdditionalLinks />
        • <BiddingEstimate />
        • <BiddingStartPrice />
      • Properties
        • lot
        • lotDynamicFields
        • currentLocale
        • fallbackLocale
        • mainConfig
        • is_authorized
        • biddingStarted
        • biddingFinished
        • iWonTheItem
        • isCurrentUserLastBidder
        • biddingDisabled
        • reserveMet
        • reserveNotMet
        • isLotSold
        • isLotUnsold
    • 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

Lot bidding section for live auctions

  • Name: lotBiddingTemplateLive
  • Url: #/lots/{LOT_UUID}
  • Description: Lot bidding section for live auctions.

Preview when user is registered as bidder

lotBiddingTemplateLive.png

Default Template

<div class="ta-lot-bidding d-flex flex-column">
  <div class="ta-lot-bidding-timer d-flex align-items-center justify-content-between">
    <lot-countdown-timer :lot="lot"/>
    <watchlist-button :lot="lot"/>
  </div>
  <div class="ta-lot-bidding-content flex-grow-1">
    <bidding-latest-notification/>
    <hr>
    <bidding-current-price/>
    <bidding-actions>
      <bidding-commission-bid-input />
      <bidding-buy-now-button class="mt-4"/>
      <hr>
      <stream-bid-button />
      <bidding-limit />
      <condition-report-request />
      <bidding-telephone-bid />
    </bidding-actions>
    <login-signup-buttons/>
    <div v-if="mainConfig.descriptionInSidebar">
      <hr>
      <lot-view-description/>
    </div>
    <div v-if="mainConfig.sharesInSidebar">
      <hr>
      <SocialShareIcons :lot="lot"/>
    </div>
    <bidding-additional-links/>
  </div>
</div>

Available Components

<LotCountdownTimer />

Displays the lot countdown timer. Does not render if the lot is already sold or unsold.

<WatchlistButton />

Displays the Add to Watchlist button. Controlled by enableWatchlist.

<BiddingLatestNotification />

Displays notifications about the bidder's status (winning, outbid, sold, etc.). See lotBiddingTemplate for full details.

<BiddingCurrentPrice />

Displays the current hammer price for the live auction, updated in real time as bids are placed by the auctioneer.

<BiddingActions />

A conditional wrapper that only renders its content when bidding conditions are met (auction is live, lot is open, user is registered). Also handles offline detection and "Register as Bidder" state.

<BiddingCommissionBidInput />

Displays a commission bid input for live auctions. This allows the bidder to set a commission bid (maximum bid) before or during the live auction. The system will automatically bid on behalf of the bidder up to this amount.

<BiddingBuyNowButton />

Displays the "Buy Now" button with the buy now price if buy now is available on this lot.

<StreamBidButton />

Displays the "Live Bidding on Stream Bid" button. Only visible when:

  • The customer is authenticated, registered on this auction, and their bidder status is approved
  • The bidder is a valid StreamBid bidder
  • There is less than [streamingStartShowTime](../webapp/configuration-options.md#streamingstartsho wtime) minutes left before the auction starts
  • Auction type is Live and status is not completed

<BiddingLimit />

Displays the current user's bidding limit when showBiddingLimit is enabled.

<BiddingTelephoneBid />

Displays a telephone bid registration option for live auctions. Controlled by enableTelephoneBidding.

<ConditionReportRequest />

Displays a button/form allowing the bidder to request a condition report for the lot.

<LoginSignupButtons />

Displays login and signup buttons when the user is not authenticated and enableAuth is enabled.

<LotViewDescription />

Displays the lot description in the sidebar when descriptionInSidebar is true.

<SocialShareIcons />

Displays social sharing icons in the sidebar when sharesInSidebar is true.

<BiddingAdditionalLinks />

Displays the links provided during configuration.

<BiddingEstimate />

Displays the lot's low/high estimate in the auction currency (e.g. $1,000 - $2,000).

<BiddingStartPrice />

Displays the lot's start price formatted in the auction currency.

Properties

lot

  • Type: object

The entire lot object. See lotBiddingTemplate — lot property for the full structure and usage examples.

lotDynamicFields

  • Type: object

Key-value pairs of all dynamic fields for this lot.

currentLocale

  • Type: string

The current locale from the lang configuration option.

fallbackLocale

  • Type: string

The fallback locale, always "en".

mainConfig

See documentation here

is_authorized

See documentation here

biddingStarted

true if bidding has opened on the lot.

biddingFinished

true if bidding has ended on the lot.

iWonTheItem

true if the currently authenticated user has won this lot.

isCurrentUserLastBidder

true if the currently authenticated user is the latest bidder.

biddingDisabled

true if bidding is disabled on the lot.

reserveMet

true if the current bid amount meets the reserve requirement.

reserveNotMet

true if the current bid amount does not meet the reserve requirement.

isLotSold

true if the lot is sold.

isLotUnsold

true if the lot is unsold.

TIP

You can create custom functionality by adding your own javascript

Last Updated:
Contributors: Zura Sekhniashvili
Prev
Lot bidding section
Next
Lot filtering section