その他商品ページのカスタマイズ

以下の項目を商品ページに表示することができます。

  • 在庫切れボタンを非表示にする

  • 再入荷通知を受け取るボタンを表示する

  • 特定の顧客にのみおすすめ表示する

  • 特定の商品のカート追加ボタンを非表示にする

  • 商品の割引前価格を非表示にする

本ガイドでは、その設定方法をご案内いたします。

在庫切れの場合、デフォルトで在庫切れボタンが表示される使用です。

設定することで、その商品が在庫切れだった場合にも在庫切れ表記を非表示に設定可能です。在庫が0の状態で販売スケジュール抽選販売を行う際にご利用ください。

在庫切れの場合は以下のUIが表示されません。

  • サイズ・カラー選択フォーム

  • 商品価格

  • カートへ追加するボタン

イメージ画像

Shopify管理画面>商品管理>在庫切れ表示を非表示にしたい商品>タグに「Appify:DisableSoldOutUI」を商品タグに設定します。

カートに追加するボタンの在庫切れ表記について

カートに追加するボタンは「Appify:DisableSoldOutUI」タグを実装しても変化しません。販売スケジュールや抽選販売と組み合わせた際には「Coming Soon」や「応募する」ボタンが表示されます。

商品が在庫切れもしくは選択したバリエーションが在庫切れの場合に、顧客が再入荷通知の受け取り登録をできるようにします。

イメージ画像

Shopify管理画面>商品管理>再入荷通知を受け取るボタンを表示したい商品>タグに「Appify:Restock」を商品タグに設定することで、再入荷通知を受け取るボタンを表示することができます。

以下の設定でFlowを作成します。

  • トリガー:Inventory quantity changed

  • 条件:inventory QuantityProrとinventory Quantityを設定(添付画像を参考)

  • アクション:Send a restock push notifications を設定

    • ワークフローがONでないと再入荷通知はお客様へ届きませんのでご注意ください。

商品詳細に表示されるおすすめ商品を特定のタグを持つ顧客のみに表示できます。

イメージ画像

Shopify管理画面>設定>メタフィールドとメタオブジェクト>商品>定義を追加するから設定を行います。

次に、各項目に下記の内容を入力してください。

項目名

内容

名前

指定した顧客タグを持つ顧客のみ商品のおすすめに表示できます

ネームスペースとキー

appify-mobile.product_recommendation_target

説明

設定されている顧客タグを持つ顧客のみにこの商品はおすすめされます

データ型

単一行のテキスト(値のリスト)

Shopify管理画面>商品管理>特定の顧客にのみに表示したい商品をクリック>メタフィールド>商品メタフィールドから設定します。

設定した顧客タグを持つ顧客のみにおすすめ表示されます。

メタフィールドに顧客タグを何も指定しない場合、全ての顧客におすすめ表示されます。

特定の商品のカート追加ボタンを非表示にします。非売品を露出させたい時や外部抽選機能など別のサイトへ導線を作りたい時などに有効です。

Shopify管理画面>設定>メタフィールドとメタオブジェクト>商品>定義を追加するから設定を行います。

次に、各項目に下記の内容を入力してください。

項目名

内容

名前

カートに追加ボタンを隠す

ネームスペースとキー

appify-mobile.hide_cart_add_button

説明

Trueが設定されている場合、カートに追加ボタンが表示されなくなります

データ型

trueまたはfalse

Shopify管理画面>商品管理>カート追加ボタンを非表示にしたい商品をクリック>メタフィールド>商品メタフィールドから設定します。

設定した商品のみカート追加ボタンが非表示になります。

割引前価格が登録されている商品でも割引後の価格のみ表示したい時に有効です。

イメージ画像

Shopify管理画面>設定>メタフィールドとメタオブジェクト>商品>定義を追加するから設定を行います。

次に、各項目に下記の内容を入力してください。

項目名

内容

名前

割引後の価格のみ表示

ネームスペースとキー

facts.show_only_sale_price

説明

Trueに設定されている場合、下記のような表示となります

  • 割引前価格表示がShopify上設定されていても、割引後価格のみ表示する

  • 割引後価格は、赤文字にする

  • 割引後価格の横にSALEのバッチを表示する

データ型

trueまたはfalse

Shopify管理画面>商品管理>商品の割引前価格を非表示にしたい商品をクリック>メタフィールド>商品メタフィールドから設定します。

設定した商品のみ商品の割引前価格が非表示になります。