テンプレート処理中にエラーが発生しました。
Java method "com.liferay.portal.json.JSONFactoryImpl.createJSONObject(String)" threw an exception when invoked on com.liferay.portal.json.JSONFactoryImpl object "com.liferay.portal.json.JSONFactoryImpl@2ad66ae2"; see cause exception in the Java stack trace.

----
FTL stack trace ("~" means nesting-related):
	- Failed at: navigationJSONObject = jsonFactoryUti...  [in template "17855804202317#32484267#LEARN-ARTICLE-NAV" at line 4, column 9]
----
1<#assign 
2	groupFriendlyURL = themeDisplay.getScopeGroup().getFriendlyURL() 
3	groupPathFriendlyURLPublic = themeDisplay.getPathFriendlyURLPublic() + groupFriendlyURL 
4	navigationJSONObject = jsonFactoryUtil.createJSONObject(navigation.getData()) 
5	navigationMenuItems = 
6
7			"Analytics Cloud": { 
8				"image": "/documents/d${groupFriendlyURL}/analytics_c-svg", 
9				"title": "Analytics Cloud", 
10				"url": "analytics-cloud" 
11			}, 
12			"Commerce": { 
13				"image": "/documents/d${groupFriendlyURL}/commerce_product-svg", 
14				"title": "Commerce", 
15				"url": "commerce" 
16			}, 
17			"DXP": { 
18				"image": "/documents/d${groupFriendlyURL}/dxp_p-svg", 
19				"title": "DXP / Portal", 
20				"url": "dxp" 
21			}, 
22			"Liferay Cloud": { 
23				"image": "/documents/d${groupFriendlyURL}/dxp_c-svg", 
24				"title": "Liferay Cloud", 
25				"url": "liferay-cloud" 
26			}, 
27			"Reference": { 
28				"image": "/documents/d${groupFriendlyURL}/reference-svg", 
29				"title": "Reference", 
30				"url": "reference" 
31
32
33 
34	breadcrumbJSONArray = navigationJSONObject.getJSONArray("breadcrumb") 
35	childrenJSONArray = navigationJSONObject.getJSONArray("children") 
36	parentJSONObject = navigationJSONObject.getJSONObject("parent") 
37	productJSONObject = breadcrumbJSONArray.getJSONObject(breadcrumbJSONArray.length()-1)!navigationJSONObject.getJSONObject("self") 
38	siblingsJSONArray = navigationJSONObject.getJSONArray("siblings") 
39/> 
40 
41<div class="learn-article-nav"> 
42	<#if productJSONObject?has_content && productJSONObject.getString("title")?has_content && navigationMenuItems[productJSONObject.getString("title")]?has_content && navigationMenuItems[productJSONObject.getString("title")].title?has_content> 
43		<div 
44			class="dropdown learn-article-nav-root learn-dropdown" 
45
46			<div class="learn-article-nav-item"> 
47				<div class="d-flex"> 
48					<div class="learn-article-nav-image"> 
49						<img 
50							class="lexicon-icon lexicon-icon-caret-bottom product-icon" 
51							role="presentation" 
52							src='${navigationMenuItems[productJSONObject.getString("title")].image}' 
53							viewBox="0 0 512 512" 
54						/> 
55					</div> 
56 
57					<span class="learn-article-nav-text">${navigationMenuItems[productJSONObject.getString("title")].title}</span> 
58				</div> 
59 
60				<div id="dropdown-icon"> 
61					<svg 
62						class="lexicon-icon lexicon-icon-caret-bottom" 
63						role="presentation" 
64						viewBox="0 0 512 512" 
65
66						<use xlink:href="/o/admin-theme/images/clay/icons.svg#caret-bottom"></use> 
67					</svg> 
68				</div> 
69			</div> 
70 
71			<ul class="dropdown-menu learn-dropdown-menu"> 
72				<#list navigationMenuItems as key, value> 
73					<li> 
74						<a 
75							class="dropdown-item learn-article-nav-item" 
76							href="/w/${navigationMenuItems[key].url}/index" 
77							tabindex="4" 
78
79							<span class="d-flex"> 
80								<span class="learn-article-nav-image"> 
81									<img 
82										class="lexicon-icon lexicon-icon-caret-bottom product-icon mt-0 mr-2" 
83										role="presentation" 
84										src="${value.image}"height: 25px; margin-left: 5px; max-width: none; width: 25px; 
85										viewBox="0 0 512 512" 
86									/> 
87								</span> 
88								<span class="learn-article-nav-text">${value.title}</span> 
89							</span> 
90 
91							<#if navigationMenuItems[productJSONObject.getString("title")].url == value.url> 
92								<span> 
93									<@clay["icon"] symbol="check" /> 
94								</span> 
95							</#if> 
96						</a> 
97					</li> 
98				</#list> 
99			</ul> 
100		</div> 
101	</#if> 
102 
103	<div class="learn-article-nav-content"> 
104		<#if parentJSONObject?has_content && parentJSONObject.getString("url")?has_content> 
105			<div class="learn-article-nav-item learn-article-nav-parent liferay-nav-item p-2"> 
106				<div class="mr-2"> 
107					<a 
108						href='${parentJSONObject.getString("url")}' 
109
110						<svg 
111							class="lexicon-icon lexicon-icon-angle-left" 
112							role="presentation" 
113							viewBox="0 0 512 512" 
114
115							<use xlink:href="/o/admin-theme/images/clay/icons.svg#angle-left"></use> 
116						</svg> 
117					</a> 
118				</div> 
119 
120				<span>${parentJSONObject.getString("title")}</span> 
121			</div> 
122		</#if> 
123 
124		<#if childrenJSONArray.length() gt 0> 
125			<ul class="m-0 p-2"> 
126				<#list 0..childrenJSONArray.length()-1 as i> 
127					<li class="learn-article-nav-item"> 
128						<a 
129							class='liferay-nav-item ${(navigationJSONObject.getJSONObject("self").url == childrenJSONArray.getJSONObject(i).url)?then("selected", "")}' 
130							href="${childrenJSONArray.getJSONObject(i).url}" 
131
132							<span>${childrenJSONArray.getJSONObject(i).getString("title")}</span> 
133						</a> 
134					</li> 
135				</#list> 
136			</ul> 
137		<#elseif siblingsJSONArray.length() gt 0> 
138			<ul class="m-0 p-2"> 
139				<#list 0..siblingsJSONArray.length()-1 as i> 
140					<li class="learn-article-nav-item"> 
141						<a 
142							class='liferay-nav-item ${(navigationJSONObject.getJSONObject("self").url == siblingsJSONArray.getJSONObject(i).url)?then("selected", "")}' 
143							href="${siblingsJSONArray.getJSONObject(i).url}" 
144
145							<span>${siblingsJSONArray.getJSONObject(i).getString("title")}</span> 
146						</a> 
147					</li> 
148				</#list> 
149			</ul> 
150		</#if> 
151	</div> 
152</div> 

チャンネルの作成と設定

チャネルとは、顧客ポータル、B2Bマーケットプレイス、バックオフィスの電話販売など、製品を販売するための手段である。 そのサイトで製品を販売するには、チャネルをサイトにリンクする必要があります。 クラリティは、B2C顧客向けとB2B顧客向けの2つのオンラインストアを運営している。 これをサポートするために、カイルが2つのチャンネルを作り、対応するサイトにリンクさせるのを手伝わなければならない。

チャンネルを作成する、

  1. グローバルメニュー( グローバルメニュー )を開き、 CommerceChannels に移動します。

  2. 追加(Add) をクリックし、以下の詳細を入力します:

    クラリティB2C

    通貨: 米ドル

    タイプ: サイト

    Enter the name, currency, and type for the channel.

  3. 追加 をクリックする。

これにより、B2Cストアに新たなチャネルが生まれる。 B2Bチャネルを以下の情報で作成するために、ステップを繰り返します。

名前為替レート種類
クラリティB2B米ドルサイト

両方のチャンネルを作成したら、対応するLiferayサイトにリンクし、設定する必要があります。

B2Cチャンネルの設定

B2Cチャネルでは、支払い方法、配送方法を設定し、サイトタイプがB2Cに設定されていることを確認します。

  1. Details "セクションで、"Commerce Site Type "を " B2C "に設定する。 サイトタイプ がB2Cの場合、サイト内のアカウントはすべて個人アカウントでなければなりません。

  2. Type **タブを選択し、*Select Site をクリックします。

  3. クラリティB2C*サイトを選ぶ

  4. Save]をクリックします。

