パンくずリスト の使い方

商品ページ、コレクションページ、ブログ、記事、固定ページなどで、訪問者に現在位置を示すパンくずリストを自動表示するセクションです。区切り文字、ホームリンク、テキストの見た目、PC/モバイル別余白までテーマエディターから調整できます。

目次

設定項目

パンくずリスト

表示されないテンプレート - トップページ、カートページ、コレクションリストページ、404ページでは自動的に非表示になります。

商品ページ、コレクションページ、ブログ、記事、固定ページなどで、現在位置を示すパンくずリストを自動生成します。

Copilify パンくずリスト ヘルプ パンくずリスト

テキストの見た目

サイズ-PC(px) - PC表示時のパンくずテキストサイズを調整します。

サイズ-モバイル(px) - モバイル表示時のパンくずテキストサイズを調整します。

テキスト色 - リンクと現在ページ名の文字色を変更します。

テキストの太さ - 通常または太字を選べます。

Copilify パンくずリスト ヘルプ テキストの見た目

区切り文字

パンくずリストの区切り文字 - ホーム、コレクション、現在ページの間に表示する記号を変更します。

商品が複数コレクションに含まれる場合の区切り文字 - 複数コレクション名を並べるときの区切り文字を設定します。

Copilify パンくずリスト ヘルプ 区切り文字

ホームリンク

アイコン画像 - ホームリンクの前に表示する画像を設定します。未設定の場合はテキストのみ表示されます。

アイコン画像のサイズ(px) - ホームアイコン画像の表示サイズを調整します。

テキスト - ホームリンクとして表示する文言を変更します。

Copilify パンくずリスト ヘルプ ホームリンク

PC表示での余白

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

Copilify パンくずリスト ヘルプ PC表示での余白

モバイル表示での余白

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

Copilify パンくずリスト ヘルプ モバイル表示での余白

その他

背景色 - パンくずリスト部分の背景色を変更します。

最大幅(px) - パンくずリストを表示する内側コンテンツ幅の上限を設定します。

Copilify パンくずリスト ヘルプ その他

よくある質問

どのページに表示できますか?

商品ページ、コレクションページ、ブログ、記事、固定ページなどに表示できます。トップページ、カートページ、コレクションリストページ、404ページでは自動で非表示になります。

商品が複数コレクションに入っている場合はどう表示されますか?

商品が複数のコレクションに含まれる場合は、関連するコレクション名を並べて表示します。区切り文字は専用設定で変更できます。

ホームアイコンは必須ですか?

必須ではありません。アイコン画像を設定しない場合は、ホームリンクのテキストだけを表示できます。