{"id":62281,"date":"2016-11-02T12:25:48","date_gmt":"2016-11-02T12:25:48","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=62281"},"modified":"2024-10-29T12:45:38","modified_gmt":"2024-10-29T12:45:38","slug":"shopify-product-auction-paste-codes-liquid-file","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/shopify-product-auction-paste-codes-liquid-file\/","title":{"rendered":"Product Auction for Shopify: How to Paste Codes in Liquid File"},"content":{"rendered":"\n

Product Auction App<\/a> for Shopify enables the feature of bid or auction on your eCommerce website.<\/p>\n\n\n\n

With this, the admin can enable the bidding feature on products he wants to go for auction and can monitor all the bids happening on the store from the app itself and much more.<\/p>\n\n\n\n

Moreover, to get the auction tab displayed on the front end and to configure it on your store, few codes are required to be pasted in the .liquid file of your store.<\/p>\n\n\n\n

After installation, you are required to configure the app by pasting the below codes given in the configuration section of the app. <\/p>\n\n\n\n

We will now see the detailed description of how and which code to paste to where:<\/p>\n\n\n\n

\"Code<\/figure>\n\n\n\n
\"Code<\/figure>\n\n\n\n
\"code<\/figure>\n\n\n\n
\"auto<\/figure>\n\n\n\n
\"display<\/figure>\n\n\n\n
\"paste<\/figure>\n\n\n\n
\"code<\/figure>\n\n\n\n
\"code<\/figure>\n\n\n\n
\"code<\/figure>\n\n\n\n
\"code<\/figure>\n\n\n\n

So let’s go one by one:<\/p>\n\n\n\n

In another tab open the online store section of your Shopify store >>> Click on themes >>> and from the dotted menu button on the top right choose ‘edit HTML\/CSS option’<\/p>\n\n\n\n

Now you are here at the HTML\/CSS page.<\/p>\n\n\n\n

For product.liquid<\/strong><\/h4>\n\n\n\n

<div id=”wk-auction” prod-id=”{{ product.id }}” cust-id=”{{ customer.id }}”><\/div><\/p>\n\n\n\n

Paste this code in the location where you want to position or display the auction window.<\/p>\n\n\n\n

For example i want it to be above add to cart button, so i will paste this code just above the div of add to cart. (ref this screenshot)<\/p>\n\n\n\n

\"screenshot_12\"<\/figure>\n\n\n\n

And paste the code at the very beginning and end respectively in the product.liquid file.<\/p>\n\n\n\n

\"screenshot_9\"<\/figure>\n\n\n\n
\"screenshot_10\"<\/figure>\n\n\n\n

For Search-result-grid.liquid(snippets) and product-grid-item.liquid(snippets)<\/strong><\/p>\n\n\n\n

****And similarly (as shown in the image right above ) paste the respective codes for\u00a0search-result-grid.liquid(snippets)<\/strong> and\u00a0product-grid-item.liquid(snippets).<\/strong><\/p>\n\n\n\n

Now most noteworthy fact is that there may happen to be a possibility where you do not find these two .liquid files on the basis of theme chosen by you,<\/p>\n\n\n\n

As a result, you may find it difficult to look for the .liquid file responsible for listing of collections\/products or <\/p>\n\n\n\n

you can also contact us<\/a> and let us know, we will do it for you.For Customers.account\/liquid<\/strong><\/p>\n\n\n\n

Now, coming on to customers.account\/liquid file, paste this code to display bids on my account page of customer\/bidder.<\/p>\n\n\n\n

You can paste this code where ever you wish to display my bids button on my account page.<\/p>\n\n\n\n

<div id=”wk-auction” cust-id=”{{ customer.id }}”><\/div><\/p>\n\n\n\n

\"screenshot_11\"<\/figure>\n\n\n\n

Shopify Product Auction: Demo Details<\/h3><\/div>
\n