如何获取产品价格并检查是否不在该产品页面上而售罄

Question

我正在使用github中的一些代码-> https://github.com/sumonsbgc/shopify-recent-viewed-product

对于此最近查看的产品部分，它使用此价格

<script id="recently-viewed-product-template" type="text/x-jquery-tmpl">

  <li class="recent grid__item small--one-half medium-up--one-quarter">
    {% raw %}
    <div class="wrapper">
      <div id="product-${handle}" class="product" >

      <a href="${url}">
        <img src="${Shopify.Products.resizeImage(featured_image, "medium")}" />
      </a>

    <div class="details">
      <a href="${url}">
        <h4 class="title">${title}</h4>
          <span class="price">{{if price_varies}}{{/if}}${Shopify.formatMoney(price)}</span>
      </a>
    </div>
  </div>
</div>
{% endraw %}
</li>

</script>

我遇到问题的原因是，每当产品售罄时，产品的价格都变为0.00美元，所以我想这样做，这样我就可以把握价格，并简单地用if语句检查价格，卖完了或价格为$ 0.00

我的尝试是

  <li class="recent grid__item small--one-half medium-up--one-quarter">
    {% raw %}
    <div class="wrapper">
      <div id="product-${handle}" class="product" >

      <a href="${url}">
        <img src="${Shopify.Products.resizeImage(featured_image, "medium")}" />
      </a>

    <div class="details">
      <a href="${url}">
        <h4 class="title">${title}</h4>

      {%- if product-${handle}.price  == 0 -%}

      <span class="price-item price-item--regular">Sold Out</span>
       {%- else  -%}
       {% raw %}

      <span class="price-item price-item--regular">{{if price_varies}}{{/if}}${Shopify.formatMoney(price)}</span>
       {% endraw %}
      {%- endif -%}
      </a>
    </div>
  </div>
</div>
{% endraw %}
</li>

不幸的是，原始语句有点混乱，因为据我所知，我不能同时使用if语句和$ {handle}。

我还研究了使用product-price.liquid，但这样做还是使每个产品都显示售罄，或者没有解决我实施中的问题。

一种解决此问题的方法将不胜感激。