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

商品カタログ画像の位置とパディングの変更(ウェブアプリ)

C
対応者:Craig Wright

バランスの取れたデザインを作成するために、画像内の商品の位置や周りのスペースを微調整してください。

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

注:この記事は、すでにShopifyストアにPhotoroomを接続していることを前提としています。


ステップ(ウェブアプリ)

商品カタログの画像の位置とパディングを変更する:

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

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

    画像の選択方法については、製品カタログエディタを使用して画像を選択する方法を参照してください。

  3. 位置]を選択します。

  4. 配置を選択します:

    • 位置とパディングをリセットするには、[オリジナル]を選択します。

    • 製品を中央に配置するには、中央を選択します。設定を使用してパディングを制御します:

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

      • パディング- 商品とデザインの端の間のスペースを設定します。クリア - 常にパディングを適用します。

    • カスタム- 独自の位置パディングを設定します:

      • Padding left, right, top, bottom- 各サイドの間隔を変更します。

      • 整列- 画像の位置を選択します。

      • 拡大縮小- 画像の大きさを選択します(切り取られた辺のパディングを無視するをオフにした場合のみ):

        • フィット- 画像をトリミングせずにフィットさせます。

        • Fill- 空間を埋めますが、画像が切り取られる可能性があります。

  5. [オプション]背景設定を使用して背景を置き換えます。

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

    注:再配置後に背景が画像に合わない場合は、背景を置き換えます。

  6. [オプション] 商品カタログエディタを使って、さらに変更を加えます。

  7. 編集が完了したら、Shopifyに変更を公開します。

ヒント:商品がずれて表示される場合は、トリミングされた側面のパディングを無視をオフにしてみてください。


関連記事

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