Wyświetlanie cen jednostkowych

{%-unlessproduct.price_varies-%}{%-ifcurrent_variant.unit_price_measurement-%}{%include＇product-unit-price',product_variant:current_variant,wrapper_class:"product-card__unit-price"%}{%-endif-%}{%-endunless-%}

Po wprowadzeniu zmian wynik powinien wyglądać następująco:

1. KliknijZapisz, aby potwierdzić zmiany.

Edytuj szablon strony koszyka

1. W kataloguSekcjekliknijcart-template.liquid.

2. Użyjskrótu klawiaturowego wyszukiwania, aby znaleźć pierwsze wystąpienie:

{%-ifitem.original_line_price!=item.final_line_price-%}{{＇products.product.regular_price'|t}} {{item.original_line_price|money}} {{＇products.product.sale_price'|t}} {{item.final_line_price|money}}{%-else-%}{{item.original_line_price|money}}{%-endif-%}

1. Dodaj następujący kod poniżej taguendifznalezionego w kroku 2:

{%-ifitem.unit_price_measurement-%}{%include＇product-unit-price',product_variant:item%}{%-endif-%}

Po wprowadzeniu zmian wynik powinien wyglądać następująco:

1. Użyjskrótu klawiaturowego wyszukiwania, aby znaleźć drugie wystąpienie:

{{#ifdiscountsApplied}}{%endraw%}{{＇products.product.regular_price'|t}}{%raw%} {{{originalLinePrice}}} {%endraw%}{{＇products.product.sale_price'|t}}{%raw%} {{{linePrice}}} {{else}} {{{originalLinePrice}}} {{/if}} {{#if discountsApplied}} 
{%endraw%}{{＇customer.order.discount'|t}}{%raw%}"> {{#each discounts}} 
{%endraw%}{%-include＇icon-saletag'-%}{%raw%}{{ this.discount_application.title }} (-{{{ this.formattedAmount }}}) 
 {{/each}} 
 {{/if}}

1. Dodaj następujący kod poniżej drugiego tagu zamknięcia{{/if}}znalezionego w kroku 4:

{{#ifunitPrice}}{%endraw%}{{＇products.product.unit_price_label'|t}}{%raw%} {%endraw%}{%-captureunit_price_separator-%}/ {{＇general.accessibility.unit_price_separator'|t}} {%-endcapture-%}{%raw%}{{{ unitPrice.price }}}{%endraw%}{{-unit_price_separator-}}{%raw%}{{#if unitPrice.addRefererenceValue }}{{{ unitPrice.reference_value }}}{{/if}}{{{ unitPrice.reference_unit }}}  {{/if}}

Po wprowadzeniu zmian wynik powinien wyglądać następująco:

1. KliknijZapisz, aby potwierdzić zmiany.

Edytuj szablon polecanej strony produktu

1. W kataloguSekcjekliknijfeatured-product.liquid.

2. Użyjskrótu klawiaturowego wyszukiwania, aby znaleźć linię{% assign current_variant = product.selected_or_first_available_variant %}.

3. Dodaj następujący kod poniżej linii znalezionej w kroku 2:

{%assignvariants_with_unit_price=product.variants|where:"unit_price_measurement"%}

Po wprowadzeniu zmian wynik powinien wyglądać następująco:

1. Użyjskrótu klawiaturowego wyszukiwania, aby znaleźć linię zawierającą

    
   {{section.id}}" class="{%unlessproduct.compare_at_price>product.price%}hide{%endunless%}"> 
   {{＇products.product.on_sale'|t}}
    
    
   {%unlessproduct.compare_at_price_max>product.price%}{{＇products.product.regular_price'|t}}{%endunless%}{{section.id}}" class="product-single__price" itemprop="price" content="{{current_variant.price|divided_by:100.00}}">{{current_variant.price|money}} 
   {%ifproduct.compare_at_price_max>product.price%}<李> < span class = " visually-hidden”>{{＇products.product.regular_price'|t}} {{section.id}}" class="product-single__price product-single__price--compare">{{current_variant.compare_at_price|money}} {%endif%}{%ifsection.settings.stock_enable%}

   1. Poniżej tego taguulznajdź kod{% if section.settings.stock_enable %}.

   2. Dodaj następujący kod powyżej blokuifznalezionego w kroku 6:

   {%-ifvariants_with_unit_price.size>0-%}
   {%include＇product-unit-price',product_variant:current_variant%}
   {%-endif-%}

   Po wprowadzeniu zmian wynik powinien wyglądać następująco:

   

   1. KliknijZapisz, aby potwierdzić zmiany.

   Edytuj szablon strony produktu

   1. W kataloguSekcjekliknijproduct-template.liquid.

   2. Użyjskrótu klawiaturowego wyszukiwania, aby znaleźć linię{% assign current_variant = product.selected_or_first_available_variant %}.

   3. Dodaj następujący kod poniżej linii znalezionej w kroku 2:

   {%assignvariants_with_unit_price=product.variants|where:"unit_price_measurement"%}

   Po wprowadzeniu zmian wynik powinien wyglądać następująco:

   

   1. Użyjskrótu klawiaturowego wyszukiwania, aby znaleźć linię zawierającą

      {%ifshop.taxes_includedorshop.shipping_policy.body!=blank%}product-single__price-container{%endif%}"> 
      {{section.id}}" class="{%unlessproduct.compare_at_price>product.price%}hide{%endunless%}"> 
      {{＇products.product.on_sale'|t}}
       
       
      {%unlessproduct.compare_at_price_max>product.price%}{{＇products.product.regular_price'|t}}{%endunless%}{{section.id}}" class="product-single__price" itemprop="price" content="{{current_variant.price|divided_by:100.00}}">{{current_variant.price|money}} 
      {%ifproduct.compare_at_price_max>product.price%}<李> < span class = " visually-hidden”>{{＇products.product.regular_price'|t}} {{section.id}}" class="product-single__price product-single__price--compare">{{current_variant.compare_at_price|money}} {%endif%}{%ifsection.settings.stock_enable%}

      1. Poniżej tego taguulznajdź kod{% if section.settings.stock_enable %}.

      2. Dodaj następujący kod powyżej blokuifznalezionego w kroku 5:

      {%-ifvariants_with_unit_price.size>0-%}
      {%include＇product-unit-price',product_variant:current_variant%}
      {%-endif-%}

      Po wprowadzeniu zmian wynik powinien wyglądać następująco:

      

      1. KliknijZapisz, aby potwierdzić zmiany.

      Edytuj szablon zamówienia klientów

      1. W kataloguSzablonykliknijcustomers/order.liquid.

      2. Użyjskrótu klawiaturowego wyszukiwania, aby znaleźć linię:

      {{＇customer.order.price'|t}}">{%-ifline_item.original_price!=line_item.final_price-%}{{＇products.product.regular_price'|t}} {{line_item.original_price|money}} {{＇products.product.sale_price'|t}} {{line_item.final_price|money}}{%-else-%}{{line_item.original_price|money}}{%-endif-%}

      1. Zastąp kod znaleziony w kroku 2 następującym kodem:

      {{＇customer.order.price'|t}}"> 
      {%-ifline_item.original_price!=line_item.final_price-%}{{＇products.product.regular_price'|t}} {{line_item.original_price|money}} {{＇products.product.sale_price'|t}} {{line_item.final_price|money}}{%-else-%}{{line_item.original_price|money}}{%-endif-%}
      {%-ifline_item.unit_price_measurement-%}{%include＇product-unit-price',product_variant:line_item%}{%-endif-%}

      Po wprowadzeniu zmian plikcustomers/order.liquidpowinien wyglądać następująco:

      

      1. KliknijZapisz, aby potwierdzić zmiany.

      Edytuj plik JavaScript swojego szablonu

      1. W kataloguZasobykliknijtheme.js.

      2. Użyjskrótu klawiaturowego wyszukiwania, aby znaleźć linię// Create item's data object and add to 'items' array.

      3. Dodaj następujący kod powyżej linii znalezionej w kroku 2:

      varunitPrice=null;if(cartItem.unit_price_measurement){unitPrice={addRefererenceValue:cartItem.unit_price_measurement.reference_value!==1,price:theme.Currency.formatMoney(cartItem.unit_price,theme.moneyFormat),reference_value:cartItem.unit_price_measurement.reference_value,reference_unit:cartItem.unit_price_measurement.reference_unit};}

      Po wprowadzeniu zmian wynik powinien wyglądać następująco:

      

      1. Użyjskrótu klawiaturowego wyszukiwania, aby znaleźć linięvendor: cartItem.vendor,

      2. Dodaj następujący kod poniżej linii znalezionej w kroku 4:

      unitPrice:unitPrice,

      Po wprowadzeniu zmian wynik powinien wyglądać następująco:

      

      1. Użyjskrótu klawiaturowego wyszukiwania, aby znaleźć linięshopifyPaymentButton: '.shopify-payment-button'.

      2. Zastąp linię znalezioną w kroku 6 następującym kodem:

      shopifyPaymentButton:＇.shopify-payment-button＇,unitPrice:＇[data-unit-price]＇,unitPriceBaseUnit:＇[data-unit-price-base-unit]＇,unitPriceContainer:＇[data-unit-price-container]＇

      Po wprowadzeniu zmian wynik powinien wyglądać następująco:

      

      1. Użyjskrótu klawiaturowego wyszukiwania, aby znaleźć linię_updateSKU: function(evt) {.

      2. Dodaj następujący kod powyżej linii znalezionej w kroku 8:

      _getBaseUnit:function(variant){returnvariant.unit_price_measurement.reference_value===1?variant.unit_price_measurement.reference_unit:variant.unit_price_measurement.reference_value+variant.unit_price_measurement.reference_unit;},

      Po wprowadzeniu zmian wynik powinien wyglądać następująco:

      

      1. Użyjskrótu klawiaturowego wyszukiwania, aby znaleźć linięthis._updateIncomingInfo(variant);:

      }else{// Variant is sold out, disable the submit buttoncache.$addToCart.prop(＇disabled＇,true).addClass(＇btn--sold-out＇);cache.$addToCartText.html(theme.strings.soldOut);$(this.selectors.shopifyPaymentButton,this.$container).hide();// Update when stock will be availablethis._updateIncomingInfo(variant);}

      1. Dodaj następujący kod poniżej tagu zamykającego}znalezionego w kroku 10:

      $(this.selectors.unitPriceContainer,this.$container).addClass(＇hide＇);if(variant.unit_price_measurement){var$unitPrice=$(this.selectors.unitPrice,this.$container);var$unitPriceBaseUnit=$(this.selectors.unitPriceBaseUnit,this.$container);$unitPrice.html(theme.Currency.formatMoney(variant.unit_price,theme.moneyFormat));$unitPriceBaseUnit.html(this._getBaseUnit(variant));$(this.selectors.unitPriceContainer,this.$container).removeClass(＇hide＇);}

      Po wprowadzeniu zmian wynik powinien wyglądać następująco:

      

      1. KliknijZapisz, aby potwierdzić zmiany.

      (Opcjonalnie) Dodaj tłumaczenia dla innych języków

      1. Przejdź do stronySzablonyw swoim panelu administracyjnym Shopify.

      2. KliknijDziałanie > Edytuj języki.

      3. Kliknij opcjęZmień język szablonu, a następnie wybierz język, który chcesz edytować. Jest to możliwe tylko w opublikowanym szablonie.

      4. WpiszUnit Pricew polu wyszukiwania.

      5. Zaktualizuj poleSeparator ceny jednostkowejw sekcjiOgólne / Dostępność.

      6. Zaktualizuj poleEtykieta ceny jednostkowejsekcjiProdukty / Produkt.

      7. Kliknij opcjęZapisz.