更新日: 2022 / 04 / 17

Bootcube2 レイアウトレシピ

レイアウト1

  • #header
    • ヘッダー1
  • #contents_top
    • スライドショー
  • #main_top
    • トピックス1
    • おすすめ商品1
    • 新着商品1
    • バナー1
    • お知らせ1
  • #footer
    • フッター1
  • #drawer
    • 商品検索
    • ログインナビ(SP)
    • カテゴリナビ(SP)

※#drawerのブロックはデフォルトブロックを使用しています。

レイアウト2

  • #header
    • ヘッダー2
  • #contents_top
    • スライドショー(サムネイル付)
  • #side_left
    • バナートップ(サイドL)
    • カテゴリ一覧(サイドL)
    • バナーボトム(サイドL)
    • メニュー(サイドL)
  • #main_top
    • トピックス2
    • おすすめ商品2
    • バナー2
    • 新着商品2
    • お知らせ2
  • #footer
    • フッター1
  • #drawer
    • 商品検索
    • ログインナビ(SP)
    • カテゴリナビ(SP)

※#drawerのブロックはデフォルトブロックを使用しています。

レイアウト3

  • #header
    • ヘッダー3
  • #contents_top
    • スライドショー
  • #side_left
    • バナートップ(サイドL)
    • カテゴリ一覧(サイドL)
    • バナーボトム(サイドL)
    • メニュー(サイドL)
  • #main_top
    • バナー3
    • おすすめ商品3
    • 新着商品3
    • お知らせ3
  • #footer
    • フッター1
  • #drawer
    • 商品検索
    • ログインナビ(SP)
    • カテゴリナビ(SP)

※#drawerのブロックはデフォルトブロックを使用しています。

レイアウト4

  • #header
    • ヘッダー2
  • #contents_top
    • スペース中
  • #side_left
    • バナートップ1(サイドL)
    • カテゴリ一覧2(サイドL)
    • バナーボトム1(サイドL)
    • メニュー2(サイドL)
  • #main_top
    • スライドショー
    • 新着商品4
    • バナー4
    • おすすめ商品4
    • お知らせ4
  • #footer
    • ショップガイド
    • フッター2
  • #drawer
    • 商品検索
    • ログインナビ(SP)
    • カテゴリナビ(SP)

※#drawerのブロックはデフォルトブロックを使用しています。

レイアウト5

  • #header
    • ヘッダー2
  • #contents_top
    • スライドショー
  • #side_left
    • バナートップ2(サイドL)
    • カテゴリ一覧3(サイドL)
    • 新着商品2(サイドL)
    • メニュー3(サイドL)
  • #main_top
    • 新着商品5
    • バナー5
    • おすすめ商品5
    • お知らせ5
  • #footer
    • ショップガイド
    • フッター2
  • #drawer
    • 商品検索
    • ログインナビ(SP)
    • カテゴリナビ(SP)

※#drawerのブロックはデフォルトブロックを使用しています。