Demos Buy Now

Shopify Product Auction

Shopify Product Auction App enables the feature of bid or auction on your ecommerce website. With this the admin can enable the bidding feature on products he want to go for auction, and can monitor all the bids happening on the store from the app itself and much more. With this magical app called Auction, which will enable the feature of bidding and auction of products on your ecommerce website. So dont wait, install Shopify Product Auction app & start Bidding .

Features

  • Admin can create and manage auction for any product .
  • Automatic mails sent to the winner & looser of the bid
  • Admin can view all the bids and happenings in the notification section .
  • Extremely user friendly app with separate sections for auction,products and notification.
  • Admin can edit the labels for front end
  • Customer can view bidding history
  • Admin can Enable/Disable Add To Cart Button If Bid Amount Exceeds The Actual Price .

Video Guide

Shopify Product Auction App Installation and configuration.

Installation

On Landing Page you will find the “install” button. Enter the shop url where you want to install the Shopify Product Auction.

Workflow

 Once the payment is done for the plan,the Shopify Product Auction will be listed here :

Clicking on which you will be redirected to Shopify Auction .

On the home page itself you will find few codes to be pasted in .liquid files and other files of HTML/CSS to have the Auction bar displayed at frontend .

Configuring Shopify Product Auction

Configuration of Shopify Product Auction is very simple and divided into 05 sections :

General Configuration
Auction Configuration
Mail Configuration
Label Configuration
Design Configuration

General Configuration : Enter you email and upload your shop logo in this section . Shop logo’s image dimension should be 197 x 52. Extensions Supported : jpg, jpeg, png, JPG, JPEG, PNG

Auction Configuration : Configure the auction / bidding configurations like enable/disable start auction automatically , Send mail to automatic bidder to notify his loss .

Design Configuration : Change or reset the look of front end and designing by changing the color of background , themes , button text , label and much more .

Label Configuration : Edit the labels of buttons on front and rename them as per your requirement such as changing the label of time end , bid end date , place my bid and much more .

Mail Configuration : Configure the after win, purchase reminder, after proxy lose mail content such as mail subject and content . These different event’s email status can also be enabled/disabled .

Products

This section of the Shopify Product Auction lists the products set for auction by the store owner. From here each products auction details can be viewed by clicking on the view button in front of the products.
Clicking on view auction in front of product will redirect you to the auction detail page for that product .

Once you will click on View Auction section , it will lists the products with their auction’s start and end date , current bid, and the auction status. Click ‘view’ to see a detailed structure of product bidding history, bidder details and even the remaining time for auctions in running phase.

clicking on add auction button will let you create auction for that product by filling up auction form containing bid start end date and time and much more.
Once the auction is created and then you click on view auction ; you can view all its entered details .

Auction

This section lists the products with their auction’s start and end date , current bid, and the auction status. Click ‘view’ to see a detailed structure of product bidding history, bidder details and even the remaining time for auctions in running phase.

Clicking on view , you will redirected to the page containing details about the app .

Configure Front End

You need to configure your theme to make this Shopify Product Auction work. Copy the below given code and paste it to their respective files as specified.

To get shopify Auction displayed on front end for selected products,follow the below process :

    • Click on Online Store .
    • Go To Themes.
    • Click on Customize Theme button on the top right.

    • Select Edit HTML/CSS button from the Theme Option on Top Left.

Then paste the below given codes in the files as stated below .

Paste below given code in product.liquid file

<div id="wk-auction" prod-id="{{ product.id }}" cust-id="{{ customer.id }}"></div>

Paste below given code in customers/account.liquid file

<div id="wk-auction" cust-id="{{ customer.id }}"></div>

Paste below given code in product.liquid file.

{% unless product.tags contains "wk_auction" %}
wrap your liquid file content within this block
{% endunless %}

Paste below given code in search-result-grid.liquid file

{% unless item.tags contains "wk_auction" %}
wrap your liquid file content within this block
{% endunless %}

Paste below given code in product-grid-item.liquid file

{% unless product.tags contains "wk_auction" %}
wrap your liquid file content within this block
{% endunless %}

Bidder End

Any buyer can bid for a product on which the auction is enabled by the store owner , the only requirement for bidding is to have buyer account .
Bidder will see this auction window(ref below image) for the product on which auction is enabled. Bidder will have to login and start bidding .

A brief history of bids made can be viewed by the bidder by click on number of bids section just above place my bid.

History of all the bids made by bidder can be viewed by visiting my account section of the eCommerce store .

Clicking on View your bids button on my account page of customer will make him view the history of bids made along with current bids , lost bids and won bids in separate dedicated sections .

Important Note

For the products on which store owner wants to enable auction, the store owner will have to visit that product from shopify backend’s product section and have to enable auction by clicking on the three dots on the top right .
Once the auction is selected , that product will start getting reflected in the product section of the Shopify Product Auction and the auction can be configured from there .
Refer image below :

 

DEMO

Frontend : https://auction-10.myshopify.com/products/relaxing-sofa_lounge_home_living

Backend : https://auction-10.myshopify.com/admin

  • Username : johndoe@webkul.com
  • Password : demowebkul

 

Support

If you need any kind of support/Consultancy then please raise a ticket at http://webkul.uvdesk.com/ or drop a mail at support@webkul.com

Thanks For reading this blog!!! 🙂

. . .

Comments (6)

Add Your Comment

  • Josh Reeder
    How do you display the current bid amount in the grid item and on product page?
    • Nitika Srivastava
      Hi Josh,

      Thank you for writing us,

      I would request you to please raise your ticket for this query here on this link below and we will surely resolve your query.
      https://webkul.uvdesk.com

      Best Regards
      Nitika
      WEBKUL

  • Josh Reeder
    Buy now button is not displaying at all. not affected by the option in settings.
  • Josh Reeder
    I would like options for what data is displayed in grid item and what data is displayed in product: Display current bid amount: On/Off Display Countdown Timer: On/Off Display number of bids On/Off and so on
  • kat
    hi. novice here. I’m really unclear as to where the “code” gets pasted. Like anywhere within existing code? or is there a specifice place it goes. Tried pasting according to the “1,2,3” lines in example, but shopify would not let me save, so obviously in wrong place. sceen grabs of where to exactly paste within existing code would be extremely helpful.
  • css.php

    Index