ページインジケーター 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;
}