画像内での商品の配置や周囲の余白を微調整し、バランスの取れたデザインを作りましょう。
注:この記事では、すでにPhotoroomをShopifyストアに連携済みであることを前提としています。
手順(Webアプリ)
商品カタログ画像の位置や余白を変更するには:
商品カタログを開き、編集したい商品を選択します。
編集したい画像を選択します。
画像の選択方法については、「商品カタログエディタを使用した画像の選択方法」を参照してください。
「配置」を選択します。
配置を選択します:
「オリジナル」を選択すると、位置とパディングがリセットされます。
「中央」を選択すると、商品が中央に配置されます。設定を使用してパディングを調整します:
パディング- 商品とデザイン端の間のスペースを設定します。
トリミングされた辺のパディングを無視- 画像が端に接している場合、パディングを削除するにはチェックを入れます。常にパディングを適用するにはチェックを外します。
カスタム- 独自の配置パディングを設定します:
左、右、上、下のパディング- 各辺の間隔を変更します。
配置- 画像の位置を選択します。
拡大縮小- 画像サイズを選択します(「トリミングされた辺の余白を無視する」がオフの場合のみ):
フィット- 画像をトリミングせずに表示
「フィット」 - 画像をトリミングせずに表示領域に収めます
[オプション] 「背景」設定を使用して背景を変更します。
「商品カタログ画像の背景を編集する(Webアプリ)」を参照してください。
注:位置調整後に背景が画像に合わない場合は、背景を差し替えてください。
[オプション] 商品カタログエディタを使用して、さらに変更を加えます。
編集が完了したら、変更内容をShopifyに公開してください。
ヒント:商品の配置がずれている場合は、「トリミングされた辺のパディングを無視する」をオフにしてみてください。

