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

メモ

2023年2月、私たちは `checkout.liquid` のサポートが廃止され、より安全でアップグレードしやすく、アプリを使用してカスタマイズできるチェックアウトとアカウントの新しい基盤に移行することを発表しました。

必須のアップグレードスケジュール

2025年8月28日：サンキューページと注文状況ページ (スクリプトタグや追加スクリプトを使用するアプリを含む) をアップグレードする期限日です。この日までにアップグレードしない場合、サンキューページと注文状況ページはいくつかの制限による影響を受けます。
2026年1月：自動アップグレードが開始され、サンキューページと注文状況ページにおける追加スクリプト、スクリプトタグを使用したアプリ、または `checkout.liquid` を使用したすべてのカスタマイズが失われます。

この例では、項目スクリプトを使用してお客様の国に基づいたディスカウントを提供します。この例には、お客様にディスカウントに関する情報を提供するための Liquid コードの例も含まれています。この例では、ストアの `checkout.liquid` ファイルにアクセスできる必要があります。お使いのテーマコードでこのファイルにアクセスできない場合は、チェックアウト用の Shopify Extensionsと Shopify Functions を使用してチェックアウトをカスタマイズしてください。

この例では、以下のルールを持つ架空の付加価値税 (VAT) を使用します。

連合国に居住するお客様には、販売されるすべての商品に対して付加価値税 (VAT) が課されます。
商品を購入し、非連合国に輸出するお客様は、付加価値税 (VAT) を支払う必要はありません (つまり、これらのお客様への販売はゼロ税率になります)。
ストアの税設定で [すべての税を価格に含める] 設定が有効になっているため、ストアの商品価格には付加価値税 (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."
    }
  }

このページの内容

詳しくはこちら

詳しくはこちら

以下の詳細情報：