> For the complete documentation index, see [llms.txt](https://docs.tipo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tipo.io/tipo-auction/auction-rules-and-bidding-features/show-auctions-by-collection.md).

# Show auctions by collection

The app provides a built-in option to display the auction widget on your collection page. You can enable this directly in the app [**Settings**](https://docs.tipo.io/tipo-auction/~/revisions/PEkBh9esJi9c1nGTtNyz/auction-widget-and-storefront-display/add-auction-collection-to-the-main-menu).

<figure><img src="/files/nOkQEqI1qL57OIFeyaNo" alt=""><figcaption></figcaption></figure>

However, if the widget still doesn’t appear after enabling it, you’ll need to follow these additional steps to ensure it works properly.&#x20;

The required step is to create a new file in your theme to enable this condition.

#### 🛠️ Step-by-step: Enable collection condition

1\. From  store backend > **Online store** > click **Themes** > click **Edit code**

<figure><img src="/files/J4ya6HO9uzYtxRvJRK3Y" alt=""><figcaption></figcaption></figure>

2\. Under the **Template** folder, create a new file with the **Search** template

3\. Create a new liquid file > enter name **tipoAuctionsJson** so the full file name will be **search.tipoAuctionsJson.liquid**

<figure><img src="/files/9zl5HmQWJEiVoXAoWb4m" alt=""><figcaption></figcaption></figure>

4\. Copy the codes below and paste into **search.tipoAuctionsJson.liquid** file

```
{%- layout none -%}
{%- paginate search.results by 100 -%}
[{%- for product in search.results -%}
{%- unless forloop.first -%},{%- endunless -%}
{
"id":{{-product.id-}},
"title":{{-product.title | json-}},
"handle":"{{-product.handle-}}",
"price":"{{-product.price-}}",
"featured_image":"{{-product.featured_image-}}",
"url":"{{-product.url-}}",
"collections":{{-product.collections | map: 'id' | json-}},
"images":[
{%- for image in product.images -%}{%- unless forloop.first -%},
{%- endunless -%}{"id":{{-image.id-}},
"src":{{-image.src | json-}}}{%- endfor -%}],
"first_available_variant":{"id":{{product.selected_or_first_available_variant.id}}},
"available":{{-product.available-}},
"variants":[
{%- for variant in product.variants -%}{%- unless forloop.first -%},
{%- endunless -%}
{
"id":{{-variant.id-}},
"value":{{-variant.id-}},
"title":{{-variant.title | json}},
"name":"{{-variant.name | json}}",
"price":{{-variant.price-}},
"available":{{-variant.available-}},
"sku":"{{-variant.sku-}}",
"inventory_quantity":{{-variant.inventory_quantity-}}
}
{%- endfor -%}
]
}
{%- endfor -%}]
{%- endpaginate -%}
```

<figure><img src="/files/7pgZ97x6EGCjxumVyfTf" alt=""><figcaption></figcaption></figure>

5\. Click **Save** to finish creating this new file

If it still doesn’t work after following the guide, please contact us at <hi@tipo.io>. We’re happy to help troubleshoot and make sure everything is working as expected.

***

**🙋 Still need support?**

If you still need help, please feel free to contact us at <hi@tipo.io>. We’ll be happy to assist you further.
