画像アセットは、視覚的に魅力的なパーソナライズ商品を作るために欠かせません。Customixでは、クリップアート、装飾用のグラフィック、デフォルトのアートワークをアップロードできます。これらはデザインテンプレートに、ベースデザインの一部として、またはお客様が選べるオプションとして表示されます。

1. 画像をアップロードする

画像をアップロードするには:

  • Customixのダッシュボードでアセットセクションに移動します。
  • 画像タブを選択します。
  • 画像を追加をクリックしてファイルを1つずつアップロードするか、ZIPファイルをアップロードをクリックしてフォルダごとまとめてアップロードします。
画像アセットのアップロード

ZIPファイルでアップロードすると、アプリがフォルダ構造を自動的に保持します。たとえば、ファイルA1とA2が「A」という名前のフォルダに入っている場合、その2つのファイルを含む「A」フォルダとしてアップロードされるため、パソコン上と同じ状態でアセットを整理できます。

2. フォルダで整理する

画像はフォルダにまとめられるため、後でアセットを見つけたり管理したりしやすくなります。

  • フォルダを追加をクリックして、特定のテーマ(例:「Dog Breeds」、「Mother’s Day Clipart」など)のフォルダを作成します
  • アップロード後、画像をカテゴリにドラッグまたは移動すると、さらに整理しやすくなります。

これらのフォルダは、画像アセットを追加するときにテンプレートエディターに表示されます。これらのフォルダをテンプレートに追加すると、選択フィールドとして表示され、お客様はそのフォルダ内のさまざまなオプションから選択できます。
フォルダを追加するには、アセットパネルで画像フォルダにカーソルを合わせると、追加アイコン(+)が表示されます。それをクリックすると、フォルダが画像スウォッチとしてテンプレートに追加されます。

3. テンプレートでの画像の使われ方

アップロードした画像は、さまざまな方法で適用できます。

  • 単一の画像として:個別の画像をテンプレートに追加すると、画像レイヤーになります。このレイヤーでパーソナライズを有効にすると、お客様が自分の画像をアップロードして差し替えられます。有効にしない場合は、デザイン内でそのまま表示される固定のレイヤーになります。
  • フォルダとして:画像フォルダを追加すると、お客様がフォルダ内の画像から選択する選択フィールドになります(上記のとおり)。

これらの画像は、テンプレートエディターの「デザイン」画面で配置・管理します。

4. 画像ファイルを管理する

画像をアップロードしたら、フォルダと表示設定を使って、エディター内での画像の動作を整理およびカスタマイズできます。

a. フォルダを編集または名前変更する

  • フォルダの三点メニューをクリックし、編集を選択すると、名前の変更やサムネイルアイコンのアップロードができます。
  • このカテゴリの画像をお客様にどのように表示するかも選択できます:サムネイル画像(グリッド表示)、ドロップダウン、インラインボタン
フォルダの編集、削除、移動
フォルダ名、サムネイル、表示スタイルの編集

b. フォルダを移動または削除する

  • 同じ三点メニューを使って、アセットを別のフォルダに移動し、さらに整理できます。
  • フォルダを削除できるのは、フォルダ内のアセットがどのテンプレートでも使用されていない場合のみです。

c. フォルダのサムネイル

ファイルまたはフォルダのサムネイルを編集するには、三点(•••)アイコンをクリックし、「編集」を選択して、新しいサムネイルをアップロードします。

Customixにアップロードされたすべてのファイルは、空白の削除とオブジェクトのズームインにより、自動的に最適化されます。ファイルの自動最適化に失敗した場合は、同じメニューから「サムネイルを最適化」オプションを選択して、最適化をもう一度実行してください。

5. フォルダ階層の処理(オプションと条件の自動マッピング)

アセットをアップロードすると、Customixはフォルダの階層レベルに基づいて自動的にフォルダを処理します。たとえば、次のようなフォルダ構造が入れ子になっている場合です。

  • フォルダIconにはBlackとWhiteが含まれます
  • フォルダBlackには黒のバージョンが含まれます
  • フォルダWhiteには白のバージョンが含まれます
階層レベル

テンプレートに追加すると、Customixはフォルダの階層レベルに基づいてオプションセットを自動的に生成し、下の画面のように、アセットの表示を制御する条件を作成します。

フォルダ階層の処理

これにより、販売者はオプションのロジックを手動で設定することなく、複雑なアセットライブラリを管理できます。

更新日:2026/09/23