How to add the lowest price widget to the related products block?
The steps below will help you to add he lowest price block to the related products section:
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-for-related-products' and click 'Done'.
4. In the open window, paste the provided content and save.
<div id="am-omnibus-container-{{ product.id }}"></div>
<img alt="lowest price" width="0" height="0" style="display: none" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" onload='(async()=>{const t="product",{shop:i,locale:o,currency:n}=window.Shopify;if(!i)return;const e="{{ product.id }}";if(void 0===window.ShopifyAnalytics)return;const{page:a}=window.ShopifyAnalytics.meta,{pageType:c}=a;if((c!==t||e!=window.ShopifyAnalytics?.meta?.product?.id)&&c===t){const t="/apps/am-omnibus-price",a=await fetch(t,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({shop:i,productId:e,variantId:"{{ product.selected_or_first_available_variant.id }}",locale:o,currency:n})});if(!a.ok)return;const{lowestPriceHtml:c}=await a.json();if(!c)return;const r=`am-omnibus-container-${e}`,s=document.getElementById(r);if(!s)return;s.innerHTML=c}})(),this.parentNode.removeChild(this);'/>5. Open price.liquid in the snippets and paste
{%- render 'am-lowest-price-for-related-products', product:product -%} at the end, and save (we recommend using this snippet, since it is responsible for displaying the price).Once the snippet changes are saved, the result will render as here:
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.
Related Articles
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 ...My theme doesn’t allow adding the block with the lowest price, what should I do?
It will be possible to add the required block in the product-price.liquid code. To proceed, follow the steps below: 1. Proceed to Online store > Themes > Customize > Edit Code. 2. Add a new snippet in the Snippets folder: Insert the content below and ...How does the Shopify Omnibus Insight: Price History app handle price increases and show the lowest price in the last X days?
If you increase the prices of your products permanently, the Omnibus Insight: Price History app will show the lowest price from the last X days, excluding the most recent price change. This means the oldest price may still display as the lowest ...I need to add the product publishing date in the snippet, how do I proceed?
Please, find the Online store > Themes > Customize > Edit Code > Snippets > price.liquid snippet and add the following code on the bottom: <p class="caption">{{ product.published_at | date: "%Y-%m-%d %H:%M" }}</p> As a result, the publishing date ...Can we set up different price lists for different markets?
Unfortunately, the moment, our solution doesn’t support price lists.
Announcements
⚡ Have you enlarged the functionality of the Amasty extension with your own code? Share your improvements with us!
At Amasty, we understand that some of our clients require customized features to perfectly align the extension with their business needs. If you have developed new functionality within an Amasty module and would like to share it, please submit a ticket