ストア設定入門

ストアの設定入門

システム環境: Drupal 8  Drupal Commerce 2.x

Drupal Commerceでのキーコンポーネントは、ストアに関連する製品と注文です。ストアで注文や配送、在庫などを管理し顧客が購入できます。各ストアで通貨があり、顧客ごとの通貨を作成できます。

マルチストアに対応し、デフォルトのストアを定義できます。デフォルトのストアは、ストアを判別できない場合に使用されます(非製品ページまたは注文ページ)。

 

ストアの設定

1)通貨の設定と編集

2)ストアの作成と編集

ストア名称などを新規作成 admin/commerce/config/stores

※ユースケース(このような使い方もできます)

  • マルチストアの定義(一つの事業で複数の事業所がある)
  • マーケットプレイス(市場)モデル(販売代理店がある場合)

3)デフォルトのストアを変更

admin/commerce/config/stores

ストアが複数ある場合はデフォルトのストアを設定します。一つの場合は確認まで。

 

商品(製品)

属性: ユニークな選択肢を生み出す商品についての概念。 衣類の場合、サイズになります。 サブスクリプションの場合は、月単位または年単位の請求オプションなど。

バリエーション: 商品の特別な属性のオプションを表現します。 たとえば、ラージサイズブルーのスウェットシャツとミディアムサイズレッドのスウェットシャツ。

商品: 実際の商品そのもの。例えば、すべてのバリエーションが含まれるスウェットシャツ。

< 例えば、Tシャツの場合 >

Tシャツという商品タイプ 
 ・サイズという商品属性(attribute)
 ・色という商品属性(attribute)
各グラフィック柄のTシャツはグラフィック柄ごとに製品となり、色とサイズのバリエーションがある

商品 サイズ
グラフィック柄 Small
グラフィック柄 Medium
グラフィック柄 Large グレー

 

 

 

 

 

属性の定義と作り方

サイズは商品の属性です。Small製品属性です。そのには、SKU価格が含まれ、製品バリエーションと言われます。その商品バリエーションが商品内でグループ化されます。

商品属性の追加 admin/commerce/product-attributes 

1)色(Color)属性を作成、その後、グレーなどの値を設定するフィールドを追加します。

2)商品バリエーションタイプという属性を追加します。admin/commerce/config/product-variation-types

Defaultのバリエーションタイプで、色(Color)属性 を選択することで、さまざま色のTシャツを選択できるようになります。

3)商品色の属性を追加します。 admin/commerce/products 製品「イベントのTシャツ」を追加し

バリエーションを追加  SKUに red-tshirt  価格は2000円 ColorはRedを選択 で保存

バリエーションを追加  SKUに white-tshirt  価格は3000円 ColorはWhiteを選択 で保存

商品の属性にフィールド追加

製品の属性ごとにそのフィールドを追加できます。 admin/commerce/product-attributes

標準は値が追加できますが、その他、フィールドを追加できます。例えば、日付など。

属性を作成後、製品バリエーションタイプで属性が必要になります。最初の属性がデフォルトになるので、そのデフォルト設定を変更する場合は、製品バリエーションタイプという属性で、デフォルトの「フィールドの管理」で編集し、「必須フィールド」のチェックを外します。

 

 

商品構成の管理

まず商品の属性と製品バリエーションタイプを作成します。属性は、「Color」と「Size」です。

Tシャツのための新しい製品バリエーションタイプを作成します。

「Add product variation type」で追加 admin/commerce/config/product-variation-types

ラベルは、T-shirt  チェックON「Generate variation titles based on attribute values.」、「order item type」はDefault、属性はColorとSizeを選択。

フィールドの管理」で画像のフィールドを追加します。これで色のバリエーションごとにTシャツの写真をアップロードできます。

 

商品タイプの作成

商品タイプを作成します。 admin/commerce/config/product-types

Add Prodcut Type」をクリックして、ラベルは T-Shirt 、商品バリエーションタイプは「T-shirt」を選択。

 

商品の作成

商品を作成します。 admin/commerce/products

商品を追加」クリック  作成した商品タイプ「T-Shirt」を選択して商品を作成。

商品を購入できるストアで、店舗が1つしかない場合、店舗の表示設定は表示されません。

次に、製品のバリエーションを作成します。 バリエーションは、購入可能なオプションです。 SKU、価格、およびその他の必須フィールドを指定します。 完了したら、[バリエーションを作成]をクリックします。

[バリエーションを作成]で、SKU、価格、色、サイズ、画像などを設定して商品を作成します。

商品ごとに、バリエーションを持つことで、一つの柄で、色、サイズの組み合わせの商品を設定し販売できます。

 

商品の設定サンプル その1

ストアの作成 -> 商品構成の作成 ->商品の追加

上記商品(Tシャツ)の場合

1.ストアの作成

  • ストア admin/commerce/config/stores

