お知らせ・バナーヘッダー設定｜SHOP Builder

SHOP Builderの「お知らせバナー」と「ヘッダー」機能を使用すると、ウェブサイトが視覚的に際立ち、同時にストアに関するより関連性の高い情報を表示できます。

この記事では、以下の内容をカバーします：

• お知らせバナーの設定
• ヘッダーの設定

⚠️ 始める前に：

• SHOP Builderは現在、Ultra Chic、Kingsman、Varm、Philiaテーマテンプレートのみをサポートしています。
• ページをSHOP Builderを使用して作成した後、他のテーマテンプレートに切り替えてもページは表示されますが、編集はできず、レイアウトが崩れる可能性があります。ページを公開する前にこの点に注意してください。

1. お知らせバナーの設定

ステップ 1

SHOPLINE管理画面に進み、> [オンラインストアデザイン] > [ページ] をクリックし、[高度なページ/編集]ボタンをクリックして高度なページ設定を開きます。

ステップ 2

お知らせバナーボタンをクリックします。

ステップ 3

「テキスト」または「カウントダウン」パーツを追加することができます。

 

1. カウントダウンパーツを追加

カウントダウンをクリックして、お知らせバナーとしてカウントダウンパーツを追加します。カウントダウンパーツに関する詳細情報は、この記事を参照してください。



 

2. テキストパーツを追加

テキストボタンをクリックします。

テキストパーツの内容を編集します。

• タイトル：お知らせバナーのタイトルを入力します。
• リンク：リンクを入力し、リンクを開く方法を選択することもできます。
  • 現在のウィンドウ：現在のウィンドウから直接ページを開く
  • 新しいウィンドウ：新しいウィンドウでページを開く。

「言語」ドロップダウンメニューをクリックすると、サポートされている言語のリストが表示されます。このお知らせバナーの表示内容を各言語インターフェースごとに設定できます。

ステップ 4

作成したお知らせバナーの右側にあるゴミ箱アイコンをクリックして削除します。再度テキストボタンをクリックして、別のお知らせバナーを追加します。

ステップ 5

複数のお知らせバナーを追加した場合、表示方法を選択できます。
*Note: 現在、最大3つのお知らせバナーを追加することをサポートしています。

 

A. スライダー

 

B. すべてリスト表示

ステップ 6

スライダーの表示時間を設定できます。

ステップ 7

設定プロセス中に、下の保存ボタンをクリックして右側に新しく追加された掲示板をプレビューするか、右上のプレビューページをクリックしてストアフロントでプレビューします。

ステップ 8

設定が完了したら、右上の公開ボタンをクリックして、顧客がストアフロントでこのタブのすべての新しいコンテンツを表示できるようにします。

2. ヘッダーの設定

高度なページ設定ページで、ヘッダーボタンをクリックします。

A. ロゴ

ストアのロゴのサイズと位置をPC/モバイルインターフェースで設定するには、ロゴをクリックします。

B. メニュー

ストアのメニューの配置をPCインターフェースで設定するには、メニューをクリックします。

*Note: ストアのロゴとメニューを設定するには、SHOPLINE Admin > [オンラインストアデザイン] > [デザイン/ストアメニュー]に進んでください。

C. パディング

ページの上部にヘッダーを固定し、ページをスクロールダウンしてヘッダーのパディングを調整するかどうかを選択できます。

D. 検索バー

検索バーの表示を設定できます。

• なし：検索バーなし
• アイコン
  
• アイコン＆テキスト
  
   
• 検索バー
  
   

E. 言語セレクター、特定の言語を非表示

a. 言語セレクター

言語セレクターの表示を設定できます。

• なし：言語セレクターボタンなし。
• アイコン
  
• アイコン＆テキスト
  
   

b. 特定の言語を非表示

「特定の言語を非表示」ドロップダウンメニューには、すべてのサポートされている言語が表示されます。非表示にしたい言語を選択し、特定の言語を非表示をクリックすると、顧客はストアフロントでこれらの言語に切り替えることができなくなります。

F. 通貨セレクター
 

通貨セレクターボタンの表示を設定できます。

• なし：通貨セレクターアイコンなし
• アイコン
  
   
• アイコン＆テキスト
  
   

G. お問い合わせ

お問い合わせボタンの表示を設定できます。

• なし：通貨セレクターアイコンなし
• アイコン
  
   
• アイコン＆テキスト
  
   

H. メンバーセンター

メンバーセンターボタンの表示を設定できます。

• アイコン
  
   
• アイコン＆テキスト（テキストは顧客のログイン状況に応じます）
  
  
  
   

I. カート

カートボタンの表示を設定できます。

• アイコン
  
   
• アイコン＆テキスト
  
   

セットアップ中に、下部の 保存 ボタンをクリックし、右上の ストアのプレビュー をクリックして、完全なストアフロントをプレビューできます。

セットアップを確認したら、右上の 公開 をクリックして、顧客がこのタブのすべての新しいコンテンツをストアフロントで表示できるようにします。

続きを読む

• テキストパーツ | ショップビルダー
• ギャラリーパーツ | ショップビルダー
• 画像とテキストのパーツ | ショップビルダー
• スライダーパーツ | ショップビルダー
• 商品リストパーツ | ショップビルダー
• 商品スライダーパーツ | ショップビルダー
• SEO設定 | ショップビルダー
• フッター設定 | ショップビルダー