Visualizzazione dei prezzi unitari

Se vendi in quantità o misure, per determinati tipi di prodotto potrebbe essere necessario mostrare il prezzo unitario. Quando inserisci il prezzo unitario per un prodotto, esso verrà visualizzato nella pagina del prodotto, nelle pagine di collezione, nella pagina del carrello, nelle pagine di check-out e nelle notifiche di conferma ordine.

Aggiungi il prezzo unitario al tuo prodotto

Mostra i prezzi unitari nel tuo negozio online

I passaggi per questa personalizzazione variano a seconda del tuo tema. Clicca sul pulsante del tema prima di seguire le istruzioni qui sotto:

Passaggi per Brooklyn

I prezzi unitari sono disponibili nel tema Brooklyn per le versioni 13.1.0 e successive. Se non riesci ad aggiornare il tema alla versione più recente, puoi aggiungere la personalizzazione del prezzo unitario alle precedenti versioni di Brooklyn.

Aggiungi un frammento del prezzo del prodotto

  1. Nella directoryFrammenti, clicca suAggiungi un nuovo frammento.

  2. Inserisciproduct-pricenel campo nome.

  3. Copia e incolla il seguente codice nel file.

{%if变体.unit_price_measurement%}price-container--unit-available{%endif%}" data-price-container>{%-if变体.compare_at_price>变体.price-%}{{“products.general.regular_price'|t}} {{变体.compare_at_price|money}} {{“products.general.sale_price'|t}}{%-else-%}{{“products.general.regular_price'|t}} {%-endif-%}{%if变体.compare_at_price>变体.price%}on-sale{%endif%}" itemprop="price" content="{{变体.price|divided_by:100.00}}">{{变体.price|money}}< / span > < div class = " product-single__unit”>{%-captureunit_price_separator-%} {{'general.accessibility.unit_price_separator'|t}} {%-endcapture-%}{%-captureunit_price_base_unit-%}{%-if变体.unit_price_measurement-%}{%-if变体.unit_price_measurement.reference_value!=1-%}{{-变体.unit_price_measurement.reference_value-}}{%-endif-%}{{变体.unit_price_measurement.reference_unit}}{%-endif-%}{%-endcapture-%} {{“products.general.unit_price'|t}} {{变体.unit_price|money}}{{-unit_price_separator-}}{{-unit_price_base_unit-}}
  1. Fai clic suSalvaper confermare le modifiche.

Modifica la pagina del prodotto in primo piano

  1. Nella directorySezioni, clicca sul filefeatured-product.liquid.

  2. Usa iltasto di scelta rapida Trovaper individuare il codice seguente cercandoitemprop="offers":