名称、デフォルトの通貨タイムゾーン、ストアの住所、販売請求する国税金の設定(価格に税金を含めるか)、ストアのURL、デフォルトの設定

 
  • ストアタイプ admin/commerce/config/store-types

ラベル(オンライン)、説明、フィールドの追加可能、  

 

2.商品構成の作成

  • 商品属性 admin/commerce/product-attributes

Color(Red、Black、Green、White)、ElementType(要素タイプ)はRendered Attributeを選択、商品バリエーションタイプ(T-Shirt)、フィールド追加が可能(画像など)

Size(Large、Midium、Small)、ElementType(要素タイプ)はRendered Attributeを選択、商品バリエーションタイプ(T-Shirt)、フィールド追加が可能(画像など)

 
  • 商品バリエーションタイプ admin/commerce/config/product-variation-types

ラベル(T-Shirt)、属性の値でバリエーションのタイトルを自動作成、オーダーアイテムタイプ(デフォルト)、属性(Color、Size)、フィールド追加が可能(商品の画像)

 
  • 商品タイプ /admin/commerce/config/product-types

ラベル(T-Shirt)、説明(Tシャツの商品タイプ)、商品バリエーションタイプ(T-Shirt)<各商品ごとに複数のバリエーションをもてる、ページで表示された製品に製品バリエーションフィールドを挿入する、このタイプをデフォルトで新商品として公開する>、フィールド追加が可能、  

 

3.商品の追加

  • 商品 /admin/commerce/products

商品を追加(商品タイプから商品を追加、T-Shirtを選択)、商品名、本文で商品説明、バリエーション(SKUはバリエーションでマシン認識できる英数字のユニーク番号、リスト価格で提供するか、価格、色、サイズ、フィールド追加された画像

 

Drupal 8 Commerce database Schema

 

商品の設定サンプル その2 < 会議室予約の事例 >

1.ストアの作成

  • ストア admin/commerce/config/stores

名称、デフォルトの通貨タイムゾーン、ストアの住所、販売請求する国税金の設定(価格に税金を含めるか)、ストアのURL、デフォルトの設定

 

2.商品構成の作成

  • 商品属性 admin/commerce/product-attributes

部屋の種類(ホール、控室、大会議室、小会議室)、ElementType(要素タイプ)はRendered Attributeを選択、商品バリエーションタイプ(未定???)、フィールド追加が可能

会場備品(プロジェクター、音響設備、テーブル、椅子)、ElementType(要素タイプ)はRendered Attributeを選択、商品バリエーションタイプ(未定???

利用時間(午前、午後、夜間、全日)、ElementType(要素タイプ)はRendered Attributeを選択、商品バリエーションタイプ(未定???)、フィールド追加(日付)  

利用日(平日、土曜日、日曜日、祝祭日)、ElementType(要素タイプ)はRendered Attributeを選択、商品バリエーションタイプ(未定???)、フィールド追加(日付)  

 

  • 商品バリエーションタイプ admin/commerce/config/product-variation-types

ラベル(施設予約)、属性の値でバリエーションのタイトルを自動作成、オーダーアイテムタイプ(デフォルト)、属性(部屋の種類、利用時間、利用日)、フィールド追加が可能

ラベル(備品予約)、属性の値でバリエーションのタイトルを自動作成、オーダーアイテムタイプ(デフォルト)、属性(会場備品、利用時間、利用日)、フィールド追加が可能

 

  • 商品タイプ /admin/commerce/config/product-types

ラベル(施設予約)、説明(施設予約時の部屋のタイプ)、商品バリエーションタイプ(施設予約)<各商品ごとに複数のバリエーションをもてる、ページで表示された製品に製品バリエーションフィールドを挿入する、このタイプをデフォルトで新商品として公開する>、フィールド追加が可能(利用日)、  

ラベル(備品予約)、説明(施設予約時の備品オプションのタイプ)、商品バリエーションタイプ(備品予約)<各商品ごとに複数のバリエーションをもてる、ページで表示された製品に製品バリエーションフィールドを挿入する、このタイプをデフォルトで新商品として公開する>、フィールド追加が可能(利用日)、  

 

3.商品の追加

  • 商品 /admin/commerce/products

商品を追加(商品タイプから商品を追加、を選択)、商品名、本文で商品説明、バリエーション(SKUはバリエーションでマシン認識できる英数字のユニーク番号、リスト価格で提供するか、価格、色、サイズ、フィールド追加された画像

 

Drupal 8 Commerce database schema

 

 

注文

 

 

決済・支払い

 

 

 

プロモーション

 

 

 

税金

 

 

購入手続きフロー(Checkout)

 

 

 

 

配送

 

 

 

在庫(stock)

Commerce Stock : 概要とダウンロード https://www.drupal.org/project/commerce_stock

Commerce stock の使い方 https://git.drupalcode.org/project/commerce_stock/blob/8.x-1.x/README.md

 

 

 

タグ: 

eCommerce: 

CMS: