各ページ固有のclass名やid名はありますか

2012-08-20 15:13

 

扉ページclass名
.intro_page_body
トップページclass名
.top_page_body
カテゴリ一覧ページ(共通)class名
.categorylist_page_body

各カテゴリページid名
#categorylist_page_1~#categorylist_page_50・・・・
※各カテゴリページid名は、各ページのURL内の番号を指定いただくことで、各カテゴリページのみの指定を行うことができます。

例) https://demo.ocnk.net/product-list/3の場合
下記のように指定することで、上記のカテゴリ一覧ページのみに表示されるタイトル画像等を指定することができます。
#categorylist_page_3 .ptitle {
background-image: url(image/category_3title.gif);
}
特集(グループ)一覧ページ(共通)class名
.pickuplist_page_body

各特集(グループ)ページid名
#pickuplist_page_1~#pickuplist_page_50・・・・
※各特集ページid名は、各ページのURL内の番号を指定いただくことで、各特集ページのみの指定を行うことができます。

例) https://demo.ocnk.net/product-group/2の場合
下記のように指定することで、上記の特集一覧ページのみに表示されるタイトル画像等を指定することができます。
#pickuplist_page_2 .ptitle {
background-image: url(image/pickup_2title.gif);
}
商品詳細ページ(共通)class名
.detail_page_body
各商品詳細ページid名
#detail_page_1~#detail_page_1000・・・・
※各商品詳細ページid名は、各ページのURL内の番号を指定いただくことで、各商品詳細ページのみの指定を行うことができます。

例) https://demo.ocnk.net/product/3の場合
下記のように指定することで、上記の商品詳細ページのみに表示されるタイトル画像等を指定することができます。
#detail_page_3 .ptitle {
background-image: url(image/detail_3title.gif);
}
バリエーション在庫ページクラス名 ※商品詳細ページからポップアップ表示されるページ
.stocklist_page_body

送料オプションページクラス名 ※商品詳細ページからポップアップ表示されるページ
.option_page_body

ショッピングカートページ(共通)class名
.shoppingcart_page_body
各ショッピングカートページid名
#shoppingcart_page_step0~#shoppingcart_page_step6
※各ショッピングカートページid名は、各ページのURL内の番号を指定いただくことで、各ショッピングカートページのみの指定を行うことができます。

例) https://demo.ocnk.net/cart/0の場合
下記のように指定することで、上記のカートステップページのみに表示されるタイトル画像等を指定することができます。
#shoppingcart_page_step0 .ptitle {
background-image: url(image/cart_0title.gif);
}
ご利用案内ページclass名
.help_page_body
お問い合わせトページ(共通)class名
.inquiry_page_body

お問い合わせ確認ページid名
#inquiry_page_check

お問い合わせ完了ページid名
#inquiry_page_complete

※お問い合わせページは、確認、完了ページに個別のid名を指定することで、そのページのみの指定を行うことが可能です。

例)
下記のように指定することで、お問い合わせ完了ページに表示されるタイトル画像等を指定することができます。
#inquiry_page_complete .ptitle {
background-image: url(image/inquiry_complete_title.gif);
}
店長日記ページclass名
.diary_page_body
特定商取引法ページclass名
.legal_page_body
掲示板ページclass名
.bbs_page_body
リンクページclass名
.link_page_body
What'sNewページclass名
.whatnew_page_body
フリーページ(共通)class名
.free_page_body
各ショッピングカートページid名
#free_page_1~#free_page_10・・・・
※各フリーページid名は、各ページのURL内の番号を指定いただくことで、各フリーページのみの指定を行うことができます。

例) https://demo.ocnk.net/page/1の場合
下記のように指定することで、上記のフリーページのみに背景色を黒色に指定することができます。
#free_page_1 {
background-color: #000000;
}
新規(会員)登録ページ(共通)class名
.mregistration_page_body

新規(会員)登録確認ページid名
#mregistration_page_check

新規(会員)登録完了ページid名
#mregistration_page_complete

※新規登録ページは、確認、完了ページに個別のid名を指定することで、そのページのみの指定を行うことが可能です。

