この手順は完了です:フロントエンドの顧客が仕様を選択でき、正しい価格を計算できるようにします(または問い合わせを行い、価格を計算する必要はありません)。
まずは1つの商品を用意してください。詳細は 商品を公開する方法 をご覧ください。
前提条件
- 該当商品の編集ページが開いています。
- 問い合わせ商品:通常は「仕様フィールド」だけで、データテーブルの価格確認や計算コンポーネントは必要ありません。
- 購入可能商品:価格設定方法に応じて「仕様フィールド」「データテーブルの価格確認」「計算コンポーネント」を組み合わせて使用します。
パス
- ショップ → 商品管理 → 商品を開く。
- 上部タブで 定価と仕様 をクリックします(見積もりやオンライン購入が未開放の場合、タブは 仕様欄 と表示されることがあります)。
- デフォルトは ビジュアル モードです。設定構造に詳しくない限り、「JSON 高度設定」には切り替えないでください。
ビジュアルの下にはタブがあります:
| タブ | 使用時 |
|---|---|
| 仕様欄 | フロントエンドフォーム:サイズ、素材、スタイル、ファイルアップロード、数量カウンターなど |
| データ表価格確認 | 「仕様の組み合わせ × 数量 → 価格」表(CSVインポート可能) |
| 計算コンポーネント | 固定底価、単価 × 数量、オプション加算、階段価格、公式(データ表と併用可能) |
| 試算 | 現在の画面設定を使用して(まだ保存していなくても)フロントエンドで仕様を選択した後の価格をシミュレーションします |
見積もりモードではデータ表価格確認、計算コンポーネント、フロントエンドの数量/金額に関連する設定は表示されません。
下部ツールバーの ドラフトを保存/公開 をクリックすると、定価設定も一緒に保存されます;成功時には「定価と仕様設定が保存されました」と表示されます。
高度設定:バンドルのエクスポート/バンドルのインポート を使用して商品間で設定をコピーできます;インポート後は必ず確認してから保存してください。
規格欄位
適合:顧客が商品ページで選択または入力する項目すべてです。
- 規格欄位に切り替えます。
- 空白の場合は、新增欄位をクリックします(または bundle からインポートします)。
- 各欄位はドラッグしてフロントエンドの表示順を調整でき、上に移動、コピー、削除も可能です。
- 欄位を展開した後、下の表に記入します。
各欄位の一般的な項目
| 項目 | 説明 |
|---|---|
| 顯示標籤 | フロントエンドで表示される名前、例えば「サイズ」「素材」。 |
| 欄位 name(API key) | システム識別用で、保存後はできるだけ変更しないでください。新規作成時に自動生成されます。 |
| 類型 | 下の表を参照してください。 |
| 欄位寬度 | フロントエンドで1列が1/3、50%または100%を占めます。 |
| 直接顯示的選項數 | 単一選択のみに適用されます。3を入力すると、フロントエンドでは最初の3つの選択肢のみが直接表示され、残りは「もっと見る」のドロップダウンに収められます;空白の場合はすべて表示されます。どの選択肢が先に表示されるかは選択肢の順序によって決まります;もし1つの選択肢だけが収まる場合、フロントエンドではすべてが直接表示されます。 |
| 說明(選填) | ラベルの下に表示されるヒントテキストです。 |
| 必填 | 顧客がカートに追加したり、見積もりを依頼するためには必ず入力または選択する必要があります。 |
| 啟用 | 無効にするとフロントエンドに表示されず、試算にも含まれません(欄位はバックエンドに残ります)。 |
ドロップダウン、ラジオボタン、チェックボックスに オプション(オプション名、値、選択可能な追加料金)を追加する必要があります。オプションはドラッグ&ドロップで並べ替え、コピー、削除ができます。
ドロップダウン/ラジオボタンのオプションは 商品画像をバインド できます(この商品のメディアから選択)。顧客がそのオプションを選択すると、商品ページの左側の画像が切り替わります;まずは 商品画像の設定方法 を完了してください。チェックボックスは画像のバインドをサポートしていません。
タイプの選び方
| タイプ(画面名) | フロントエンドの見た目 | 典型的な用途 |
|---|---|---|
| ラジオボタン | ボタンのグループで、一つだけ選択;オプションが多い場合は最初の数個だけ表示し、残りは「もっと見る」に収める | サイズ、印刷面 |
| ドロップダウンメニュー | 一つ選択するドロップダウン | オプションが多い時 |
| チェックボックス | 複数選択可能 | 加工の追加 |
| テキスト/複数行テキスト | 顧客が入力できる | カスタムテキスト、備考 |
| 数字/数量カウンター | 数字入力ボックス、または「-/+」の加減器 | カスタムサイズ、ページ数、部数。最小値、最大値、ステップ値を設定できます(すべて空白にすることも可能) |
| 日付 | 日付を選択 | 希望の出荷日 |
| ファイルアップロード | 顧客が原稿をアップロード | 完成したファイルがある場合(オンラインデザインとは異なります) |
| デザインエディタ | オンラインデザインに入る | プラットフォームのWeb-to-Printの許可が必要です。 オンラインデザイン を参照してください |
ファイルアップロードでは、最大ファイル数、単一ファイルのサイズ制限、許可される拡張子を設定できます。少なくとも一つのフォーマットを保持してください。
選択可能なフォーマットは PDF、JPG、PNG、TIFF、AI、EPS、PS、PSD、CDR、WEBP、HEIC、ZIP、RAR、7Z です。すべてを選択(制限なし)した場合、プラットフォームが今後追加するフォーマットも自動的に開放されます。アップロード時にシステムはファイルの内容が本当にそのフォーマットであるかをチェックし、拡張子を変更したファイルはブロックされます。
数字と数量カウンターでは 最小値、最大値、ステップ値(すべて空白にすることも可能)を設定できます:
- 数字:最小値が未入力の場合、フロントエンドの最低値は 1 になります;ステップ値が未入力の場合、小数の制限はありません。
- キャンバスサイズとして:数値欄で「キャンバスサイズとして」をチェックすると、この欄はオンラインデザインのキャンバスの幅または高さになります。顧客が入力した数値、およびここでの最小値、最大値は、この商品のエディタ単位(mm、cm または px)で計算され、チェックボックスには現在の単位が表示されます。最小値、最大値が未入力の場合、キャンバスはデフォルトで 10–1200 mm となり、商品単位で表示されます(例えば cm では 1–120)。単位は入力と表示にのみ影響し、出力される印刷ファイルはすべて原寸です。
- 数量カウンター:未入力の項目はこの商品の「数量設定」の最小、最大、ステップを引き継ぎます。カウンターには単位(例えば枚、冊)を入力することもできます。
条件表示(選択)
フィールドまたは単一オプションで 条件表示ロジック を開くことができます:例えば「箔押しあり」を選択した場合に「箔押しカラー」が表示されます。
- 条件ロジックを有効にする を開き、「条件に一致する場合」に 表示 または 非表示 を選択します。
- 条件は「別のフィールドが 特定のオプションに等しい」と設定できます;複数の条件は AND(かつ)または OR(または)を使用します。
- 条件を追加しない場合、そのフィールド/オプションは常に表示されます。
初回の出品時は条件を使用する必要はありません;仕様が複雑になった場合に追加してください。
価格表を確認します
適用:価格は「仕様の組み合わせ + 数量」によって決定されます(例:名刺:サイズ × 用紙 × 数量 → 単価)。
- 価格表を確認に切り替えます。
- 仕様の次元で 次元を追加をクリックします(例:「サイズ」「素材」)。次元名は表の列に対応します。
- 表に行を追加します:各行は一組の仕様値 + 数量 + 価格です。
- 数量単位(枚、箱、冊…)を入力できます。フロントエンドの数量の横に表示されます。
- 各次元の下にフロントエンドの表示方法を選択できます:
- フロントエンド:ボタン(単一選択):デフォルト値です。「いくつ直接表示するか」を入力できます。超過分は最後の「もっと見る」ドロップダウンに収められます。空白にするとすべて表示されます。仕様値は数字の大きさや文字の順序に基づいて自動的にソートされ、最初に表示されるのは前にあるいくつかです。
- フロントエンド:ドロップダウンメニュー:仕様値が多く、一度に全てを見せる必要がない場合に使用します。
データテーブルに数量欄が既にある場合、フロントエンドの数量オプションはテーブルに基づき、「数量設定」は適用外と表示されます。
CSVで一度にインポートします。
行数が多い場合に適しています:
- まずは テンプレート または CSVをエクスポート して、カラムのフォーマットを確認してください。
- ファイルには 数量 と 価格 の2つのカラムが必要です(英語のヘッダー
qty/priceも受け付けます)。 - 仕様欄の名前は、作成したディメンションと一致させる必要があります。
- CSVをインポート をクリックします。インポート後は画面で確認し、下部の保存ボタンを押してください。
多言語:価格比較は主言語(繁体字)仕様の原文を基準とします。他の言語は別の欄を追加し、欄名は仕様名の後に _en または _ja を付けて、表示翻訳のみを記入してください。詳細は画面「CSV アップロードルール」を参照してください。
表の上部で仕様、数量、または価格を検索でき、単列の変更が便利です。
仕様値を商品画像にバインドします。
適用:データ表に「色/スタイル」など、商品外観が変わる次元がある場合。
- まず商品 メディア タブで実物画像を追加し、保存します(商品画像の設定方法を参照)。
- データ表で価格を確認に戻り、仕様値を商品画像にバインドで各仕様値に本商品のメディアを選択します。
- フロントエンドでその値を選択すると、左側のスライドショーが画像を切り替えます。画像がバインドされていない次元(例えばサイズ)は、切り替えた画像を上書きしません。
仕様欄のドロップダウン/単一選択でも、同じメディアを選択肢にバインドできます。方法は同じです。
計算コンポーネント
適合:全体の価格表がない場合、または「表価格 + 追加料金」の ハイブリッド アルゴリズム(画面のヒント:コンポーネントの追加料金はデータ表の価格結果に合算されます)。
- 計算コンポーネントに切り替え、新しいコンポーネントを追加をクリックします。
- 名前を入力し、タイプを選択し、有効を確認します。
| タイプ | 用途 |
|---|---|
| 固定金額(底価格) | 規格に関係なく固定金額を追加 |
| 単価 × 数量 | 単価に顧客の数量を掛ける |
| フィールドオプション追加料金 | 特定の規格フィールドのオプションに追加料金を加える |
| 階段価格設定 | 数量の範囲に応じて異なる単価 |
| カスタム式 | 高度な設定。「変数を挿入」を使って購入数量、データ表の次元、価格表の単価、各規格フィールド(選択したオプションの価格、基本料金、単価、および各オプションの価格、基本料金、単価)を持ち込みます。数量が記載されていない場合、結果は購入件数で再度掛け算されます。慣れていない場合は最初の4つを使用してください |
コンポーネントには条件ロジックを設定することもできます(条件を満たす場合のみ計上されます)。順序をドラッグ&ドロップで変更したり、コピーしたり、無効にしたりできます。
数量設定(データ表の数量がない場合)
価格設定エリアで数量設定を見ることができます(データ表の数量列がある場合は表によって決定されます):
| 欄位 | 説明 |
|---|---|
| 数量単位 | 例えば枚、部、冊 |
| 最小数量 | フロントエンドでこの値を下回ることはできません |
| 最大数量 | 任意;最小数量を下回ることはできません |
| ステップ値 | 毎回の増減の間隔で、(最大 − 最小)を超えてはいけません |
「試算」を使って確認してください。
- 試算に切り替えます。
- 顧客のように仕様を選び、数量を入力します。
- 選択後、自動的に試算されます;または試算を実行ボタンを押すこともできます。
- ファイルアップロード/デザイン原稿欄は試算に含まれません(ほとんどの場合、価格に影響しません)。
- 「試算可能な欄がありません」と表示された場合は、まず仕様欄またはデータテーブルの次元を追加してください。
試算には現在編集中で、まだ保存していない設定が使用されます。確認後は、下部の保存ボタンを押す必要があります。
どうやって確認しますか
- バックエンドの試算金額があなたの予想と一致しています。
- フロントエンドでその商品のページを開き、仕様欄、必須項目、条件表示がバックエンドと同じです。
- 商品を購入する:仕様を選択した後、価格/数量が試算と一致し、カートに追加できます。
- 見積もり商品:仕様を選択して見積もりリストに追加できますが、チェックアウト金額の試算は表示されません。
- 仕様を変更した後、古いカートが「仕様が変更されました」と表示することがあります。顧客は再度選択する必要があります——これは予期される動作です。
よくある問題
| 状況 | どうするか |
|---|---|
| タブが「仕様欄位」となっているが、価格確認/コンポーネントがない | その商品は見積もりであり、オンライン購入が開かれていない可能性があります。これは予期されることです。 |
| フロントエンドに仕様がない | フィールドは有効になっていますか?条件ロジックで隠されていますか?保存されていますか? |
| 価格が合わない | 同じ仕様の試算を使用してください;データテーブルに対応する行があるか、計算コンポーネントが有効になっているか確認してください。 |
| CSV インポートに失敗 | 「数量/価格」の列名と次元名を確認してください;まずテンプレートをダウンロードしてください。 |
| ビジュアライゼーションを切り替えられない | JSONの詳細設定で構造が不完全です;合法的なJSONに戻すか、プラットフォームに支援を求めてください、無理に切り替えないでください。 |