ページインジケーター page-indicator

ページインジケーターは、現在のページインデックスと合計ページ数を表示します。 デスクトップシステムやタブレットのメインコントロールバーに表示され、携帯電話ではセカンダリコントロールバーに追加されます。 ページインジケーターは、CSS を使用してサイズ変更、スキニング、配置を行うことができます。

外観ページインジケーターは、次の CSS クラスセレクターで制御します。

.s7ecatalogsearchviewer .s7pageindicator

例 – 56 x 28 ピクセルのページインジケーターをメインコントロールバーの下部から水平方向に中央に 4 ピクセル配置して設定し、14 ピクセルの Helvetica® フォントを使用する場合

.s7ecatalogsearchviewer  .s7pageindicator {
 position:absolute;
 bottom: 4px;
 margin-left: -28px;
 left: 50%;
 width:56px;
 height:28px;
 font-family: Helvetica;
 font-size:14px;
}