例)
下記のように指定することで、新規登録完了ページに表示されるタイトル画像等を指定することができます。
#mregistration_page_complete .ptitle {
background-image: url(image/entry_complete_title.gif);
}
登録情報変更ページ(共通)class名
.change_page_body

登録情報変更確認ページid名
#mchange_page_check

登録情報変更完了ページid名
#mchange_page_complete

※登録情報変更ページは、確認、完了ページに個別のid名を指定することで、そのページのみの指定を行うことが可能です。

例)
下記のように指定することで、登録情報変更完了ページに表示されるタイトル画像等を指定することができます。
#mchange_page_complete .ptitle {
background-image: url(image/change_complete_title.gif);
}
登録情報の削除ページ(共通)class名
.mdelete_page_body

登録情報の削除完了ページid名
#mdelete_page_complete

登録情報の削除ページは、完了ページに個別のid名を指定することで、そのページのみの指定を行うことが可能です。

例)
下記のように指定することで、登録情報の削除完了ページに表示されるタイトル画像等を指定することができます。
#mdelete_page_complete .ptitle {
background-image: url(image/delete_complete_title.gif);
}
パスワードを忘れた方ページ(共通)class名
.password_page_body

パスワードを忘れた方完了ページid名
#password_page_complete

パスワードを忘れた方ページは、完了ページに個別のid名を指定することで、そのページのみの指定を行うことが可能です。

例)
下記のように指定することで、パスワードを忘れた方完了ページに表示されるタイトル画像等を指定することができます。
#password_page_complete .ptitle {
background-image: url(image/password_complete_title.gif);
}
マイページclass名
.my_page_body
お届け先一覧class名 ※マイページ、カート内から表示されるお届け先の一覧
.shippinglist_page_body
お届け先の登録ページ(共通)class名
.shipping_page_body

お届け先の登録確認ページid名
#shipping_page_check

お届け先の登録完了ページid名
#shipping_page_complete

お届け先の登録ページは、完了ページに個別のid名を指定することで、そのページのみの指定を行うことが可能です。

例)
下記のように指定することで、お届け先の登録完了ページに表示されるタイトル画像等を指定することができます。
#shipping_page_complete .ptitle {
background-image: url(image/shippingentry_complete_title.gif);
}
お届け先の変更ページ(共通)class名
.shippingchange_page_body

お届け先の変更確認ページid名
#shippingchange_page_check

お届け先の変更完了ページid名
#shippingchange_page_complete

お届け先の変更ページは、確認、完了ページに個別のid名を指定することで、そのページのみの指定を行うことが可能です。

例)
下記のように指定することで、お届け先の変更完了ページに表示されるタイトル画像等を指定することができます。
#shippingchange_page_complete .ptitle {
background-image: url(image/shippingchange_complete_title.gif);
}
送り主一覧class名 ※マイページ、カート内から表示される送り主の一覧
.senderlist_page_body
送り主の登録ページ(共通)class名
.sender_page_body

送り主の登録確認ページid名
#sender_page_check

送り主の登録完了ページid名
#sender_page_complete

送り主の登録ページは、完了ページに個別のid名を指定することで、そのページのみの指定を行うことが可能です。

例)
下記のように指定することで、送り主の登録完了ページに表示されるタイトル画像等を指定することができます。
#sender_page_complete .ptitle {
background-image: url(image/senderentry_complete_title.gif);
}
送り主の変更ページ(共通)class名
.senderchange_page_body

送り主の変更確認ページid名
#senderchange_page_check

送り主の変更完了ページid名
#senderchange_page_complete

送り主の変更ページは、確認、完了ページに個別のid名を指定することで、そのページのみの指定を行うことが可能です。

例)
下記のように指定することで、送り主の変更完了ページに表示されるタイトル画像等を指定することができます。
#senderchange_page_complete .ptitle {
background-image: url(image/senderchange_complete_title.gif);
}
会員制限用 ※アクセス不可の場合
.member_page_body
購入履歴一覧
.historylist_page_body
購入履歴詳細
.historydetail_page_body
検索結果
.result_page_body
ポイントについて ※アイコンボタンからポップアップ
.pointhelp_page_body
会員制限について ※アイコンボタンからポップアップ
.memberhelp_page_body