как добавить этикетку с ценой на переменный товар в Shopify

Я добавляю метку (обычная цена и цена со скидкой) с суммой в долларах для проблемы с покупкой, с которой я сталкиваюсь, когда автоматически меняю переменную из суммы опции продукта, но метку, которую я добавляю, с суммой, которая внезапно исчезла. оба снимка прилагаются.

https://drive.google.com/file/d/1KdnfVJrvspl59i9yFLJZ62yvU_W7av6T/view?usp=sharing

с меткой:

https://drive.google.com/file/d/15A9-Tx2AZuPR5ewfDhLUo65a7TYUCJ8K/view?usp=sharing

Я уже добавляю для простого продукта даже для переменного кода продукта здесь:

{%- comment -%} PRICE {%- endcomment -%}
<div class="countdown-wrapper">
  {%- include 'limited-offer' -%}
</div>
{%- if settings.price_range and product.price_varies -%}
<div class="price-range price">
  <span class="price-new"><span class="money">{{- product.price_min | money -}}</span></span> - <span class="price-new"><span class="money">{{- product.price_max | money -}}</span></span>
</div>
{%- endif -%}
<div class="product-single__price-{{- section.id -}}">
  <div id="price" class="price">
    {%- if current_variant.compare_at_price > current_variant.price -%}
    <span  id="ProductPrice-{{- section.id -}}" class="amount price-new">
      <span class="money">
        <label>Sale price:</label>&nbsp;&nbsp;
        {{- current_variant.price | money -}}
      </span>
    </span>
    {%- else -%}
    <span id="ProductPrice-{{- section.id -}}" class="amount price-new">
      <span class="money ">
<label>Regular price:</label>&nbsp;&nbsp;
        {{- current_variant.price | money -}}</span>
    </span>
    {%- endif -%}
    <br>
    <span id="ComparePrice-{{- section.id -}}" class="amount price-old{%- unless current_variant.compare_at_price > current_variant.price %}{{- " hide" -}}{%- endunless -%}">
      <span class="money">
            <label>Regular price:</label>&nbsp;&nbsp;
        {%- if current_variant.compare_at_price > current_variant.price -%}
        {{- current_variant.compare_at_price | money -}}
        {%- endif -%}
      </span>
    </span>
    <span class="hide" itemprop="price">{{- product.price | money_without_currency -}}</span>
    <meta itemprop="priceCurrency" content="USD" />
  </div>
</div>

тег ярлыка, который я добавляю, работает, но когда я изменяю параметр продукта, моя обычная цена и цена продажи исчезли. Я ожидаю, что когда я выберу любую опцию, я покажу, что на этикетке должна отображаться сумма, такая как обычная цена: 200 долларов. Цена со скидкой: 150 долларов.


person Usman Ali    schedule 08.08.2019    source источник
comment
Событие onChange при выборе в JavaScript переопределяет HTML. вот почему лейбла больше нет.   -  person Bilal Akbar    schedule 10.08.2019


Ответы (1)


Usman, когда вы меняете параметры продукта, запускается событие onchange, и информация о продукте переопределяется в соответствии с выбором новой опции продукта. Не могли бы вы поделиться названием темы, чтобы я мог точно помочь вам, где вы можете изменить метку в файле js.

Обычно код, упомянутый в theme.js, пожалуйста, обратитесь к снимку экрана ниже, включая событие, которое запускается при изменении параметра продукта: https://drive.google.com/file/d/1MEFCGV6DWk6JUzxrVgK6fczbFqUTMpH2/view?usp=drivesdk

person Kshitij Verma    schedule 02.09.2019