ECサイトの場合、商品名、金額など動的な表示が必要となります。
XHTMLだけでは、静的な表現のみになってしまいますが、m:idを使用することで、動的な表現が実現可能です。
m:idは、id属性やclass属性同様に、HTMLタグに属性として指定します。
m:idは主に「HERE」「TAG」「IF」「LOOP」の4種類に分類されます。
ここでは、それぞれの意味と記述方法と、特殊なm:id「commom」「DUMMY」についても説明します。
m:id名が「****_HERE」と記述されているものです。文言などの要素が出力され、m:idを記述したタグは消えます。
m:idを記述したタグは消えてしまうので、スタイル等何らかの属性を適用したい場合は、HEREタグと同じ階層に属性を指定するのではなく、
さらに外側をタグで囲み、そのタグに属性を指定する必要があります。
m:id名が「****_タグの種類_TAG」と記述されているものです。m:idを記述したタグの属性が書き換えられます。
m:id名の「TAG」の前の単語で、どのタグに使用すべきm:idなのかを判断できます。書き換えられる属性は、タグの種類によって変化します。
TAGは、画像、リンク、(一部)インプットでのみ使用します。
HEREタグと異なり、一部を置き換えるためclassやidは消えずに保持されます。
m:id名が「IF_****」と記述されているものです。条件によってそのタグを出し分ける場合に使用します。
※タグの出し分け条件に一致しない場合、タグの中身が全て消えてしまうため、指定場所を誤ると重要な項目が表示されない可能性があります。
IFが含まれるm:idを設置した際は、タグの出し分けで予期せぬ挙動になっていないか、ご確認ください。
また、『m:NOT="" 』属性を使用することで、条件を反転させることができます。
m:id名が「LOOP_****」と記述されているものです。繰り返し同じソースを表示する場合に使用します。
繰り返し同じソースを表示するため、複数表示されたときを想定してデザイン・コーディングを行ってください。
1ページ内にLOOPで表示できるデータの件数は、256件までです。それ以上のデータは表示されません。
LOOPの対象となるデータベースに登録されている件数と、同一テンプレート内に記載しているLOOPの数のかけ合わせによっては、
ページ表示速度の低下等、パフォーマンスの劣化が起きる可能性がございます。あらかじめご了承ください。
m:id名が「common.****」と記述されているものです。基本的にテンプレートごとに使用できるm:idが決まっていますが、
「common.」から始まるm:idは全ページ共通で使用できます。
具体的なm:idについては、「共通で使用できるm:id一覧」をご覧ください。
「common.」から始まるLOOPの内側には、「common.」から始まるm:idのみが使用できます。
各ページ固有のm:idを含めることはできませんのでご注意ください。
ヘッダー、サイドバー、フッターなどの全ページ共通パーツやトップページ(top.xhtml)、
静的ページ(extフォルダ内の静的コンテンツ)は、commonのm:idのみが使用できます。
commonのm:idのみが使用できるページの一覧は下記をご覧ください。
スクロールすると、対象のページをすべてご確認いただけます。
テンプレートファイル | テンプレートファイル名(日本語) |
---|---|
header.xhtml | カート以外のページで表示する共通ヘッダー |
footer.xhtml | カート以外のページで表示する共通フッター |
sidebar.xhtml | 共通で使用するサイドバー |
header_cart.xhtml | カートページで表示する共通ヘッダー |
footer_cart.xhtml | カートページで表示する共通フッター |
top.xhtml | サイトトップページ |
sc_navi-left.xhtml | 特設ページ作成時のサイドバーが左にあるページ |
sc_navi-none.xhtml | 特設ページ作成時のサイドバーがないページ |
sc_navi-right.xhtml | 特設ページ作成時のサイドバーが右にあるページ |
parts.xhtml | parts$フォルダを利用する場合のシステム用テンプレート |
site_close_error.xhtml | 開店準備中ページ |
cart_pre.xhtml | 注文処理中ページ |
present_result.xhtml | プレゼント応募完了ページ |
password_update_result.xhtml | パスワード変更完了ページ |
password_reminder_result.xhtml | パスワードリマインダー完了ページ |
member_taikai_result.xhtml | 会員退会完了ページ |
kessai_result.xhtml | ページ遷移型決済完了ページ |
member_history_order_kessai_result.xhtml | FLEX BtoB決済の注文時、審査結果NG受注の決済方法変更完了ページ |
member_credit_3ds_entry.xhtml | クレジットカード情報登録3Dセキュア認証ページ |
member_estimate_order_3ds_entry.xhtml | 見積からの注文時3Dセキュア認証ページへのリダイレクトページ |
stepmail_exit_result.xhtml | ステップメールの解除時のページ |
teiki_credit_3ds_entry.xhtml | 定期購入商品のクレジットカード情報変更ページ |
cart_sbps_entry.xhtml | SBPS決済お申込みへの遷移中ページ |
cart_nicos_entry.xhtml | ニコス決済お申込みへの遷移中ページ |
amazon_pay_pre_login.xhtml | Amazon Pay ログイン中ページ |
amazon_pay_v2_pre_login.xhtml | Amazon Pay V2 ログイン中ページ |
item_list_awoo.xhtml | 特徴別商品一覧ページ |
「DUMMY」というm:idが記述されたタグは、サーバーにアップロードして動的にページを表示した際には、非表示となります。
LOOPの利用時など、実際のブラウザでXHTMLを開いた際の、デザインのイメージをローカル上で確認したいときに活用いただけます。
当ページの記載内容は、標準機能に関するものです。
機能に関するカスタマイズをされている場合にはこの限りではありません。