Master Bootstrap Layout

More keywords added:

Page Related

{PageName}                                   is replaced by the current page name (in small letters)

Browser Related

{Browser:Type}                             Example: Chrome80

{Browser:Name}                           Example: Chrome

{Browser:Version}                        Example: 80.0

{Browser:MajorVersion}                            Example: 80

{Browser:MinorVersion}             Example: 0

{Browser:Platform}                      Example: WinNT

Host Related

{HostName}                                   Example: live.goepower.com

Usage of {PageName}

Example:

<div class="page-{PageName}">
MORE HTML HERE
 </div>

For Home page this will render as:

<div class="page-home">
MORE HTML HERE
 </div>

For Checkout page this will render as:

<div class="page-checkout">
MORE HTML HERE
 </div>

For Products page this will render as:

<div class="page-custom">
MORE HTML HERE
 </div>

To Hide from all pages other than home:

<div class="page-{PageName}" style="display:none;">
MORE HTML HERE
 </div>

<style>
.page-home { display: block; }
 </style>

It is recommended to prepend or append static text to {PageName} as “page-“ in the above so that it can assure uniqueness.

It can also be added as a data attribute:

<div data-page="{PageName}" style="display:none;">
MORE HTML HERE
 </div>