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

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

C
対応者:Craig Wright

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

3 images. Image 1 has a product center and large. Image 2 shows the padding being changes. Image 3 shows the product center, but smaller as the padding is increased.

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


手順(iOS)

Product Catalogの画像の位置や余白を変更するには:

  1. 商品リスト内の任意の画像を選択します。

    Photoroomが商品カタログエディタで商品リストの画像を開きます。

  2. 配置」を選択します

  3. 商品リスト内のすべての画像に適用する配置を選択してください:

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

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

      • パディング- ボックスをドラッグするか、値を入力して、商品とデザイン端の間のスペースを設定します。

      • トリミングされた辺のパディングを無視- 画像がキャンバスの端に接している場合、パディングを無視するにはオンにします。常にパディングを適用するにはオフにします。

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

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

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

      • 拡大縮小- 画像サイズを選択します(「切り取られた辺の余白を無視する」がオフの場合のみ):

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

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

  4. チェックマークのアイコンを選択して、選択した余白と配置を適用します。

  5. [オプション] 「商品カタログエディタ」を使用して、さらに変更を加えることができます。

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

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


関連記事

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