The lowest price widget doesn't appear on my collection pages, what should I do?

The lowest price widget doesn't appear on my collection pages, what should I do?

The lowest price widget doesn't appear on the collection pages automatically, but you can insert it manually in the code of your theme. Below, we will elaborate on the steps to proceed:

1. Proceed to Online Stores > Themes and click the Customize button on your theme. Then head to the theme settings, and then click on 'Edit code'.




2. After that, in the sidebar menu under Snippets, select 'Add a new snippet'.



3. Name it 'am-lowest-price' and click 'Done'.



4. In the open window, paste the provided content and save.

<div id="am-omnibus-container-{{ product.id }}"></div> <script>(async()=>{const{shop:n,locale:o,currency:t}=window.Shopify;if(!n)return;const i="{{ product.id }}";if(void 0===window.ShopifyAnalytics)return;const{page:e}=window.ShopifyAnalytics.meta,{pageType:c}=e;if("collection"===c||"home"===c){const e="/apps/am-omnibus-price",c=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({shop:n,productId:i,variantId:"{{ product.selected_or_first_available_variant.id }}",locale:o,currency:t})});if(!c.ok)return;const{lowestPriceHtml:a}=await c.json();if(!a)return;const r=`am-omnibus-container-${i}`,s=document.getElementById(r);if(!s)return;s.innerHTML=a}})();</script>

5. Locate price.liquid in the snippets, paste {%- render 'am-lowest-price', product:product -%} at the end, and save (we recommend using this snippet, since it is responsible for displaying the price).



6. The result on the front end will be as follows:



If you are having difficulties to locate the required snippet or the lowest price doesn't appear on the collections page on your side, please, submit a ticket with us and we will be happy to offer further assistance.