このチャネルを使用して、お客様のサイトからの注文を受け付けることができます。

クラリティはB2Cの顧客にPayPalによる支払いオプションを提供している。 お客様からのご注文は、一律料金の配送方法で発送されます。 Liferayのすぐに使える支払い方法と配送方法を使って、これらの両方を実装することができます。

ペイパルの設定

  1. PayPal Developer Dashboard にアクセスし、アカウントにサインアップしてください。

  2. サンドボックス*モードに切り替える。

    Switch to sandbox mode using the toggle.

  3. Apps & Credentials*タブに移動します。

  4. アプリの作成*をクリックします。

  5. 名前に Clarity と入力し、タイプを Merchant とする。

  6. アプリの作成*をクリックします。

これにより、名前、クライアントID、秘密鍵が設定されたアプリが作成される。

  1. クライアントIDと秘密鍵をコピーする。

    Copy the client ID and secret key.

  2. さて、Liferayインスタンスに戻りましょう。 グローバルメニュー( グローバルメニュー )を開き、 CommerceChannels に移動します。

  3. クラリティB2C*を選択してください。

  4. 支払い方法 **セクションまでスクロールダウンし、*PayPal を選択します。

  5. トグルを使ってアクティブにする。

  6. Save]をクリックします。

  7. Configuration*タブに移動し、PayPalからコピーしたクライアントIDとシークレットキーを貼り付けます。

  8. モード*をサンドボックスに設定する。

  9. Save]をクリックします。

