メインコンテンツにスキップ

商品カタログの画像の位置とパディングを変更する(Webアプリ)

C
対応者:Craig Wright

画像内での商品の配置や周囲の余白を微調整し、バランスの取れたデザインを作りましょう。

Image shows a product image with low padding and one with more padding.

注:この記事では、すでにPhotoroomをShopifyストアに連携済みであることを前提としています。


手順(Webアプリ)

商品カタログの画像の位置や余白を変更するには:

  1. 商品カタログを開き、編集したい商品を選択します。

  2. 編集したい画像を選択します。

    画像の選択方法については、「商品カタログエディタを使用した画像の選択方法」をご覧ください。

  3. 位置」を選択します

  4. 配置方法を選択します:

    • オリジナル」を選択すると、位置とパディングがリセットされます。

    • 「中央」を選択すると、商品が中央に配置されます。設定を使用してパディングを調整します:

      • パディング- 商品とデザインの端との間のスペースを設定します。

      • トリミングされた辺のパディングを無視」 - 画像が端に接している場合にパディングを削除するにはチェックを入れます。パディングを常に適用するにはチェックを外します。

    • カスタム」を選択すると、独自の位置パディングを設定できます:

      • 左、右、上、下のパディング— 各辺の間隔を変更します。

      • 配置— 画像の位置を選択します。

      • 拡大縮小— 画像サイズを選択します(「トリミングされた辺の余白を無視する」がオフの場合のみ):

        • フィット— 画像をトリミングせずに表示

        • 「塗りつぶし」- スペースを画像で埋め尽くしますが、画像がトリミングされる場合があります。

  5. [オプション] 「背景」設定を使用して、背景を変更します。

    商品カタログ画像の背景を編集する(Webアプリ)」を参照してください。

    ​注:位置調整後に背景が画像に合わない場合は、背景を差し替えてください。

  6. [オプション] 「商品カタログエディタ」を使用して、さらに変更を加えてください。

  7. 編集が完了したら、変更内容をShopifyに公開してください

ヒント:商品の配置がずれている場合は、「トリミングされた側の余白を無視する」の設定をオフにしてみてください。


関連記事

こちらの回答で解決しましたか?