{%comment%}Optionally show the 'compare at' or original price of the product.{%endcomment%}{%ifcompare_at_price>price%}{%unlesscurrent_variant.available%}aria-hidden="true"{%endunless%}>{{“products.general.regular_price'|t}} {{compare_at_price|money}} {{“products.general.sale_price'|t}}{%else%}{%unlesscurrent_variant.available%}aria-hidden="true"{%endunless%}>{{“products.general.regular_price'|t}} {%endif%}{%ifcompare_at_price>price%}on-sale{%endif%}" itemprop="price" content="{{price|divided_by:100.00}}"{%unlesscurrent_variant.available%}aria-hidden="true"{%endunless%}>{{price|money}}
  1. Sostituisci il codice con il seguente frammento:
{%include'product-price',变体:current_variant%}

Dopo le modifiche, il filefeatured-product.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file featured-product.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Modifica la pagina del prodotto

  1. Nella directorySezioni, clicca sul fileproduct-template.liquid.

  2. Usa iltasto di scelta rapida Trovaper individuare il codice seguente cercandoitemprop="offers":

{%comment%}Optionally show the 'compare at' or original price of the product.{%endcomment%}{%ifcurrent_variant.compare_at_price>current_variant.price%}{%unlesscurrent_variant.available%}aria-hidden="true"{%endunless%}>{{“products.general.regular_price'|t}} {{current_variant.compare_at_price|money}} {{“products.general.sale_price'|t}}{%else%}{%unlesscurrent_variant.available%}aria-hidden="true"{%endunless%}>{{“products.general.regular_price'|t}} {%endif%}{%ifcurrent_variant.compare_at_price>current_variant.price%}on-sale{%endif%}" itemprop="price" content="{{current_variant.price|divided_by:100.00}}"{%unlesscurrent_variant.available%}aria-hidden="true"{%endunless%}>{{current_variant.price|money}}
  1. Sostituisci il codice con il seguente frammento:
{%include'product-price',变体:current_variant%}

Dopo le modifiche, il fileproduct-template.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file product-template.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Modifica il carrello Ajax

  1. Nella directoryFrammenti, clicca sul fileajax-cart-template.liquid.

  2. Usa iltasto di scelta rapida Trovaper individuare il codice seguente cercando{{{price}}}:

{{#ifdiscountsApplied}}{%endraw%}{{“products.general.regular_price'|t}}{%raw%} {{{price}}} {%endraw%}{{“products.general.sale_price'|t}}{%raw%} {{{discountedPrice}}} {{else}} {{{price}}} {{/if}}
  1. Aggiungi il seguente codice sotto{{/if}}del passaggio 2:
{{#ifunitPrice}}{%endraw%}{{“products.general.unit_price'|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}}

Dopo le modifiche, il fileajax-cart-template.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file ajax-cart-template.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Modifica l'articolo della griglia del prodotto

  1. Nella directoryFrammenti, clicca sul fileproduct-grid-template.liquid.

  2. Usa iltasto di scelta rapida Trovaper individuare il codice seguente cercandocapture img_id_class:

{%captureimg_id_class%}ProductImage-{{product.featured_image.id}}{%endcapture%}{%captureimg_wrapper_id%}ProductImageWrapper-{{product.featured_image.id}}{%endcapture%}{%-assignimg_url=product.featured_image|img_url:'1x1'|replace:'_1x1.','_{width}x.'-%}
  1. Aggiungi il seguente frammento prima del codice del passaggio 2:
{%-assign变体=product.年代elected_or_first_available_variant-%}

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file product-grid-template.liquid

  1. Usa iltasto di scelta rapida Trovaper individuare il codice seguente cercando{{ product.price | money_without_trailing_zeros }}:
{%ifon_sale%}{{“products.general.sale_price'|t}}{%else%}{{“products.general.regular_price'|t}}{%endif%}{%ifproduct.price_varies%}{{product.price_min|money_without_trailing_zeros}}  + {%else%}{{product.price|money_without_trailing_zeros}}{%endif%}
  1. Aggiungi il seguente codice sotto:
{%-ifproduct.price_varies==falseand变体.unit_price_measurement-%}{%-captureunit_price_separator-%} {{'general.accessibility.unit_price_separator'|t}} {%-endcapture-%}{%-captureunit_price_base_unit-%}{%-if变体.unit_price_measurement.reference_value!=1-%}{{-变体.unit_price_measurement.reference_value-}}{%-endif-%}{{变体.unit_price_measurement.reference_unit}}{%-endcapture-%} {{“products.general.unit_price'|t}} {{变体.unit_price|money}}{{-unit_price_separator-}}{{-unit_price_base_unit-}}{%-endif-%}

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file product-grid-template.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Modifica la pagina del carrello

  1. Nella directoryModelli, clicca sul filecart.liquid.

  2. Usa iltasto di scelta rapida Trovaper individuare il codice seguente cercando:

{%-ifitem.original_line_price!=item.final_line_price-%}{{“products.general.regular_price'|t}} {{item.original_line_price|money}} {{“products.general.sale_price'|t}} {{item.final_line_price|money}}{%-else-%}{{item.original_line_price|money}}{%-endif-%}
  1. Aggiungi il seguente frammento sotto il codice del passaggio 2:
{%-ifitem.unit_price_measurement-%}{{“products.general.unit_price'|t}} {%-captureunit_price_separator-%} {{'general.accessibility.unit_price_separator'|t}} {%-endcapture-%}{%-captureunit_price_base_unit-%}{%-ifitem.unit_price_measurement.reference_value!=1-%}{{-item.unit_price_measurement.reference_value-}}{%-endif-%}{{item.unit_price_measurement.reference_unit}}{%-endcapture-%}{{item.unit_price|money}}{{-unit_price_separator-}}{{-unit_price_base_unit-}}{%-endif-%}

Dopo le modifiche, il filecart.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file cart.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Modifica la pagina dell'ordine

  1. Nella directoryModelli, clicca sul filecustomers/order.liquid.

  2. Usa iltasto di scelta rapida Trovaper individuare il codice seguente cercando{{ line_item.original_price | money }}:

{{'customer.order.price'|t}}">{%-ifline_item.original_price!=line_item.final_price-%}{{“products.general.regular_price'|t}} {{line_item.original_price|money}} {{“products.general.sale_price'|t}} {{line_item.final_price|money}}{%-else-%}{{line_item.original_price|money}}{%-endif-%}
  1. Aggiungi il seguente frammento prima didel passaggio 2:
{%-ifline_item.unit_price_measurement-%}{{“products.general.unit_price'|t}} {%-captureunit_price_separator-%} {{'general.accessibility.unit_price_separator'|t}} {%-endcapture-%}{%-captureunit_price_base_unit-%}{%-ifline_item.unit_price_measurement.reference_value!=1-%}{{-line_item.unit_price_measurement.reference_value-}}{%-endif-%}{{line_item.unit_price_measurement.reference_unit}}{%-endcapture-%}{{line_item.unit_price|money}}{{-unit_price_separator-}}{{-unit_price_base_unit-}}{%-endif-%}

Dopo le modifiche, il filecustomers/order.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file customers/order.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Modifica gli stili del tema - Parte 1

  1. Nella directoryRisorse, clicca sul filetheme.scss.liquid.

  2. Usa iltasto di scelta rapida Trovaper individuare il codice seguente cercando.ajaxcart__price {:

.ajaxcart__price{font-size:em(13px);display:block;}
  1. Aggiungi il seguente frammento sotto il codice del passaggio 2:
.cart__unit-price{display:block;}

Dopo le modifiche, il filetheme.scss.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file theme.scss.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Modifica gli stili del tema - Parte 2

  1. Nella directoryRisorse, clicca sul filetimber.scss.liquid.

  2. Usa iltasto di scelta rapida Trovaper individuare il codice seguente cercando.product-single__policies {:

.product-single__policies{margin:15px025px0;}
  1. Aggiungi il seguente frammento al codice del passaggio 2:
.product-single__unit{display:none;.price-container--unit-available&{display:block;}}

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file timber.scss.liquid

  1. Vai alla fine del file e aggiungi il seguente codice:
.product-unit-price{color:$colorTextBody;display:block;}

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file timber.scss.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Modifica il codice del tema JavaScript

  1. Nella directoryRisorse, clicca sul filetheme.js.liquid.

  2. Usa iltasto di scelta rapida Trovaper individuare il codice seguente:

varprodImg;
  1. Aggiungi il seguente frammento sotto il codice del passaggio 2:
varunitPrice=null;

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file theme.js.liquid

  1. Usa iltasto di scelta rapida Trovaper individuare il codice seguente:
// Create item's data object and add to 'items' array
  1. Aggiungi il seguente frammento al codice del passaggio 4:
if(cartItem.unit_price_measurement){unitPrice={addRefererenceValue:cartItem.unit_price_measurement.reference_value!==1,price:theme.Currency.formatMoney(cartItem.unit_price,年代ettings.moneyFormat),reference_value:cartItem.unit_price_measurement.reference_value,reference_unit:cartItem.unit_price_measurement.reference_unit};}

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file theme.js.liquid

  1. Usa iltasto di scelta rapida Trovaper individuare il codice seguente:
vendor:cartItem.vendor
  1. Aggiungi il seguente frammento al codice del passaggio 6:
unitPrice:unitPrice,

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file theme.js.liquid

  1. Usa iltasto di scelta rapida Trovaper individuare il codice seguente:
productPrice:'#ProductPrice',
  1. Aggiungi il seguente frammento sotto il codice del passaggio 8:
unitPrice:'[data-unit-price]',unitPriceBaseUnit:'[data-unit-price-base-unit]',

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file theme.js.liquid

  1. Usa iltasto di scelta rapida Trovaper individuare il codice seguente cercando$(this.selectors.priceContainer, this.$container).removeClass(:
$(this.年代electors.priceContainer,this.$container).removeClass('visibility-hidden');
  1. Sostituisci il codice con il seguente frammento:
$(this.年代electors.priceContainer,this.$container).removeClass('visibility-hidden price-container--unit-available');

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file theme.js.liquid

  1. Usa iltasto di scelta rapida Trovaper individuare il codice seguente:
$(this.年代electors.SKU).html(变体.年代ku);
  1. Aggiungi il seguente frammento al codice del passaggio 12:
if(变体.unit_price_measurement){var$unitPrice=$(this.年代electors.unitPrice,this.$container);var$unitPriceBaseUnit=$(this.年代electors.unitPriceBaseUnit,this.$container);$unitPrice.html(theme.Currency.formatMoney(变体.unit_price,moneyFormat));$unitPriceBaseUnit.html(this.getBaseUnit(变体));$(this.年代electors.priceContainer,this.$container).addClass('price-container--unit-available');}

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file theme.js.liquid

  1. Usa iltasto di scelta rapida Trovaper individuare il codice seguente cercandothis.destroyImageCarousel();:
onUnload:function(){this.$container.off(this.年代ettings.名称空间);this.destroyImageCarousel();}
  1. Aggiungi il seguente frammento al codice del passaggio 14:
getBaseUnit:function(变体){return变体.unit_price_measurement.reference_value===1?变体.unit_price_measurement.reference_unit:变体.unit_price_measurement.reference_value+变体.unit_price_measurement.reference_unit;},

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file theme.js.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Modifica le tue traduzioni in inglese

  1. Nella directoryImpostazioni locali, clicca sul fileen.default.json.

  2. Usa iltasto di scelta rapida Trovaper individuare il codice seguente:

"refresh_page":"choosing a selection results in a full page refresh"
  1. Aggiungi il seguente frammento al codice del passaggio 2:
"unit_price_separator":"per",

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file en.default.json

  1. Usa iltasto di scelta rapida Trovaper individuare il codice seguente:
"include_taxes":"Tax included.",
  1. Aggiungi il seguente frammento al codice del passaggio 4:
"unit_price":"Unit price",

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file en.default.json

  1. Fai clic suSalvaper confermare le modifiche.

(Facoltativo) Aggiungi traduzioni per altre lingue

  1. Vai alla paginaTeminel pannello di controllo Shopify.

  2. Clicca suAzione > Modifica lingue

  3. Clicca suCambia lingua del tema, quindi seleziona la lingua che desideri modificare. È possibile solo per il tema pubblicato.

  4. InserisciUnit Pricenel campo di ricerca.

  5. Aggiorna il campoSeparatore prezzo unitario年代ottoGenerali / Accessibilità.

  6. Aggiorna il campoEtichetta prezzo unitario年代ottoProdotti / Generali.

  7. Clicca suSalva.

Passaggi per Minimal

I prezzi unitari sono disponibili nel tema Minimal per le versioni 11.2.0 e successive. Se non riesci ad aggiornare il tuo tema alla versione più recente, puoi aggiungere la personalizzazione del prezzo unitario alle precedenti versioni di Minimal.

Aggiorna i frammenti

  1. Individua ed espandi la cartellaFrammenti.

  2. SelezionaAggiungi un nuovo frammento.

  3. Inserisci il nomeproduct-unit-price.

  4. Copia e incolla il seguente codice inproduct-unit-price.liquid.

{%-unlessavailable-%}{%-if变体.title-%}{%-assignavailable=变体.available-%}{%-else-%}{%-assignavailable=true-%}{%-endif-%}{%-endunless-%}{%unlessavailableand变体.unit_price_measurement%}hide{%endunless%}{%ifwrapper_class!=blank%}{{wrapper_class}}{%endif%}" data-unit-price-container>{%-captureunit_price_separator-%}{{'general.accessibility.unit_price_separator'|t}}{%-endcapture-%}{%-captureunit_price_base_unit-%}{%-ifavailableand变体.unit_price_measurement-%}{%-if变体.unit_price_measurement.reference_value!=1-%}{{-变体.unit_price_measurement.reference_value-}}{%-endif-%}{{变体.unit_price_measurement.reference_unit}}{%-endif-%}{%-endcapture-%}{{'products.product.unit_price_label'|t}} {{变体.unit_price|money}}{{-unit_price_separator-}}{{-unit_price_base_unit-}}
  1. Clicca suSalva.

  2. Trova e modifica il fileproduct-grid-item.liquid.

  3. Sostituisci questa riga:

{%captureprice%}{{featured.price|money}}{%endcapture%}

Con questa riga:

{%-assignprice=featured.price|money-%}
  1. Usa iltasto di scelta rapida Trovaper individuare{{ price }}e aggiungi il codice riportato qui sotto:
{%-assign变体=featured.年代elected_or_first_available_variant-%}{%-if变体.availableand变体.unit_price_measurement-%}{%include'product-unit-price',变体:变体,wrapper_class:'grid-link__unit-price'%}{%-endif-%}

Dopo le modifiche, il fileproduct-grid-item.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file product-grid-item.liquid

  1. Fai clic suSalvaper confermare le modifiche.

  2. Individua e modifica il file年代earch-result.liquid

  3. Usa iltasto scelta rapida Trovaper individuare{% if item.object_type == 'product' %}e aggiungi il codice seguente alla riga riportata qui sotto:

{%-assign变体=item.年代elected_or_first_available_variant-%}
  1. A questo punto, usa iltasto di scelta rapida Trovaper individuare i due frammenti di codice seguenti:
{{item.compare_at_price_max|money}}

E

{{'products.product.regular_price'|t}} {{item.price|money}}
  1. Aggiungi il seguente blocco di codice sottociascunodei due frammenti di codice elencati nel passaggio precedente:
{%-if变体.availableand变体.unit_price_measurement-%}{%include'product-unit-price',变体:变体%}{%-endif-%}

Dopo le modifiche, il file年代earch-result.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file search-result.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Aggiorna gli stili

  1. Individua ed espandi la cartellaRisorse.

  2. Modifica il filetheme.scss.liquid.

  3. Usa iltasto di scelta rapida Trovaper individuare questo blocco di codice:

.grid-link__title,.grid-link__meta{position:relative;margin-bottom:5px;
  1. Inserisci il seguente blocco di codice sotto il frammento di codice che hai individuato nel passaggio precedente:
font-family:$headerFontStack;
  1. Usa iltasto di scelta rapida Trovaper individuare il frammento di codice seguente:
.grid-link__sale_price{opacity:0.95;filter:alpha(opacity=95);}
  1. Inserisci il seguente blocco di codice sotto il frammento di codice che hai individuato nel passaggio precedente:
.grid-link__unit-price{font-size:1em;}
  1. Usa iltasto di scelta rapida Trovaper individuare il frammento di codice seguente:
.order-discount--list{margin:0.8em00.6em1.3em;list-style:none;padding:0;}
  1. Inserisci il seguente blocco di codice sotto il frammento di codice che hai individuato nel passaggio precedente:
.order-discount--price{margin-bottom:0;}
  1. Usa iltasto di scelta rapida Trovaper individuare il frammento di codice seguente:
.cart__product-title{display:inline-block;
  1. Inserisci il seguente blocco di codice sotto il frammento di codice che hai individuato nel passaggio precedente:
font-weight:$bodyFontWeightBold;

Dopo le modifiche, il filetheme.scss.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file theme.scss.liquid - parte 1
La versione aggiornata del file theme.scss.liquid - parte 2
La versione aggiornata del file theme.scss.liquid - parte 3

  1. Fai clic suSalvaper confermare le modifiche.

  2. Individua e modifica il filetimber.scss.liquid.

  3. Usa iltasto di scelta rapida Trovaper individuare questo codice:

.quantity-selector{display:inline-block;}}
  1. Inserisci il seguente blocco di codice sotto il frammento di codice che hai individuato nel passaggio precedente:
.product-single__title{font-weight:$bodyFontWeightBold;}
  1. Inserisci questo codice alla fine del file:
.product-unit-price{color:rgba($colorTextBody,0.6);display:block;font-family:$headerFontStack;font-size:em(12px);}

Dopo le modifiche, il filetimber.scss.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file timber.scss.liquid - parte 1
La versione aggiornata del file timber.scss.liquid - parte 2

  1. Fai clic suSalvaper confermare le modifiche.

Aggiorna i modelli

  1. Individua ed espandi la cartellaModelli.

  2. Individua e modifica il filecustomers/order.liquid.

  3. Usa iltasto di scelta rapida Trovaper individuare il codice:

{%-else-%}{{line_item.original_price|money}}{%-endif-%}
  1. Aggiungi questo codice sotto il codice del passaggio 3:
{%-ifline_item.unit_price_measurement-%}{%include'product-unit-price',变体:line_item,available:true%}{%-endif-%}

Dopo le modifiche, il filecustomers/order.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file order.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Aggiorna JavaScript

  1. Individua e modificatheme.jsinRisorse.

  2. Usa iltasto di scelta rapida Trovaper individuare la riga che contiene.shopify-payment-buttone sostituiscila con:

$shopifyPaymentButton:$('.shopify-payment-button',this.$container),$unitPrice:$('[data-unit-price]',this.$container),$unitPriceBaseUnit:$('[data-unit-price-base-unit]',this.$container),$unitPriceContainer:$('[data-unit-price-container]',this.$container)

Il blocco di codice dovrebbe essere simile a questo:

La versione aggiornata del file theme.js

  1. Cerca questo codice:
else{this.年代electors.$comparePrice.addClass('hide').html('');this.年代electors.$comparePriceA11y.attr('aria-hidden','true');}
  1. Aggiungi sotto questo codice:
// Unit pricethis.年代electors.$unitPriceContainer.addClass('hide');if(变体.unit_price){this.年代electors.$unitPrice.html(Shopify.formatMoney(变体.unit_price,theme.moneyFormat));this.年代electors.$unitPriceBaseUnit.html(this.getBaseUnit(变体));this.年代electors.$unitPriceContainer.removeClass('hide');}

Il risultato dovrebbe essere simile a questo:

La versione aggiornata del file theme.js

  1. Usa iltasto di scelta rapida Trovaper individuare questo codice:
.attr('data-zoom')});});
  1. Inserisci il seguente blocco di codice sotto il frammento di codice che hai individuato nel passaggio precedente:
},getBaseUnit:function(变体){return变体.unit_price_measurement.reference_value===1?变体.unit_price_measurement.reference_unit:变体.unit_price_measurement.reference_value+变体.unit_price_measurement.reference_unit;

Il risultato dovrebbe essere simile a questo:

La versione aggiornata del file theme.js

  1. Fai clic suSalvaper confermare le modifiche.

Aggiorna il modello del carrello

  1. Individua ed espandi la cartellaSezioni.

  2. Modifica il filecart-template.liquid.

  3. Usa iltasto di scelta rapida Trovaper individuare il codice{{ item.final_price | money }}.

  4. Sostituisci la riga con questo codice:

{{item.final_price|money}}
  1. Trova la prima occorrenza del codice{%- if item.line_level_discount_allocations != blank -%}:
{%-ifitem.line_level_discount_allocations!=blank-%}
    {{'customer.order.discount'|t}}">{%-fordiscount_allocationinitem.line_level_discount_allocations-%}
  • {{discount_allocation.discount_application.title}}(-{{discount_allocation.amount|money}})
  • {%-endfor-%}
{%-endif-%}
  1. Aggiungi questo blocco di codice sul codice del passaggio 5:
{%-ifitem.变体.availableanditem.变体.unit_price_measurement-%}{%include'product-unit-price',变体:item,available:item.variant.available%}{%-endif-%}

Dopo le modifiche, il filecart-template.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file cart-template.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Aggiorna il prodotto in primo piano

  1. Individua ed espandi la cartellaSezioni.

  2. Modifica il filefeatured-product.liquid.

  3. Usa iltasto di scelta rapida Trovaper individuare la riga conitemprop="name"e sostituiscila con:

{{title}}

  1. Individua il codice che contieneid="PriceA11y":
{%ifcompare_at_price>price%}{{'products.product.regular_price'|t}}< / span > < s id =“ComparePrice”类= "刺激uct-single__sale-price"> { compare_at_price | money }} {%endif%}
  1. Inserisci il seguente blocco di codice sotto il frammento di codice che hai individuato nel passaggio precedente:
{%include'product-unit-price',变体:变体,available:true%}

Dopo le modifiche, il filefeatured-product.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file featured-product.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Aggiorna il modello del prodotto

  1. Individua ed espandi la cartellaSezioni.

  2. Modifica il fileproduct-template.liquid.

  3. Usa iltasto di scelta rapida Trovaper individuare la riga conitemprop="name"e sostituiscila con:

{{product.title}}

  1. Usa iltasto di scelta rapida Trovaper individuare il codice:
{%else%}
  1. Aggiungi la riga qui sotto:
{%include'product-unit-price',变体:变体,available:true%}

Dopo le modifiche, il fileproduct-template.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file product-template.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Aggiorna le impostazioni locali

  1. Individua ed espandi la cartellaImpostazioni locali.

  2. Apri e modifica il fileen.default.json.

  3. Usa iltasto di scelta rapida Trovaper individuare la riga che contienerefresh_pagee sostituiscila con:

"refresh_page":"choosing a selection results in a full page refresh","unit_price_separator":"per"

Il risultato dovrebbe essere simile a questo:

La versione aggiornata del file en.default.json

  1. Individua la riga che contienefull_detailse sostituiscila con:
"full_details":"Full details","unit_price_label":"Unit price"

Il risultato dovrebbe essere simile a questo:

La versione aggiornata del file en.default.json

  1. Fai clic suSalvaper confermare le modifiche.

(Facoltativo) Aggiungi traduzioni per altre lingue

  1. Vai alla paginaTeminel pannello di controllo Shopify.

  2. Clicca suAzione > Modifica lingue.

  3. Clicca suCambia lingua del tema, quindi seleziona la lingua che desideri modificare. È possibile solo per il tema pubblicato.

  4. InserisciUnit Pricenel campo di ricerca.

  5. Aggiorna il campoSeparatore prezzo unitario年代ottoGenerali / Accessibilità.

  6. Aggiorna il campoEtichetta prezzo unitario年代ottoProdotti / Prodotto.

  7. Clicca suSalva.

Passaggi per Venture

I prezzi unitari sono stati aggiunti al tema Venture per le versioni 9.4.0 e successive. Se non sei in grado di aggiornare il tuo tema alla versione più recente, segui questi passaggi per applicare la personalizzazione del prezzo unitario alle precedenti versioni di Venture.

Modifica il file della lingua del tema

  1. Nella directoryImpostazioni localiclicca suen.default.json.

  2. Usa iltasto di scelta rapida Trovaper individuare la riga contenenterefresh_page:

"refresh_page":"choosing a selection results in a full page refresh"
  1. Aggiungi il seguente codice sulla riga al passaggio 2:
"unit_price_separator":"per",

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file en.default.json

  1. Usa iltasto di scelta rapida Trovaper individuare la riga contenente年代tock_unavailable:
"stock_unavailable":"The item could not be added to your cart because there are not enough in stock."
  1. Aggiungi il seguente codice sulla riga al passaggio 4:
"unit_price_label":"Unit price",

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file en.default.json

  1. Fai clic suSalvaper confermare le modifiche.

Modifica il foglio di stile del tema

  1. Nella directoryRisorse, clicca sutheme.scss.liquid.

  2. Usa iltasto di scelta rapida Trovaper individuare la riga.product-single__policies {:

.product-single__policies{font-size:em($font-size-base-1);}
  1. Aggiungi il seguente codice sotto il tag di chiusura}del blocco di codice al passaggio 2:
.product-unit-price{font-size:em(12);color:$color-body-text;}.product-card__unit-price{display:block;}

Dopo le modifiche, il filetheme.scss.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file theme.scss.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Aggiungi un frammento del prezzo unitario del prodotto

  1. Nella directoryFrammenti, clicca suAggiungi un nuovo frammento.

  2. Inserisci il nomeproduct-unit-price.

  3. Aggiungi il seguente codice nelproduct-unit-price.liquid:

{%ifwrapper_class!=blank%}{{wrapper_class}}{%endif%}{%unlessproduct_variant.unit_price_measurement%}hide{%endunless%}" data-unit-price-container>{%-captureunit_price_separator-%}{{'general.accessibility.unit_price_separator'|t}}{%-endcapture-%}{%-captureunit_price_base_unit-%}{%-ifproduct_variant.unit_price_measurement.reference_value!=1-%}{{-product_variant.unit_price_measurement.reference_value-}}{%-endif-%}{{product_variant.unit_price_measurement.reference_unit}}{%-endcapture-%}{{'products.product.unit_price_label'|t}} {{product_variant.unit_price|money}}{{-unit_price_separator-}}{{-unit_price_base_unit-}}
  1. Fai clic suSalvaper confermare le modifiche.

Modifica il frammento della scheda prodotto

  1. Nella directoryFrammenti, clicca suproduct-card.liquid.

  2. Usa iltasto di scelta rapida Trovaper individuare la riga.

  3. Aggiungi il seguente codice sulla riga al passaggio 2:

{%-assigncurrent_variant=product.年代elected_or_first_available_variant-%}

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata product-card.liqui del文件d

  1. Usa iltasto di scelta rapida Trovaper individuare la riga
    :
{%ifproduct.compare_at_price>product.price%}{%comment%}Product is on sale{%endcomment%}{%ifproduct.price_varies%}{%assign年代ale_price=product.price|money_without_trailing_zeros%}{{'products.product.on_sale_from_html'|t:price:年代ale_price}}{%else%}{{'products.product.regular_price'|t}} {{product.compare_at_price|money_without_trailing_zeros}} {{'products.product.sale_price'|t}}{{product.price|money_without_trailing_zeros}}{%endif%}{%else%}{%comment%}不出售,但仍可能有不同的价格{%endcomment%}{%ifproduct.price_varies%}{%assignprice=product.price|money_without_trailing_zeros%}{{'products.product.from_text_html'|t:price:price}}{%else%}{{'products.product.regular_price'|t}}{{product.price|money_without_trailing_zeros}}{%endif%}{%endif%}
  1. Aggiungi il seguente codice sopra il tag di chiusura
al passaggio 5:
{%-unlessproduct.price_varies-%}{%-ifcurrent_variant.unit_price_measurement-%}{%include'product-unit-price',product_variant:current_variant,wrapper_class:"product-card__unit-price"%}{%-endif-%}{%-endunless-%}

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata product-card.liqui del文件d

  1. Fai clic suSalvaper confermare le modifiche.

Modifica il modello della pagina del carrello

  1. Nella directorySezioni, clicca sucart-template.liquid.

  2. Utilizza iltasto di scelta rapida Trovaper individuare la prima istanza di:

{%-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. Aggiungi il seguente codice sotto il tagendifal passaggio 2:
{%-ifitem.unit_price_measurement-%}{%include'product-unit-price',product_variant:item%}{%-endif-%}

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file cart-template.liquid

  1. Utilizza iltasto di scelta rapida Trovaper individuare la seconda istanza di:
{{#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. Aggiungi il seguente codice sotto il secondo tag di chiusura{{/if}}al passaggio 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}}

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file cart-template.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Modifica il modello della pagina del prodotto in primo piano

  1. Nella directorySezioni, clicca sufeatured-product.liquid.

  2. Usa iltasto di scelta rapida Trovaper individuare la riga{% assign current_variant = product.selected_or_first_available_variant %}.

  3. Inserisci il seguente codice sotto la riga al passaggio 2:

{%assign变体年代_with_unit_price=product.变体年代|where:"unit_price_measurement"%}

Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

La versione aggiornata del file featured-product.liquid

  1. Usa iltasto di scelta rapida Trovaper individuare la riga contenente
      • {{年代ection.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%}{{年代ection.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%}
      • {{'products.product.regular_price'|t}} {{年代ection.id}}" class="product-single__price product-single__price--compare">{{current_variant.compare_at_price|money}}
      • {%endif%}{%if年代ection.年代ettings.年代tock_enable%}
      1. Sotto questo tagul, trova il codice{% if section.settings.stock_enable %}.

      2. Aggiungi il seguente codice sopra il bloccoifal passaggio 6:

      {%-if变体年代_with_unit_price.年代ize>0-%}
    • {%include'product-unit-price',product_variant:current_variant%}
    • {%-endif-%}

      Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

      Versione aggiornata del file featured-product.liquid

      1. Fai clic suSalvaper confermare le modifiche.

      Modifica il modello della pagina del prodotto

      1. Nella directorySezioni, clicca suproduct-template.liquid.

      2. Usa iltasto di scelta rapida Trovaper individuare la riga{% assign current_variant = product.selected_or_first_available_variant %}.

      3. Inserisci il seguente codice sotto la riga al passaggio 2:

      {%assign变体年代_with_unit_price=product.变体年代|where:"unit_price_measurement"%}

      Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

      Versione aggiornata del file product-template.liquid

      1. Usa iltasto di scelta rapida Trovaper individuare la riga contenente
            {%if年代hop.taxes_includedor年代hop.年代hipping_policy.body!=blank%}product-single__price-container{%endif%}">
          • {{年代ection.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%}{{年代ection.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%}
          • {{'products.product.regular_price'|t}} {{年代ection.id}}" class="product-single__price product-single__price--compare">{{current_variant.compare_at_price|money}}
          • {%endif%}{%if年代ection.年代ettings.年代tock_enable%}
          1. Sotto questo tagul, trova il codice{% if section.settings.stock_enable %}.

          2. Aggiungi il seguente codice sopra il bloccoifal passaggio 5:

          {%-if变体年代_with_unit_price.年代ize>0-%}
        • {%include'product-unit-price',product_variant:current_variant%}
        • {%-endif-%}

          Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

          Versione aggiornata del file product-template.liquid

          1. Fai clic suSalvaper confermare le modifiche.

          Modifica il modello di ordine dei clienti

          1. Nella directoryModelli, clicca sucustomers/order.liquid.

          2. Usa iltasto di scelta rapida Trovaper individuare la riga:

          {{'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. Sostituisci il codice del passaggio 2 con il seguente codice:
          {{'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-%}

          Dopo le modifiche, il filecustomers/order.liquiddovrebbe assomigliare a questo:

          Versione aggiornata del file customers/order.liquid

          1. Fai clic suSalvaper confermare le modifiche.

          Modifica il file JavaScript del tema

          1. Nella directoryRisorse, clicca sutheme.js.

          2. Usa iltasto di scelta rapida Trovaper individuare la riga// Create item's data object and add to 'items' array.

          3. Aggiungi il seguente codice sulla riga al passaggio 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};}

          Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

          Versione aggiornata del file theme.js

          1. Usa iltasto di scelta rapida Trovaper individuare la rigavendor: cartItem.vendor,

          2. Inserisci il seguente codice sotto la riga al passaggio 4:

          unitPrice:unitPrice,

          Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

          Versione aggiornata del file theme.js

          1. Usa iltasto di scelta rapida Trovaper individuare la riga年代hopifyPaymentButton: '.shopify-payment-button'.

          2. Sostituisci la riga del passaggio 6 con il seguente codice:

          年代hopifyPaymentButton:'.shopify-payment-button',unitPrice:'[data-unit-price]',unitPriceBaseUnit:'[data-unit-price-base-unit]',unitPriceContainer:'[data-unit-price-container]'

          Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

          Versione aggiornata del file theme.js

          1. Usa iltasto di scelta rapida Trovaper individuare la riga_updateSKU: function(evt) {.

          2. Inserisci il seguente codice sopra la riga al passaggio 8:

          _getBaseUnit:function(变体){return变体.unit_price_measurement.reference_value===1?变体.unit_price_measurement.reference_unit:变体.unit_price_measurement.reference_value+变体.unit_price_measurement.reference_unit;},

          Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

          Versione aggiornata del file theme.js

          1. Usa iltasto di scelta rapida Trovaper individuare la rigathis._updateIncomingInfo(variant);:
          }else{// Variant is sold out, disable the submit buttoncache.$addToCart.prop('disabled',true).addClass('btn--sold-out');cache.$addToCartText.html(theme.年代trings.年代oldOut);$(this.年代electors.年代hopifyPaymentButton,this.$container).hide();// Update when stock will be availablethis._updateIncomingInfo(变体);}
          1. Aggiungi il seguente codice sotto il tag di chiusura}al passaggio 10:
          $(this.年代electors.unitPriceContainer,this.$container).addClass('hide');if(变体.unit_price_measurement){var$unitPrice=$(this.年代electors.unitPrice,this.$container);var$unitPriceBaseUnit=$(this.年代electors.unitPriceBaseUnit,this.$container);$unitPrice.html(theme.Currency.formatMoney(变体.unit_price,theme.moneyFormat));$unitPriceBaseUnit.html(this._getBaseUnit(变体));$(this.年代electors.unitPriceContainer,this.$container).removeClass('hide');}

          Dopo le modifiche, il risultato dovrebbe assomigliare a questo:

          Versione aggiornata del file theme.js

          1. Fai clic suSalvaper confermare le modifiche.

          (Facoltativo) Aggiungi traduzioni per altre lingue

          1. Vai alla paginaTeminel pannello di controllo Shopify.

          2. Clicca suAzione > Modifica lingue.

          3. Clicca suCambia lingua del tema, quindi seleziona la lingua che desideri modificare. È possibile solo per il tema pubblicato.

          4. InserisciUnit Pricenel campo di ricerca.

          5. Aggiorna il campoSeparatore prezzo unitario年代ottoGenerali / Accessibilità.

          6. Aggiorna il campoEtichetta prezzo unitario年代ottoProdotti / Prodotto.

          7. Clicca suSalva.

Passaggi per Supply

I prezzi unitari sono stati aggiunti al tema Supply per le versioni 8.3.0 e successive. Se non riesci ad aggiornare il tuo tema alla versione più recente, segui questi passaggi per applicare la personalizzazione del prezzo unitario alle precedenti versioni di Supply.

Aggiungi un frammento del prezzo unitario del prodotto

  1. Individua ed espandi la cartellaFrammenti.

  2. SelezionaAggiungi un nuovo frammento.

  3. Inserisci il nomeproduct-unit-price.

  4. Copia e incolla il seguente codice nel file e selezionaSalva.

{%-unlessavailable-%}{%-if变体.title-%}{%-assignavailable=变体.available-%}{%-else-%}{%-assignavailable=true-%}{%-endif-%}{%-endunless-%}
{%ifavailableand变体.unit_price_measurement%}product-price-unit--available{%endif%}" data-unit-price-container> {{'products.product.unit_price_label'|t}}{%-captureunit_price_separator-%} {{'general.accessibility.unit_price_separator'|t}} {%-endcapture-%}{%-captureunit_price_base_unit-%}{%-ifavailableand变体.unit_price_measurement-%}{%-if变体.unit_price_measurement.reference_value!=1-%}{{-变体.unit_price_measurement.reference_value-}}{%-endif-%}{{变体.unit_price_measurement.reference_unit}}{%-endif-%}{%-endcapture-%}{{变体.unit_price|money}}{{-unit_price_separator-}}{{-unit_price_base_unit-}}

Dopo le modifiche, il fileproduct-unit-price.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file product-unit-price.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Modifica il modello del产品in primo piano

  1. Individua ed espandi la cartellaSezioni, poi seleziona il filefeatured-product.liquid.

  2. Usa iltasto di scelta rapida Trovaper trovare la riga{% include 'price' with price %}nel file:

<李> < span id = " productPrice -{{年代ection.id}}" class="h1">{%include'price'withprice%} 
  1. Aggiungi il seguente codice sottodi chiusura dello frammento del passaggio 2:
{%include'product-unit-price'变体:变体%}

Dopo le modifiche, il filefeatured-product.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file featured-product.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Modifica il modello del产品

  1. Individua ed espandi la cartellaSezioni, poi seleziona il fileproduct-template.liquid.

  2. Usa iltasto di scelta rapida Trovaper trovare la riga{% include 'price' with variant.price %}nel file:

<李> < span id = " productPrice -{{年代ection.id}}" class="h1">{%include'price'with变体.price%} 
  1. Aggiungi il seguente codice sottodi chiusura del passaggio 2:
{%include'product-unit-price',变体:变体%}

Dopo le modifiche, il fileproduct-template.liquiddovrebbe assomigliare a questo:

La versione aggiornata del file product-template.liquid

  1. Fai clic suSalvaper confermare le modifiche.

Modifica il frammento dell'articolo della griglia prodotto

  1. Individua ed espandi la cartellaFrammentipoi seleziona il fileproduct-grid-item.liquid.

  2. Usa iltasto di scelta rapida Trovaper trovare la riga{% if on_sale and section.settings.product_show_saved_amount %}nel file:

{%ifon_saleand年代ection.年代ettings.product_show_saved_amount%}{%unless年代ection.年代ettings.年代how_compare_at_price%}medium--right{%endunless%}{%if年代ection.年代ettings.product_reviews_enable%}has-reviews{%endif%}">{%assigncompare_price=product.compare_at_price%}{%assignproduct_price=product.price%}{%include'price-sale'%}{%endif%}
  1. Sostituisci il codice con il seguente frammento:
{%-ifproduct.年代elected_or_first_available_variant.availableandproduct.年代elected_or_first_available_variant.unit_price_measurement-%}{%include'product-unit-price',变体:product.selected_or_first_available_variant%}{%-endif-%}