#695 HTML IDs for pages

template/layout_1_column.html

@@ -1,5 +1,5 @@
 <!-- layout 1 column [ start ] -->
-<div class="bx-layout-wrapper bx-layout-1-column bx-layout-column-fullwidth">
+<div id="__page_id__" class="bx-layout-wrapper bx-layout-1-column bx-layout-column-fullwidth">
     <bx_include_auto:_row_1_column.html />
 </div>
 <!-- layout 1 column [  end  ] -->

template/layout_2_columns.html

@@ -1,5 +1,5 @@
 <!-- layout 2 columns [ start ] -->
-<div class="bx-layout-wrapper bx-layout-2-columns">
+<div id="__page_id__" class="bx-layout-wrapper bx-layout-2-columns">
     <div class="bx-layout-row bx-clearfix">
         <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half">
             <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-1">

template/layout_3_columns.html

@@ -1,5 +1,5 @@
 <!-- layout 3 columns [ start ] -->
-<div class="bx-layout-wrapper bx-layout-3-columns">
+<div id="__page_id__" class="bx-layout-wrapper bx-layout-3-columns">
     <div class="bx-layout-row bx-clearfix">
         <div class="bx-layout-col bx-layout-3-columns-column1 bx-layout-column-thin">
             <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-1">

template/layout_bar_left.html

@@ -1,5 +1,5 @@
 <!-- layout bar left [ start ] -->
-<div class="bx-layout-wrapper bx-layout-bar-left">
+<div id="__page_id__" class="bx-layout-wrapper bx-layout-bar-left">
     <div class="bx-layout-row bx-clearfix">
         <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin">
             <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-1">

template/layout_bar_right.html

@@ -1,5 +1,5 @@
 <!-- layout bar right [ start ] -->
-<div class="bx-layout-wrapper bx-layout-bar-right">
+<div id="__page_id__" class="bx-layout-wrapper bx-layout-bar-right">
     <div class="bx-layout-row bx-clearfix">
         <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide">
             <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-1">

template/layout_bottom_area_2_columns.html

@@ -1,5 +1,5 @@
 <!-- layout top area 2 columns [ start ] -->
-<div class="bx-layout-wrapper bx-layout-top-area-2-columns">
+<div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-2-columns">
 
     <div class="bx-layout-row bx-clearfix">
         <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half">

template/layout_top_area_2_columns.html

@@ -1,5 +1,5 @@
 <!-- layout top area 2 columns [ start ] -->
-<div class="bx-layout-wrapper bx-layout-top-area-2-columns">
+<div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-2-columns">
 
     <bx_include_auto:_row_1_column.html />
 

template/layout_top_area_3_columns.html

@@ -1,5 +1,5 @@
 <!-- layout top area 3 columns [ start ] -->
-<div class="bx-layout-wrapper bx-layout-top-area-3-columns">
+<div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-3-columns">
 
     <bx_include_auto:_row_1_column.html />
 

template/layout_top_area_bar_left.html

@@ -1,5 +1,5 @@
 <!-- layout top area bar left [ start ] -->
-<div class="bx-layout-wrapper bx-layout-top-area-bar-left">
+<div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-bar-left">
 
     <bx_include_auto:_row_1_column.html />
 

template/layout_top_area_bar_right.html

@@ -1,5 +1,5 @@
 <!-- layout top area bar right [ start ] -->
-<div class="bx-layout-wrapper bx-layout-top-area-bar-right">
+<div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-bar-right">
 
     <bx_include_auto:_row_1_column.html />
 

template/layout_topbottom_area_2_columns.html

@@ -1,5 +1,5 @@
 <!-- layout top area 2 columns [ start ] -->
-<div class="bx-layout-wrapper bx-layout-top-area-2-columns">
+<div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-2-columns">
 
     <bx_include_auto:_row_1_column.html />
 

template/layout_topbottom_area_bar_left.html

@@ -1,5 +1,5 @@
 <!-- layout top & bottom areas bar left [ start ] -->
-<div class="bx-layout-wrapper bx-layout-topbottom-area-bar-left">
+<div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-bar-left">
 
     <bx_include_auto:_row_1_column.html />
 

template/layout_topbottom_area_bar_right.html

@@ -1,5 +1,5 @@
 <!-- layout top & bottom areas bar right [ start ] -->
-<div class="bx-layout-wrapper bx-layout-topbottom-area-bar-right">
+<div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-bar-right">
 
     <bx_include_auto:_row_1_column.html />
 

template/scripts/BxBasePage.php

@@ -166,7 +166,9 @@ class BxBasePage extends BxDolPage
 			pow(2, BX_DB_HIDDEN_DESKTOP - 1) => 'bx-def-media-desktop-hide'
 		);
 
-        $aVars = array ();
+        $aVars = array (
+            'page_id' => 'bx-page-' . $this->_aObject['uri'],
+        );
         $aBlocks = $this->_oQuery->getPageBlocks();
         foreach ($aBlocks as $sKey => $aCell) {
             $sCell = '';