Woocommerce
===========================
* `is_shop()` is used to check if it's product's archive
* `woocommerce_content()` is used to show shop-page **AND** single-product
* other pages like card-page, account-page use `woocommerce shortcode` embeded in *page content*
* `$shop_page_id` is page id used to show shop page

CSS Classes
===========================
## woocommerce
1. -shop-layout-leftbar			apply to #page
2. -shop-layout-rightbar		apply to #page
3. -shop-layout-full-width		apply to #page
4. -shopbar						apply to .content-area, .widget-area

## site layout
* -layout-boxed				apply to #page

## content layout
* -rightbar					apply to .content-area, .widget-area
* -leftbar					apply to .content-area, .widget-area

## header
* -header-fixed				apply to #page

## title
* -hide-title				apply to .site-main

## content-item
* -list						apply to .content-item
* -card						apply to .content-item
* -archive					apply to .content-item

Configurations
===========================
* SEED_LAYOUT -> full-width, boxed -> **apply to #page**
* SEED_HEADER -> fixed, standard, (auto-show) -> **apply to #page**
* SEED_MENU -> off-canvas, (dropdown), (push) -> **apply to #page**
* SEED_BLOG_LAYOUT -> full-width, leftbar, rightbar -> **apply to .content-area**
* SEED_BLOG_COLUMNS -> 1, 2, 3, 4, 5, 6  -> **applied before the loop**
* SEED_SHOP_LAYOUT -> full-width, leftbar, rightbar -> **apply to #page**
* SEED_SHOP_MAINPAGE -> default, page-builder -> **used as condition tag in** `woocommerce.php` file
* SEED_ADMIN_BAR -> hidden, bottom, top -> **used as condition tag** `functions.php` file