モバイルメニュー項目とカテゴリの表示 | 高度なデザイン設定

1. EC (EN).png

モバイルフォンを使用する顧客により良いブラウジング体験を提供するために、異なるカタログとカテゴリ表示機能を提供しています。サブメニューやサブカテゴリを展開するか、モバイルウェブサイトで商品カテゴリの表示を隠すかを選択できます。

 

目次:

 

ステップ 1

SHOPLINE管理画面で、[オンラインストアデザイン] > [デザイン] > 高度な設定に移動します。

EN1.png

 

ステップ 2

「モバイルでのメニュー項目をデフォルトで折りたたむ」をチェックすると、メニューのナビゲーションはデフォルトでサブメニュー項目を展開しません。チェックを外すと、モバイルメニューのナビゲーションはデフォルトで全てのサブメニュー項目を展開します。

EN2.png

 

ストアフロントでの表示効果:

Collapse_menuEN.png

 

 

2. モバイルメニューでのカテゴリの非表示

ステップ 1

SHOPLINE管理画面で、[オンラインストアデザイン] > [デザイン] > 高度な設定に移動します。

EN1.png

 

ステップ 2

「モバイルメニューでのカテゴリを非表示」をチェックすると、「カテゴリ」メニューはモバイルメニューで非表示になります。チェックを外すと、展開された「カテゴリ」メニューがモバイルメニューに表示されます。

EN3.png

ストアフロントでの表示効果:

hidecateEN.png

 

ステップ 1

SHOPLINE管理画面で、[オンラインストアデザイン] > [デザイン] > 高度な設定に移動します。

EN1.png

 

ステップ 2

「デフォルトでカテゴリを折りたたむ」をチェックすると、「カテゴリ」メニューはPCの商品一覧ページとモバイルメニューの両方でデフォルトで非表示になります。チェックを外すと、展開された「カテゴリ」セクションがPCの商品一覧ページとモバイルメニューに表示されます。

EN4.png

 

ストアフロントでの表示効果:

Screen_Shot_2022-11-18_at_5.29.28_PM.png

 

4. 新しいページビルダーでの設定

新しいバージョンのSHOPLINEページビルダーでは、モバイルウェブサイトでのメニュー表示や商品リストのサブカテゴリを調整できます。

*Note: 新しいページビルダーは現在、Ultra Chic、Kingsman、Varmテーマテンプレートのみをサポートしています。

新しいページビルダーに移動

SHOPLINE管理画面で、[オンラインストアデザイン] > [ページ]に移動します。高度なページをクリックして新しいページビルダーを開きます。

EN6.png

 

A. モバイルメニュー設定の調整

左側のメニューでストア設定をクリックし、モバイルを選択して、ストアカタログがモバイルでどのように表示されるかを調整します。詳細については、こちらの記事を参照してください。

*Note: 「メニュー項目を折りたたむ」トグルをオン/オフすると、すべての既存ページがそれに応じて変更されます。Mobile1.png

 

B. カテゴリ表示の調整

ストア設定 > 商品 > メニュー / カテゴリをクリックして、モバイルメニューとPCの商品一覧ページでサブカテゴリを表示するか折りたたむかを調整します。詳細については、こちらの記事を参照してください。

menu%2Bcate.png

 

さらに読む

 

 

 

 

 

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

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

コメント