header.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <!-- Required meta tags -->
  5. <meta charset="utf-8">
  6. <meta name="theme-color" content="#205081" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8. <!-- Bootstrap CSS -->
  9. <link rel="stylesheet" href="{{$.System.PathCssBootstrap}}">
  10. <title>
  11. {{if not (eq $.Data.Module "404")}}
  12. {{if eq $.Data.Module "index"}}
  13. {{$.Data.Page.Name}}
  14. {{else if or (eq $.Data.Module "blog") (eq $.Data.Module "blog-post") (eq $.Data.Module "blog-category")}}
  15. {{if eq $.Data.Module "blog-category"}}
  16. Posts of category "{{$.Data.Blog.Category.Name}}" | Blog
  17. {{else if eq $.Data.Module "blog-post"}}
  18. {{$.Data.Blog.Post.Name}} | Blog
  19. {{else}}
  20. Latest posts | Blog
  21. {{end}}
  22. {{else if or (eq $.Data.Module "shop") (eq $.Data.Module "shop-product") (eq $.Data.Module "shop-category")}}
  23. {{if eq $.Data.Module "shop-category"}}
  24. Products of category "{{$.Data.Shop.Category.Name}}" | Shop
  25. {{else if eq $.Data.Module "shop-product"}}
  26. {{$.Data.Shop.Product.Name}} | Shop
  27. {{else}}
  28. Latest products | Shop
  29. {{end}}
  30. {{end}}
  31. {{else}}
  32. Error 404
  33. {{end}}
  34. </title>
  35. <meta name="keywords" content="{{$.Data.Page.MetaKeywords}}" />
  36. <meta name="description" content="{{$.Data.Page.MetaDescription}}" />
  37. <link rel="shortcut icon" href="{{$.System.PathIcoFav}}" type="image/x-icon" />
  38. <!-- Template CSS file from template folder -->
  39. <link rel="stylesheet" href="{{$.System.PathThemeStyles}}?v=2">
  40. </head>
  41. <body class="fixed-top-bar">
  42. <div id="wrap">
  43. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  44. <div class="container">
  45. <a class="navbar-brand" href="/">Fave {{$.System.InfoVersion}}</a>
  46. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  47. <span class="navbar-toggler-icon"></span>
  48. </button>
  49. <div class="collapse navbar-collapse" id="navbarResponsive">
  50. <ul class="navbar-nav ml-auto">
  51. <li class="nav-item{{if eq $.Data.Page.Alias "/"}} active{{end}}">
  52. <a class="nav-link" href="/">Home</a>
  53. </li>
  54. <li class="nav-item">
  55. <a class="nav-link{{if eq $.Data.Page.Alias "/another/"}} active{{end}}" href="/another/">Another</a>
  56. </li>
  57. <li class="nav-item">
  58. <a class="nav-link{{if eq $.Data.Page.Alias "/about/"}} active{{end}}" href="/about/">About</a>
  59. </li>
  60. <li class="nav-item">
  61. <a class="nav-link{{if or (eq $.Data.Module "blog") (eq $.Data.Module "blog-post") (eq $.Data.Module "blog-category")}} active{{end}}" href="/blog/">Blog</a>
  62. </li>
  63. <li class="nav-item">
  64. <a class="nav-link{{if or (eq $.Data.Module "shop") (eq $.Data.Module "shop-product") (eq $.Data.Module "shop-category")}} active{{end}}" href="/shop/">Shop</a>
  65. </li>
  66. <li class="nav-item">
  67. <a class="nav-link{{if eq $.Data.Module "404"}} active{{end}}" href="/not-existent-page/">404</a>
  68. </li>
  69. </ul>
  70. </div>
  71. </div>
  72. </nav>
  73. <div id="main">
  74. <div class="bg-fave">
  75. <div class="container">
  76. <h1 class="text-left text-white m-0 p-0 py-5">
  77. {{if not (eq $.Data.Module "404")}}
  78. {{if eq $.Data.Module "index"}}
  79. {{if eq $.Data.Page.Alias "/"}}
  80. Welcome to home page
  81. {{else}}
  82. Welcome to some another page
  83. {{end}}
  84. {{else if or (eq $.Data.Module "blog") (eq $.Data.Module "blog-post") (eq $.Data.Module "blog-category")}}
  85. {{if eq $.Data.Module "blog-category"}}
  86. Blog category
  87. {{else if eq $.Data.Module "blog-post"}}
  88. Blog post
  89. {{else}}
  90. Blog
  91. {{end}}
  92. {{else if or (eq $.Data.Module "shop") (eq $.Data.Module "shop-product") (eq $.Data.Module "shop-category")}}
  93. {{if eq $.Data.Module "shop-category"}}
  94. Shop category
  95. {{else if eq $.Data.Module "shop-product"}}
  96. Shop product
  97. {{else}}
  98. Shop
  99. {{end}}
  100. {{end}}
  101. {{else}}
  102. Oops, page is not found...
  103. {{end}}
  104. </h1>
  105. </div>
  106. </div>
  107. <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-cats">
  108. <div class="container">
  109. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  110. <span class="navbar-toggler-icon"></span>
  111. </button>
  112. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  113. <ul class="navbar-nav mr-auto">
  114. {{range $.Data.Shop.Categories 0 1}}
  115. <li class="nav-item dropdown">
  116. <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{.Name}}</a>
  117. <div class="dropdown-menu" aria-labelledby="navbarDropdown">
  118. <a class="dropdown-item" href="{{.Permalink}}">All products</a>
  119. <div class="dropdown-divider"></div>
  120. {{range $index, $subcat := $.Data.Shop.Categories .Id 1}}
  121. <a class="dropdown-item" href="{{$subcat.Permalink}}">{{$subcat.Name}}</a>
  122. {{end}}
  123. </div>
  124. </li>
  125. {{end}}
  126. </ul>
  127. </div>
  128. </div>
  129. </nav>
  130. {{if or (eq $.Data.Module "blog") (eq $.Data.Module "blog-category") (eq $.Data.Module "blog-post")}}
  131. <div class="container clear-top pt-4">
  132. <nav aria-label="breadcrumb">
  133. <ol class="breadcrumb mb-0">
  134. {{if eq $.Data.Module "blog"}}
  135. <li class="breadcrumb-item">Blog</li>
  136. {{else}}
  137. <li class="breadcrumb-item"><a href="/blog/">Blog</a></li>
  138. {{end}}
  139. {{if eq $.Data.Module "blog-category"}}
  140. {{if $.Data.Blog.Category.Parent.Parent.Parent.Parent.Parent}}
  141. <li class="breadcrumb-item"><a href="{{$.Data.Blog.Category.Parent.Parent.Parent.Parent.Parent.Permalink}}">{{$.Data.Blog.Category.Parent.Parent.Parent.Parent.Parent.Name}}</a></li>
  142. {{end}}
  143. {{if $.Data.Blog.Category.Parent.Parent.Parent.Parent}}
  144. <li class="breadcrumb-item"><a href="{{$.Data.Blog.Category.Parent.Parent.Parent.Parent.Permalink}}">{{$.Data.Blog.Category.Parent.Parent.Parent.Parent.Name}}</a></li>
  145. {{end}}
  146. {{if $.Data.Blog.Category.Parent.Parent.Parent}}
  147. <li class="breadcrumb-item"><a href="{{$.Data.Blog.Category.Parent.Parent.Parent.Permalink}}">{{$.Data.Blog.Category.Parent.Parent.Parent.Name}}</a></li>
  148. {{end}}
  149. {{if $.Data.Blog.Category.Parent.Parent}}
  150. <li class="breadcrumb-item"><a href="{{$.Data.Blog.Category.Parent.Parent.Permalink}}">{{$.Data.Blog.Category.Parent.Parent.Name}}</a></li>
  151. {{end}}
  152. {{if $.Data.Blog.Category.Parent}}
  153. <li class="breadcrumb-item"><a href="{{$.Data.Blog.Category.Parent.Permalink}}">{{$.Data.Blog.Category.Parent.Name}}</a></li>
  154. {{end}}
  155. <li class="breadcrumb-item">{{$.Data.Blog.Category.Name}}</li>
  156. {{end}}
  157. {{if eq $.Data.Module "blog-post"}}
  158. <li class="breadcrumb-item active">{{$.Data.Blog.Post.Name}}</li>
  159. {{end}}
  160. </ol>
  161. </nav>
  162. </div>
  163. {{end}}
  164. {{if or (eq $.Data.Module "shop") (eq $.Data.Module "shop-category") (eq $.Data.Module "shop-product")}}
  165. <div class="container clear-top pt-4">
  166. <nav aria-label="breadcrumb">
  167. <ol class="breadcrumb mb-0">
  168. {{if eq $.Data.Module "shop"}}
  169. <li class="breadcrumb-item">Shop</li>
  170. {{else}}
  171. <li class="breadcrumb-item"><a href="/shop/">Shop</a></li>
  172. {{end}}
  173. {{if eq $.Data.Module "shop-category"}}
  174. {{if $.Data.Shop.Category.Parent.Parent.Parent.Parent.Parent}}
  175. <li class="breadcrumb-item"><a href="{{$.Data.Shop.Category.Parent.Parent.Parent.Parent.Parent.Permalink}}">{{$.Data.Shop.Category.Parent.Parent.Parent.Parent.Parent.Name}}</a></li>
  176. {{end}}
  177. {{if $.Data.Shop.Category.Parent.Parent.Parent.Parent}}
  178. <li class="breadcrumb-item"><a href="{{$.Data.Shop.Category.Parent.Parent.Parent.Parent.Permalink}}">{{$.Data.Shop.Category.Parent.Parent.Parent.Parent.Name}}</a></li>
  179. {{end}}
  180. {{if $.Data.Shop.Category.Parent.Parent.Parent}}
  181. <li class="breadcrumb-item"><a href="{{$.Data.Shop.Category.Parent.Parent.Parent.Permalink}}">{{$.Data.Shop.Category.Parent.Parent.Parent.Name}}</a></li>
  182. {{end}}
  183. {{if $.Data.Shop.Category.Parent.Parent}}
  184. <li class="breadcrumb-item"><a href="{{$.Data.Shop.Category.Parent.Parent.Permalink}}">{{$.Data.Shop.Category.Parent.Parent.Name}}</a></li>
  185. {{end}}
  186. {{if $.Data.Shop.Category.Parent}}
  187. <li class="breadcrumb-item"><a href="{{$.Data.Shop.Category.Parent.Permalink}}">{{$.Data.Shop.Category.Parent.Name}}</a></li>
  188. {{end}}
  189. <li class="breadcrumb-item">{{$.Data.Shop.Category.Name}}</li>
  190. {{end}}
  191. {{if eq $.Data.Module "shop-product"}}
  192. {{if $.Data.Shop.Product.Category.Id}}
  193. {{if $.Data.Shop.Product.Category.Parent.Parent.Parent.Parent.Parent}}
  194. <li class="breadcrumb-item"><a href="{{$.Data.Shop.Product.Category.Parent.Parent.Parent.Parent.Parent.Permalink}}">{{$.Data.Shop.Product.Category.Parent.Parent.Parent.Parent.Parent.Name}}</a></li>
  195. {{end}}
  196. {{if $.Data.Shop.Product.Category.Parent.Parent.Parent.Parent}}
  197. <li class="breadcrumb-item"><a href="{{$.Data.Shop.Product.Category.Parent.Parent.Parent.Parent.Permalink}}">{{$.Data.Shop.Product.Category.Parent.Parent.Parent.Parent.Name}}</a></li>
  198. {{end}}
  199. {{if $.Data.Shop.Product.Category.Parent.Parent.Parent}}
  200. <li class="breadcrumb-item"><a href="{{$.Data.Shop.Product.Category.Parent.Parent.Parent.Permalink}}">{{$.Data.Shop.Product.Category.Parent.Parent.Parent.Name}}</a></li>
  201. {{end}}
  202. {{if $.Data.Shop.Product.Category.Parent.Parent}}
  203. <li class="breadcrumb-item"><a href="{{$.Data.Shop.Product.Category.Parent.Parent.Permalink}}">{{$.Data.Shop.Product.Category.Parent.Parent.Name}}</a></li>
  204. {{end}}
  205. {{if $.Data.Shop.Product.Category.Parent}}
  206. <li class="breadcrumb-item"><a href="{{$.Data.Shop.Product.Category.Parent.Permalink}}">{{$.Data.Shop.Product.Category.Parent.Name}}</a></li>
  207. {{end}}
  208. <li class="breadcrumb-item"><a href="{{$.Data.Shop.Product.Category.Permalink}}">{{$.Data.Shop.Product.Category.Name}}</a></li>
  209. {{end}}
  210. <li class="breadcrumb-item active">{{$.Data.Shop.Product.Name}}</li>
  211. {{end}}
  212. </ol>
  213. </nav>
  214. </div>
  215. {{end}}
  216. <div class="container clear-top">
  217. <div class="row pt-4">
  218. {{if or (eq $.Data.Module "shop") (eq $.Data.Module "shop-category")}}
  219. <div class="col-sm-5 col-md-4 col-lg-3">
  220. {{template "sidebar-left.html" .}}
  221. </div>
  222. {{end}}
  223. {{if or (eq $.Data.Module "shop-product")}}
  224. <div class="col-md-12">
  225. {{else}}
  226. <div class="col-sm-7 col-md-8 col-lg-9">
  227. {{end}}