【クリエイターモード】あるバリエーションだけ、「売り切れ」の文言を変えることはできますか。 – makeshop よくある質問

バリエーション独自コードを指定して出し分けることで、文言を変えることができます。

（１）商品管理 / 商品一覧 / 商品登録 / バリエーション　にて、バリエーション独自コードを設定します。

バリエーションの項目ごと（SKU）にバリエーション独自コードを設定してください。

例：バリエーション独自コードに「sofa-b」と入力して命名
※該当商品では「再入荷お知らせ-品切れになったら再入荷お知らせのリンクを表示する」のチェックを外してください。

（２）HTMLを追加します。
ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品詳細

「HTML」欄内にカーソルを一度置いた状態でキーボードの「Ctrl＋F」キーを押し、表示される検索窓に

sku

と入力しEnterキーを押して、SKU（バリエーション/オプション）のソースの中から「売り切れ」の記述を探してください。

【Complete】テンプレートの場合

<div class="disabled-btn btn sku-btn">売り切れ</div>

このソースを改行し、

<div class="disabled-btn btn sku-btn">
売り切れ
</div>

として、「売切れ」の前後に、以下の赤文字の部分を追記（コピー＆ペースト）してください。

＜追記後＞
例：「売切れ」を特定のバリエーションのみ、「５月中旬入荷予定」に変えたい場合

<div class="disabled-btn btn sku-btn">
	<{if $item.option_sku.list[i].original_code == 'sofa-b'}>
		５月中旬入荷予定
	<{else}>
		売り切れ
	<{/if}>
</div>

『特定のバリエーション独自コードの時だけ「５月中旬入荷予定」を表示する』
（特定のバリエーション独自コードの時は文言を表示し、それ以外の時は売り切れと表示する）

という条件文を追加した記述になります。

■クリエイターモードタグ
SKU
https://reference.makeshop.jp/creator-mode/contents/detail/index.html#detail-sku

＜応用例＞
さらに特定のバリエーションで別の文言に変えたい場合

<div class="disabled-btn btn sku-btn">
	<{if $item.option_sku.list[i].original_code == 'sofa-b'}>
		５月中旬入荷予定
	<{elseif $item.option_sku.list[i].original_code == 'sofa-c'}>
		６月以降入荷予定
	<{else}>
		売り切れ
	<{/if}>
</div>

編集の際は、かならずデザインセットのコピーボタンをクリックしてバックアップを保管したうえで、もとに戻せる状態で作業をおこなってください。

■makeshopサポート
ショップデザインバックアップしてますか？！

関連記事