Shopify Product Auction

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.
A1

Workflow

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

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 .
A3

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

A4

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

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 .
A6

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 .
A7

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 .
pify

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 .
A9

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.
A10
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 .
A11

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.
A12

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

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.

A14

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.

10

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

11

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 .
A15
A brief history of bids made can be viewed by the bidder by click on number of bids section just above place my bid.
A16

History of all the bids made by bidder can be viewed by visiting my account section of the eCommerce store .
A17
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 .
A18

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 :
nitika store Products BLACK FORMAL SUIT MEN Shopify

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!!! 🙂