テーマテンプレートVarmは、モダンでミニマリストなウェブサイトスタイルを提供します。これは、ホームデコレーション、キッチン用品、時計、ジュエリー、トレンディな靴、スポーツ用品などを販売するビジネスオーナーや、商品画像の質の高い詳細を強調し、多くの商品情報を表示したい方に適しています。
商品詳細ページでは、顧客はマウスポインターを画像の上に置くことで商品画像をズームし、アイテムの詳細を確認できます。
*Note：公式プランを使用しているストアや「ソーシャルコマース」プランのみの場合、ストアのレイアウトを変更することはできません。
1. ストアの色をカスタマイズする
SHOPLINE管理画面で、[オンラインストアデザイン] > [ページ]に移動し、 + 高度なページをクリックして新しいストアページを作成するか、SHOPビルダーをサポートする既存のページの隣にある編集ボタンをクリックします。
SHOPビルダーで、[ストア設定] > [色]に移動して、ページ上の各ブロックの色をカスタマイズします。各ブロックのデフォルトの色は、最初に設定した色になります。
色コードを使用して、ストア全体のボタン、重要な情報、下線の色をカスタマイズできます。6桁のHEXカラーコードを使用してください（可読性を高めるために明るい色の使用は避けてください）。色コードの参考：https://htmlcolorcodes.com/。色設定に関する詳細な指示については、ストア設定 | SHOPビルダーを参照してください。
*Note：SHOPビルダーのフッターを使用していない場合、[SHOPビルダー] > [ストア設定] > [色] > [フッター]でフッターの背景色をカスタマイズできます。
2. 商品詳細ページのレイアウトガイド
A. ウェブサイトは一度に1つの商品画像を表示します。顧客は左側の矢印をクリックすることで他の画像を表示できます。
B. 商品画像はホバーすることでズームできます。さらに、顧客は画像の右下隅にあるズームボタンをクリックすることでフルサイズの画像を表示できます。
[近日公開] 画像をクリックしてズームインします。左右にスクロールしてすべての商品画像を表示します。
C. ウェブサイトは商品説明、配送と支払い、顧客レビューをページネーションで表示します。これにより、顧客は情報を迅速に見つけるだけでなく、情報に集中することができます。
3. 推奨バナーサイズ
この画像圧縮ツールを試してみてください！あなたのウェブサイトを速くします！
https://tinypng.com/
A. 高度なページ
ホームページにはフルスクリーンバナーを使用できます。1920 x 800pxを推奨します。
バナーを狭く表示したい場合は、1920x640pxを推奨します。画面は3/4だけ占有され、商品は下部に表示されます。
*Note：
- SHOPビルダーで作成された高度なページの場合、スライダーパーツを追加する際に「メディアサイズに高さを適応させる」のトグルをオンにして、画像のトリミングを避けてください。
- SHOPビルダーで作成された高度なページについては、以下を参照してください：
- デスクトップ版の推奨画像比率
- 長方形（2:1比率） - 推奨単一画像サイズ：2000 x 1000px。
- 長方形（3:4比率） - 推奨単一画像サイズ：1500 x 2000px
- 正方形（1:1比率） - 推奨単一画像サイズ：2000 x 2000px。
- モバイル版の推奨画像比率
- 長方形（2:1比率） - 推奨単一画像サイズ：1080 x 540px。
- 長方形（3:4比率） - 推奨単一画像サイズ：810 x 1080px
- 正方形（1:1比率） - 推奨単一画像サイズ：1080 x 1080px。
- デスクトップ版の推奨画像比率
B. 商品一覧ページ
このページでは、ビジネスオーナーは全体のカテゴリの豊かさを高めるためにフル幅のバナーをアップロードできます。バナーの高さは400px以内を推奨し、顧客が訪れたときに最初の行の商品を見ることができるようにします。
以上がVarmの特別な紹介です。今すぐ試してみてください！
この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。
コメント