ディスカウントスクリプトの例

この例では、項目スクリプトを使用して、お客様の国に基づいてディスカウントを提供します。また、ディスカウントについてお客様に情報を提供するためのLiquidコードの例も含まれています。

この例では、以下のルールがある架空のVAT税を使用しています。

  • 加盟国に居住するお客様には、販売されたすべての商品にVAT税が課されます。
  • 商品を購入して非加盟国に輸出したお客様は、VAT税を支払う必要はありません (つまり、これらのお客様への税率は0です)。
  • ストア内の商品にはVAT税が含まれています (つまり、「商品は税込価格で表示されます」の設定はストアの税の設定で有効化されています)。

ストアフロントでは、すべてのお客様に商品の価格にVATが含まれていることが表示されます。アイテムがカートに追加されると、価格に含まれるVATが表示されます。

税が適用されたカート

チェックアウト時に、スクリプトにより配送先の国を確認します。その国が非加盟国の場合、合計金額からVATが減額されます。

税を削除したカート

以下の例では、お客様の国を確認できます。VATが適用されない国に住んでいるお客様の場合、注文総額はVATの分だけ減額されます。

# Set VAT equal to the amount of the VAT rate.
# For example, if the VAT rate is 20%, then VAT=20
VAT = 20

# Message that appears beside the discount in the checkout
VAT_REMOVAL_MESSAGE = "VAT removed"

# List of countries where the VAT is charged to orders
COUNTRY_CODES_EU = %w[
AT BE BG CY CZ DK EE FI FR DE GR HU IE IT
LV LT LU MT NL PL PT RO SK SI ES SE GB
]

if Input.cart.shipping_address
  unless COUNTRY_CODES_EU.include?(Input.cart.shipping_address.country_code)
    Input.cart.line_items.each do |line_item|
      product = line_item.variant.product
      next if product.gift_card?
      vat_only_fraction = VAT / (100.0 + VAT)
      vat = line_item.line_price * vat_only_fraction
      ex_vat_price = line_item.line_price - vat
      line_item.change_line_price(ex_vat_price, message: VAT_REMOVAL_MESSAGE)
    end
  end
end

Output.cart = Input.cart

以下のLiquidコードでは、上記のスクリプトを使ってカートの変化を説明しています。

このコードをcheckout.liquidに追加します。

<style>
  .checkout__vat-exemption-message {
    padding: 1.25em 0;
    display: none;
  }
  @media (min-width: 1000px) {
    .checkout__vat-exemption-message {
      padding-top: 0;
      padding-bottom: 2.5em;
    }
  }
</style>

<div class="checkout__vat-exemption-message">
  <span>{{ 'plus.checkout.vat_exemption_message' | t }}</span>
</div>

<script>
  $(document).on('ready page:load page:change', function() {
    var country = '';

    if(Shopify.Checkout.step === 'contact_information') {
      $country = $('[data-step] select[name="checkout[shipping_address][country]"]');
      country = $country.find(':selected').data('code');
    } else {
      country = "{{ checkout.shipping_address.country_code }}";
    }

    var eu_countries = ['AT','BE','BG','CY','CZ','DK','EE','FI','FR','DE','GR','HU','IE','IT','LV','LT','LU','MT','NL','PL','PT','RO','SK','SI','ES','SE','GB'];

    if (eu_countries.includes(country)) {
      $('.checkout__vat-exemption-message').css('display', 'none');
    } else {
      $('.checkout__vat-exemption-message').css('display', 'block');
    }
  });

</script>

英語ロケールファイルに以下のコードを追加します。

"plus":{
    "checkout": {
      "vat_exemption_message": "As we're shipping outside the EU the VAT has been removed from items in your cart."
    }
  }

さらに詳しく

さらに詳しく:

Shopifyで販売を開始する準備はできていますか?

無料体験を試す