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

商品カタログ画像の位置とパディングを変更する(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に公開してください

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


関連記事

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