FutureShop2 虎の巻

Home > カスタマイズ[PC店舗] | ページ設定 > 複数のパンくず(ナビゲーション)表示した際に隙間を調整したい

複数のパンくず(ナビゲーション)表示した際に隙間を調整したい

商品ページおいて、所属している全グループのナビゲーション(パンくずナビ)を表示させる設定が可能です。

構築メニュー>ページ設定>商品ページ>サブグループのナビゲーションの表示「表示する」にチェック


pan1.png

この設定を行った際に、商品ページにおいて複数のパンくずナビの隙間が空いて、商品ページが見辛くなることがあります。
その場合は、CSSにてパンくずナビの隙間を調整することが可能です。

サンプルCSS

下記を、構築メニュー>デザイン設定>ご利用中のレイアウト編集>オリジナルCSS に追記してご確認ください。

/*パンくずのmargin調整*/
.pan {
margin: 0 0 2px;
}

※数値は適宜、ご調整ください。

【調整前】隙間が空いている状態
pan2.png
【調整後】CSSにて調整した状態
pan3.png