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

商品カタログ画像の位置とパディングの変更(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.

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


ステップ(iOS)

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

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

    Photoroomは、製品カタログエディタでリスト画像を開きます。

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

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

    • 位置とパディングをリセットします。

    • 商品を中央に配置します。設定を使ってパディングをコントロールします:

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

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

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

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

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

      • Scale- 画像のサイズを選択します(Ignore padding on cropped sides がオフの場合のみ):

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

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

  4. チェックマークの記号を選択すると、選択したパディングと配置が適用されます。

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

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

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


関連記事

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