Bootstrap Front End Divs

Modified on Mon, Mar 1, 2021 at 9:40 AM

Helpful content divs in Bootstrap Front-End

1. All front-end pages share a div that contains the whole page contents. This div has an id of 'ep-page'. 'ep-page' is not new and was always there.

2. New div added to all pages under the 'ep-page' div directly. This div has different id based on functionality. The following ids were introduced:

ep-container-home Default, home, forgot password, myaccount...
ep-conatiner-admin OCC, ICC, Order Details, Manage User, Manage Address, Manage Asset....
ep-conatiner-checkout Checkout, Save Jobs, Shipping, Billing, Confirmation...
ep-conatiner-catalogue Catalogue pages
ep-conatiner-product Product pages: Block, Static ....

3. There are other divs under these, they are page-specific. (not new)

Sample div Ids:
ep-billing, ep-shipping, ep-confirmation
ep-admin-occ, ep-admin-icc, ep-order-details
ep-page-users
ep-home

CSS Example:

#ep-container-checkout { background-color: #D1D1D1; }