Minimalのヒント
この記事では、オンラインストアでMinimalを設定するために役立つヒントやベストプラクティスを紹介します。
画像のヒント
以下は、Minimalを使用して画像を表示するためのヒントです。
商品画像
Minimalテーマは、高解像度の写真を使うとより洗練されプロフェッショナルに見えるので、1024 x 1024ピクセル以上の画像を目指すことをおすすめします。画像は2048 × 2048ピクセルの大きさにすることができます。
ズームイン機能を使用する場合は、非常に大きな画像を使うことが特に重要になります。
商品画像がコレクションページに並んで表示される場合、サイズが異なることがあります。画像を同じサイズに表示するには、商品の記事のサムネイルにするアップロード画像すべてにおいて、同じ幅と高さの比を使用してください。
商品ページのメイン商品画像が小さすぎると思う場合、レイアウトを調整してサイズを拡大することができます。
商品ページの画像サイズを拡大する
高解像度の画像をアップロードしているにもかかわらず、商品ページのメイン商品画像が小さすぎると思う場合、ワイドレイアウトの有効化、および商品サムネイルの位置の変更を検討してください。
ワイドレイアウトを有効にする
- 管理画面から [オンラインストア] > [テーマ] の順に移動します。
- Minimalのヒントの隣にある [カスタマイズする] をクリックします。
- Shopifyアプリから [Store] をタップします。
- [販売チャネル] セクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- Minimalのヒントの横にある [カスタマイズ] をタップします。
- [編集] をタップします。
- Shopifyアプリから [Store] をタップします。
- [販売チャネル] セクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- Minimalのヒントの横にある [カスタマイズ] をタップします。
- [編集] をタップします。
- [テーマ設定] > [レイアウト] に移動します。
- [ワイドレイアウトを有効にする] にチェックを入れます。
- [保存] をクリックします。
商品サムネイルの位置を変更する
- 管理画面から [オンラインストア] > [テーマ] の順に移動します。
- Minimalのヒントの隣にある [カスタマイズする] をクリックします。
- ページ上部のドロップダウンメニューを開きます。
- Shopifyアプリから [Store] をタップします。
- [販売チャネル] セクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- Minimalのヒントの横にある [カスタマイズ] をタップします。
- [テンプレート] をタップします。
- Shopifyアプリから [Store] をタップします。
- [販売チャネル] セクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- Minimalのヒントの横にある [カスタマイズ] をタップします。
- [テンプレート] をタップします。
- [商品ページ] を選択します。
- [商品ページ] セクションをクリックします。
- 商品のサムネイルの位置ドロップダウンメニューから、[メイン画像の下] を選択します。
- [保存] をクリックします。
メニューのヒント
メインメニューにドロップダウンメニューを追加するには、メニューページにメニューを作成する必要があります。
商品のヒント
Minimalを使用して、商品にセールバッジ、または完売オーバーレイを追加することができます。
商品に「販売バッジ」を追加する
コレクションページの商品に、円形のセールバッジを追加することができます。 割引前価格が商品の価格よりも高い場合、バッジはコレクションページの商品に表示されます。
- 商品またはバリエーションの価格よりも高い割引前価格を設定します。
- 管理画面から [オンラインストア] > [テーマ] の順に移動します。
- Minimalの横にある [カスタマイズ] をクリックします。
- ページ上部のドロップダウンメニューを開きます。
- [コレクションページ] を選択します。
- [コレクションページ] セクションをクリックします。
- [丸で囲んだ商品セールを表示する] を有効にします。
- [保存] をクリックします。
売り切れた商品に「売り切れ」オーバーレイを追加する
商品の在庫レベルが0で、在庫切れの場合でも販売を続けるが有効になっていない場合、コレクションページの完売商品にオーバーレイが表示されます。
- 管理画面から [オンラインストア] > [テーマ] の順に移動します。
- Minimalのヒントの隣にある [カスタマイズする] をクリックします。
- ページ上部のドロップダウンメニューを開きます。
- Shopifyアプリから [Store] をタップします。
- [販売チャネル] セクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- Minimalのヒントの横にある [カスタマイズ] をタップします。
- [テンプレート] をタップします。
- Shopifyアプリから [Store] をタップします。
- [販売チャネル] セクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- Minimalのヒントの横にある [カスタマイズ] をタップします。
- [テンプレート] をタップします。
- [コレクションページ] を選択します。
- [コレクションページ] セクションをクリックします。
- [丸で囲んだ売り切れを表示する] を有効にします。
- [保存] をクリックします。
レイアウトのヒント
ワイドレイアウトを有効にすると、デスクトップからオンラインストアを閲覧した時には、画像が大きく表示され、テキストのためのスペースが増え、空白のスペース (または「余白」) が少なくなります。
ワイドレイアウトを有効にする
- 管理画面から [オンラインストア] > [テーマ] の順に移動します。
- Minimalのヒントの隣にある [カスタマイズする] をクリックします。
- Shopifyアプリから [Store] をタップします。
- [販売チャネル] セクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- Minimalのヒントの横にある [カスタマイズ] をタップします。
- [編集] をタップします。
- Shopifyアプリから [Store] をタップします。
- [販売チャネル] セクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- Minimalのヒントの横にある [カスタマイズ] をタップします。
- [編集] をタップします。
- [テーマ設定] > [レイアウト] に移動します。
- [ワイドレイアウトを有効にする] にチェックを入れます。
- [保存] をクリックします。