[戻る]
No.2584

ぱんくずリスト

エルファクトリーさん  投稿日:2017/05/18(Thu) 23:39
key

おたすけナビでも有りますがぱんくず表示が2行で表示される質問で
pager_count, /* 一覧 検索ヒット件数 */
.category_name{ /* カテゴリーぱんくず */
display: inline-block; ← 削除
padding: 0px 3px;
text-align: left;
font-size: 9.5px;
min-height: 16px;
}
矢印の部分削除と有りますがcssシートのその部分に
display: inline-block;記述が見当たりません
若干下辺りにあるのですがこれを削除でも行けますか?
.category_name { /* カテゴリーぱんくず */
margin: 7px 0;
font-size: 12px;
color: #808080;
}
.pager_count{ /* 一覧 検索ヒット件数 */
margin-bottom: 10px;
font-size: 12px;
opacity: 0.65;
}
/* カレントカテゴリー説明欄 */
.category_explain {
margin-bottom: 25px;
}
.pager_number, /* 一覧 ページインデックス枠 */
.pager_prerious, /* 一覧 preriousページ枠 */
.pager_next { /* 一覧 netページ枠 */
display: inline-block;
vertical-align: middle;
}
.pager_number { /* 一覧 ページインデックス枠 */
margin: 0 10px;
padding: 2px 10px;

Re: ぱんくずリスト

おたすけマイショップさん  2017/05/19(Fri) 11:21 No.2586
key

ご覧いただきました「おたすけマイショップ No.2144(Re: パンクズリストについて)」の投稿ですが、こちらは、パンくずリストを表示する幅があるにも関わらず、改行されてしまう件について、初期のテンプレート側にて「display: inline-block;」が不要だったため、削除を案内させていただいた内容となります。

このスタイルは現在、テンプレートの初期状態からから削除しておりますので、ご利用者様によってはございません。

以上を含め今回、パンくずリストを表示している部分が改行されないような修正を希望されていると認識致します。

貴店舗を拝見したところ、パンくずリストが改行される原因としては、パンくずリストを配置している領域(横幅)が狭いため、改行されております。

こちらを解消する場合は、以下のいづれかの方法がございます。

・パンくずリストを配置した横幅を広げる
 ⇒ページレイアウト管理(デザイン設定>レイアウトタブ)を開き、パンくずリストのパーツを配置している領域
  の左上にある設定(ギアアイコン)から横幅を広げます。
・パンくずリストのスタイル(フォントサイズなど)を変更する
 ⇒classに対し、スタイルを追加します。

[追加例]
<style>
.category_name {
font-size: 10px;
}
</style>


スタイルの追加は、以下の方法で追加して下さい。

1. 店長ナビトップ > デザイン設定 > [レイアウト]タブ でページレイアウト管理を表示
2. スクリーンの設定ボタン(ギアアイコン)をクリック
3. [<head>追加]内に内容を追記して「保存」をクリック

※いづれの方法でも、パンくずリストの文字数により改行される恐れがございますので、パンくずリストのパーツを
 横幅がある領域(すぐ上の領域)に移動していただくことをお勧め致します。

以上を参照の上、設定をお試しください。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』