定額配送方法の設定

  1. 配送方法]セクションに移動し、[定額料金*]を選択します。

  2. トグルを使ってアクティブにする。

  3. Save]をクリックします。

  4. 配送オプション **ページに移動し、*追加(Add) ボタンをクリックします。

  5. 名前は Regular Shipping 、金額は $4.99 と入力してください。

  6. Save]をクリックします。

  7. 追加* (Add) をもう一度クリックする。

  8. 名前は Express Shipping 、金額は $9.99 と入力してください。

  9. Save]をクリックします。

B2Bチャネルの設定

B2Bチャネルでは、支払い方法、配送方法を設定し、サイトタイプがB2Bに設定されていることを確認します。

  1. Details]セクションで、[Commerce Site Type]を B2B に設定します。 サイトタイプ が B2B の場合、サイト内のすべてのアカウントはビジネスアカウントでなければなりません。

  2. Type タブを選択し、 Select Site をクリックします。

  3. クラリティB2B*サイトを選択してください。

  4. Save]をクリックします。

クラリティは、B2Bの顧客に為替による支払いオプションを提供している。 荷物の重量に基づいて計算される変動送料で発送される。 Liferayのすぐに使える支払い方法と配送方法を使って、これらの両方を実装することができます。

マネー・オーダーの設定

  1. 支払方法のセクションに移動し、 マネーオーダー を選択します。

  2. トグルを使ってアクティブにする。

  3. Save]をクリックします。

    これはすべての注文タイプに適用されるべきである。

可変レート配送方法の設定

  1. 次に、配送方法のセクションに移動し、 変動料金 を選択します。

  2. トグルを使ってアクティブにする。

  3. Save]をクリックします。

  4. Shipping Options(配送オプション)ページに移動し、 Add(![Add](../../images/icon-add.png))をクリックします。

  5. 名前を Standard Shipping と入力し、 Save をクリックします。

  6. 配送オプション設定 **に移動し、*追加(Add) をクリックします。

  7. ドロップダウンから先ほど作成した配送オプションを選択します。

  8. Settingsセクションで、以下の詳細を入力する:

    配送オプション: 標準配送

    重量: 0.0

    への重量: 10.0

    固定価格: 4.99

    重量単価: 2.99

    Configure the available tiers of variable rate shipping.

  9. これを次の内容でさらに2回繰り返す:

    配送オプション以下の重量:以下の重量まで:固定価格単位重量単価
    通常配送10.0120.05.993.99
    通常配送20.0130.06.994.99

次のセクションでは、注文通知を設定し、バイヤーの注文承認ワークフローを有効にします。 これは、ワークフローがある場合に注文のライフサイクルがどのように変化し、注文が受理されたときにユーザーにどのように通知されるかを示している。

次へ ワークフローと通知の設定

関連トピック