テーマテンプレート ダスク ユーザーガイド

SHOPLINEは、Duskテーマテンプレートのデザインにクラシックな黒と白の色を使用しています。蛍光色を使用することで、ユニークなファッションショップを作成できます。B適切な色とミニマリストデザインは、3C商品、金属および機械、自動車、オートバイ、部品＆アクセサリー、フィットネス機器、写真機器、オーディオ電子機器、電子楽器を販売するビジネスオーナーに適しています。

*Note: あなたのストアが公式プランを使用している場合、または「ソーシャルコマース」プランのみを使用している場合、ストアのレイアウトを変更することはできません。

• カスタムウェブサイトテーマの色とフォント
• 商品一覧ページの機能
• バナーサイズの提案

1. ストアの色とフォントをカスタマイズする

Duskテーマテンプレートは、全黒の背景でデザインされています。テーマの色とフォントをカスタマイズすることで、独自のファッションブランドイメージを作成できます。

A. カスタムテーマカラー

この色はすべてのボタンとメンバー価格タグに適用されます。読みやすさを向上させるために、明るい色または蛍光色の使用をお勧めします。

ロケーション：管理画面 > オンラインストアデザイン > デザイン > ストアフロントテンプレート > Duskのテーマ設定
(6桁のHEXカラーコードで色を設定してください。HEXカラーコードの参照：https://htmlcolorcodes.com/)

B. カスタムテーマフォント

Duskテーマには、NunitoとLoraの2種類のフォントを提供しています。適用すると、サイト全体が選択したフォントに置き換わります。

• Nunito - すっきりとした現代的なフォント
• Lora - 優雅で移行的なセリフフォント

2. 商品一覧ページの機能

A. 半ページデザインでの即時カート追加

大きなレイアウトは、より大きな商品画像を表示し、より多くの商品詳細を示すことができます。

B. 商品画像の比率は1:1

正方形のレイアウトはページの秩序を高めます。

管理画面 > オンラインストアデザイン > デザイン > 高度な設定に移動し、「商品画像を商品ボックスに合わせてトリミングする」をチェックすることで、商品画像を統一して商品ボックスを埋めることができます。

C. 次の商品画像のプレビュー

商品画像にマウスポインタを重ねることで、次の商品画像をプレビューできます。

3. バナーサイズの提案

この圧縮画像ツールを試してみてください！あなたのウェブサイトをより速くします！
https://tinypng.com/

A. 高度なページ

ホームページにはフルスクリーンバナーを使用でき、サイズは1920 x 850pxを推奨します。


商品を最初の画面に表示したい場合は、1920 x 450pxを推奨します。画面は3/4だけ占有され、商品は下部に表示されます。

B. 商品一覧ページ

このページでは、ビジネスオーナーがフル幅のバナーをアップロードして、全体のカテゴリの豊かさを高めることができます。バナーの高さは640px以内を強く推奨します。そうすれば、顧客がページにアクセスしたときに最初の行の商品を見ることができます。