SHOPLINEは、化粧品、デザート、ジュエリー、セレクトショップ、ウェディングドレスなどの販売に適した洗練されたデザインスタイルを提供するテーマテンプレートDoris Bienを誇りを持って紹介します。特に、高品質な商品画像とスタイリッシュなブログページを強調したいビジネスオーナーに最適です。
Doris Bienは、さまざまなビジネスのスタイルを構築するために、白と黒の背景色の選択肢を提供します。白は特に女の子の化粧品、デザート、ジュエリー、文化的およびクリエイティブデザイン、生活、ウェディングドレスに適しており、黒は男性のスポーツ用品、トレンディな衣類、時計などに適しています。
*Note: あなたのストアが公式プランと「ソーシャルコマース」プランを使用している場合、ストアのレイアウトを変更することはできません。
1. ストアの色をカスタマイズする
SHOPLINE管理画面で、[オンラインストアデザイン] > [デザイン]に移動し、Doris Bienテーマテンプレートをクリックします。
A. カスタムテーマ背景色
ブランドスタイルに応じて、全体のサイトテーマを表現するライトバージョンとダークバージョンを提供します。
ダークバージョン
以下はデモです。
ライトバージョン
以下はデモです。
B. カラーテーマとテキストのカスタマイズ
色のカスタマイズにより、すべてのボタン、強調情報、下線の色を6桁のHEXカラーコードで変更できます。ライトバージョンでは暗い色を、ダークバージョンでは明るい色を使用することをお勧めします。
HEXカラーコードの参考： https://htmlcolorcodes.com/
2. 商品詳細ページでの優れたデザインに顧客の注目を集める
商品詳細ページで高品質な画像表示を行うために、商品カテゴリは表示されません。商品説明、追加詳細、配送と支払いのセクションは、読みやすさを高めるために、すっきりとシンプルなデザインになっています。以下は4つの簡単な紹介です：
- カートに追加セクション
- 商品説明
- 追加詳細
- 配送と支払い
A. カートに追加セクション
ライン装飾がインターフェースをエレガントでシンプルにします。
B. 商品説明セクション
サイトの幅が広いため、説明テキストは中央に揃えることをお勧めします。
C. 追加詳細セクション
追加詳細にフル幅の画像を配置して情報の完全性を高めることができます。
D. 配送と支払いセクション
配送と支払いオプションは2つの列に分かれており、読みやすさが向上します。
3. バナーサイズの提案
この圧縮画像ツールを試してみてください！あなたのウェブサイトを速くします！
https://tinypng.com/
A. 高度なページ
ホームページにはフルスクリーンバナーを使用でき、1920 x 850pxを推奨します。
商品を最初の画面に表示したい場合は、1920x640pxを使用すると、画面は3/4しか占有せず、商品は下部に表示されます。
B. 商品一覧ページ
このページでは、フル幅のバナーが全体のコレクションのインパクトを生み出します。バナーの高さは640px以内を推奨し、顧客が訪れたときに最初の行の商品を見ることができます。
以下は、ブティックタイプの商品に適したフル幅のバナーの例です。
4. より良く、より活気のあるブログレイアウトを体験する。
Doris Bienは、ブログページの全く新しいレイアウトを提供します。自動スタッキング機能と無限スクロールにより、レスポンシブレイアウトは記事内の最初の画像の高さによって調整されます。Doris Bienブログページは、印象的で素晴らしい外観を表示するように設計されています。
上記はDoris Bienの特別な紹介です。今すぐ試してみてください！
この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。
コメント