こちらのページでは、Smart Editingの使い方を説明します。
画面構成
Smart Editingの画面構成は以下の通りです。
A. 左側のツールバー
| No. | ツールバー | 機能説明 |
| 1 | Navigation Configuration | ナビゲーションの追加。また、ナビゲーションの色等を変更できます。 |
| 2 | Video | 動画を追加 |
| 3 | Marketing | その他のお勧め製品等、マーケティング情報を追加し |
| 4 | Image & Text | 画像と文章を追加 |
| 5 | Table | 表を追加 |
| 6 | Text | 文章を追加 |
B. 上のツールバー
| No. | ツールバー | 機能説明 |
| 1 |  |
PC版製品ページのスマート編集画面を表示 |
| 2 |  |
Mobile版製品ページのスマート編集画面を表示 |
C. 右上メニュー
| No. | ツールバー | 機能説明 |
| 1 | Cancel | 編集をやめて終了。編集内容は保存されません。 |
| 2 | Save | 編集内容を一時保存 |
| 3 | Finish | 編集を完了し、製品ページ作成画面に戻る |
モジュールを追加する
- 左のツールバーから追加したいモジュールを選択します。
- 選択したモジュールを選択したまま、追加したい箇所(「Add more here」と書かれた個所）までドラッグアンドドロップします。
- モジュールが追加されます。
モジュールを移動・削除する
移動・編集したいモジュールをクリックします。モジュールの左に「□」のメニューが4つ表示されます。
| No. | ボタン | 機能説明 |
| 1 | 上に移動 | モジュールの位置を一つ上に移動 |
| 2 | 下に移動 | モジュールの位置を一つ下に移動 |
| 3 | コピー | 同じモジュールを複製 |
| 4 | 削除 | モジュールを削除 |
モジュールを編集する
主要モジュールである、「Image」「Text」「Table」の編集について説明します。
Imageモジュールの編集
| No. | ボタン | 機能説明 |
| 1 | PCから画像を設定 | PC上に保存している画像ファイルを利用する |
| 2 | Photo Bankから画像を設定 | Photo Bankに保存している画像ファイルを利用する |
| 3 | 設定済み画像を編集する | すでに設定している画像のサイズ調整を行う |
| 4 | リンクを設定する | 画像に他のページへのリンクを設定する |
設定済み画像を編集する
| No. | ボタン | 機能説明 |
| 1 | Adapt to width | サイトに合わせて画像サイズを自動的に調整する。 ※サイズの小さな画像は画質が悪くなることもありますので、その場合は「Zoom out」を使用して手動での設定を推奨します |
| 1 | Original width | 元の画像サイズに戻す |
| 1 | Zoom in | クリックするたびに画像を拡大して表示 |
| 1 | Zoom out | クリックするたびに画像を縮小して表示 |
| 2 | Crop width | 画像表示枠のサイズを決定。数字を直接入力するかアイコンをクリックして調整してください。 |
| 3 | リンク設定 | 画像中に別ページに移動するリンクを設定。リンクは最大8個まで設定可能です。 |
| 4 | Complete | 画像編集を完了します |
| 4 | Reselect | 画像を選択しなおす |
| 4 | Cancel | 保存せずに画像編集をキャンセル |
リンクを設定する
| No. | ボタン | 機能説明 |
|---|---|---|
| 1 | Product Details Page | 他の製品ページへのリンクを設定 |
| 2 | Store pages | Minisite内の他のページへのリンクを設定 |
| 3 | Product list page after in-store search | 貴特定のキーワード結果製品一覧ページへのリンクを設定 |
| 4 | In-store categorized product list page | 特定の製品グループ製品一覧ページへのリンクを設定 |
| 5 | Set Custom URL | 直接URLを入力してリンクを設定 |
他のAlibaba.com内ぺージへのみ設定可能です。Alibaba.com以外の外部サイトへのリンクは設定できません。
Textモジュールの編集
- 画面中央、もしくは右の編集エリアで、テキストを修正します。
- ツールバーでフォントの変更や文字に色を付けてデザインを整えます。
Table（表）モジュールの編集
- 画面右「Table Editing」ボタンをクリックします。
- 表のデータやスタイルを編集します。
| No. | ボタン | 機能説明 |
|---|---|---|
| 1 | データ入力エリア | ダブルクリックして文字を入力 |
| 2 | ツールバー | フォントや文字サイズの変更、セルの結合、行/列の追加・削除 |
| 3 | スタイル設定 | 表に交互に色を付けたり（色の変更はできません）、タイトル行にハイライトを入れる |
| 4 | Mobile（携帯）版の表示設定 | 携帯バージョンで表の比率を保つか、携帯バージョンに合わせて比率を50％まで減らすかを選択 |
| 5 | 完了/キャンセル | 表の編集が完了したら「Complete」をクリックし。編集をやめる場合は「Cancel」をクリックします |
Table(表)モジュールでは、表の中に画像を設定することができません。表の中に画像を設定したい場合は、「Image&Text」から「Left Image-Right Table」モジュールをご選択ください。
