futureshop FAQ

本サイトは、弊社サービスfutureshop」ご契約店舗様用のFAQサイトです。
お困り事やご不明点等ございましたら、お気軽にフューチャーショップサポートまでご連絡ください。

  • 電話でのお問合せ番号(平日10:00~17:00)
  • メールでのお問合せ
  • 文字サイズ変更
  • S
  • M
  • L
  • No : 7000
  • 公開日時 : 2020/04/01 00:00
  • 更新日時 : 2021/08/12 15:15
  • 印刷

パンくずリストを一部だけ表示するようにしたいです

サポートカテゴリー : 

回答

コマースクリエイターご利用店舗様専用の記事です

パンくずリストをメイングループのみ表示する

レイアウト内のパーツを調整することで可能です。

(1)commerce creator>テーマ>レイアウト と進み、種類:商品 にチェックを入れて「検索する」を押下してください。

(2)編集したい商品詳細レイアウトの右側の をクリックしてください。

(3)レイアウト変更画面に進み「サブグループパンくずリストパーツ」の右側の…をクリック後、
   「パーツを外す」をクリックして「保存する」をクリックしてください。



本設定によりメイングループのパンくずリストのみ(1行のみ)が表示されます。

 

サブグループパンくずリストパーツを一部のみ表示する

メイングループ・サブグループのパンくずリストを両方を表示させたまま、
サブグループを一部のみ表示したい場合にはCSSをご利用ください。

例:サブグループの表示は2つのみとし、合計3行の表示とする


commerce creator>テーマ>利用中テーマ「オリジナルCSS」に以下を追記ください。

/*パンくずリストの表示を3行とするCSS*/
.fs-c-breadcrumb__list {
  display:none;
}
.fs-c-breadcrumb__list:first-child {
  display:block;
}
.fs-c-breadcrumb__list--subgroup:nth-child(2) {
  display:block;
}

 

サブグループの表示を2つ以上(合計3行以上)表示させたい場合は、
以下の(2)の括弧内の数字を増やしたCSSをさらに後ろに追記することで可能です。
.fs-c-breadcrumb__list--subgroup:nth-child(2) {
  display:block;
}

 

------------------------
【ご注意】
CSSでのカスタマイズは思わぬ挙動をする場合がございます。
CSS追記後、意図した表示や動作になるか、
購入が正しく行えるかなど、必ず動作確認をお願いいたします。
------------------------

コマースクリエイター用の開店ガイドできました!

はじめてのコマースクリエイター!ショップ開店ガイド

スムーズに解決できなかった場合、記事改善のため解決できなかった理由をお聞かせください。

ご意見・ご感想をお寄せください お問い合わせを入力されましてもご返信はいたしかねます

フューチャーショップサポート

「虎の巻」でお悩みが解決できない場合や、ご不明点等がございましたらお気軽にご連絡ください。

  • お電話でのお問い合わせ(平日10:00~17:00)お電話でのお問い合わせ(平日10:00~17:30)
  • メールフォームをご利用くださいお問い合わせフォーム

ページ
トップへ