商品ボックスを満たすための画像のトリミング | 高度なデザイン設定

1. EC (EN).png

システムはストアテンプレートの比率に従って画像をトリミングするため、商品リスト内の画像はすべて標準化されたサイズになります。

この記事では以下の内容を扱います:

⚠️ 始める前にご注意ください:

  • 新しいページビルダーは、Ultra Chic、Kingsman、Varm、Philia テンプレートのみをサポートしています。
  • 新旧のページビルダーの設定ルートは異なります。まず、管理者 > [オンラインストアデザイン] > [デザイン] > [ストアフロントテンプレート] タブに移動して、ストアで使用しているテーマを確認してください。旧ページビルダーのユーザーは、1. 管理者での設定を参照してください。新ページビルダーのユーザーは、3. 新しいページビルダーを参照してください。

 

1. 管理者での設定

ステップ 1

SHOPLINE 管理者 > [オンラインストアデザイン] > [デザイン] に進み、高度な設定タブをクリックします。

Screen_Shot_2022-08-29_at_4.42.02_PM_copy_2.png

 

ステップ 2

「商品画像を商品ボックスに合わせてトリミングする」にチェックを入れ、右下の保存公開ボタンをクリックします。

Screen_Shot_2022-08-30_at_10.34.04_AM.png

 

2. ストアフロントの表示

商品画像を商品ボックスに合わせてトリミングする」をチェックしなかった場合、画像は元の比率とサイズで表示されます:

Screen_Shot_2022-08-30_at_11.05.18_AM.png

 

商品画像を商品ボックスに合わせてトリミングする」を有効にすると、画像は自動的に同じ比率とサイズにトリミングされます:

Screen_Shot_2022-08-30_at_11.06.26_AM.png

 

3. 新しいページビルダー

次に進むには SHOPLINE 管理者 > [オンラインストアデザイン] > [ページ] をクリックし、高度なページ ボタンをクリックして新しいページビルダーを開きます。

左のメニューで、ストア設定 > 商品をクリックします。「商品リストページ」の下で「商品画像をトリミングする」トグルをオンにすることができます。詳細については、この記事を参照してください。

Screen_Shot_2022-08-30_at_11.06.52_AM.png

 

4. 注意

  • このトリミング機能は、商品情報ページのメイン画像の比率には影響しません。商品リストページ(「カテゴリページ」と「カテゴリパーツ」)の商品の画像にのみ影響します。
  • システムは、管理者の[オンラインストアデザイン] > [デザイン]で選択したストアテンプレートに基づいてトリミングを決定します。

 

 

 

さらに読む

 

 

 

 

 

この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

コメント