- 商品の詳細ページに幅・丈・高さ・重量を設定する項目を追加する場合は、次のように設定します。
- この機能を利用するには、有償のエンタープライズプラン以上に加入する必要があります。
幅・丈・高さ・重量を設定する
1. かんたん商品カスタムオプションの[ルール一覧]で、[オプショングループを追加する]をクリックします。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/dropdown_1-1024x576.png)
2. オプショングループ名を設定します。
- オプショングループ名はお客様には表示されません。
- 例として、「スカート丈」と設定しました。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/width_1-1024x576.png)
3. オプションの種類を選択します。
例として、「【ENTERPRISE~】幅・丈・高さ・重量」を選択しました。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/width_2-1024x576.png)
4. オプション名を設定します。
- オプションの名前として商品詳細ページへ表示されるラベルです。他で使われているオプション名とは重複できません。
- 例として、「選べるスカート丈」と設定しました。
- このオプションを必須にする場合は、チェックを入れてください。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/width_3-1024x576.png)
6. オプションの名前の下に記載される備考欄を入力します。
例として、「スカート丈が選べます。」と設定しました。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/width_4-1024x576.png)
7. [選択肢を追加する]をクリックします。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/width_5-1024x576.png)
8. 選択肢の名前を追加します。
例として、「スカート丈(㎝)」と入力します。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/width_6.png)
9. 最小値と最大値を入力します。
例として、「35」と「70」を入力しました。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/width_7.png)
10. 中間の値をカンマで区切って入力します。
下に表示されるプレビューで確認できます。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/width_8.png)
11. 中間の値は大きい方のプランに含みたい場合は、[中間の値は大きい方のプランに含む]にチェックを付けます。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/width_8_1.png)
11. [含まない値を+-1することでわかりやすくする]にチェックを付けた場合は、区切りの数値がマイナス1されるため、選択肢の数値が重複しなくなります。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/width_9.png)
12. [作成する]をクリックします。
選択肢が一つ作成できました。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/width_10.png)
13. 選択肢を追加したい場合は、手順7に戻ります。
ここでは追加しません。
14. 表示条件を設定することもできます。
- オプション名・オプション種別・値を入れることで、その条件に該当する場合のみ、このオプションが表示されます。
- 例えば、「テキスト入力1」に「同意します」と入力した人だけ、表示するという設定にする場合に使います。
- ここでは何も入力しません。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/width_11-1024x576.png)
15. 商品タグを追加します。
- 特定のタグが設定されている商品のみにドロップダウンメニューを表示します。
- ここで新規のタグを作成することもできます。
- 新規で作成したタグを商品と連携するには、Shopify→[商品管理]→商品を選択→[タグ]で設定できます。
- 例として、「ワンピース」のタグを設定しました。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/width_12-1024x576.png)
16. [保存する]をクリックします。
設定が完了しました。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/width_13-1024x576.png)
17. [カスタムオプションのHTMLを生成する]の[生成する]をクリックすると、Liquid HTMLタグが表示されます。
- HTMLをカスタマイズして使う場合は、ここで生成されたコードをコピーして、Shopifyの[オンラインストア]→[…]→[コードを編集]をクリックして、テーマのLiquidファイルに貼り付けてください。
- 対象外のフォームは表示されません。
![](https://customorder.groovymedia.jp/help/wp-content/uploads/2023/08/width_14-1024x576.png)
関連ページ