header.tpl.new 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  1. {*
  2. **********************************************************
  3. * Developed by: Team Theme Metro
  4. * Website: http://www.thememetro.com
  5. **********************************************************
  6. *}
  7. <!-- croster/core/default/header.tpl -->
  8. <div class="body-container">
  9. <section id="main-navbar"{if $templatefile eq "order" && $themesettings.orderform.opcnoheader} class="d-none"{/if}>
  10. <nav id="nav" class="cros-navbar navbar navbar-expand-lg{if $enablemegamenu} cros-mega{/if}{if $themesettings.headersetting.navhover == "1"} menu-hover{/if}{if $themesettings.headersetting.navbarbg == "1"} primary{elseif $themesettings.headersetting.navbarbg == "2"} dark{else}{/if}{if $themesettings.headersetting.submenu == "1"} submenu1{elseif $themesettings.headersetting.submenu == "2"} submenu2{/if}">
  11. {if $themesettings.headersetting.enablepreheader}
  12. {include file="$template/core/includes/pre-header.tpl"}
  13. {/if}
  14. <div class="container">
  15. <!-- Brand and toggle get grouped for better mobile display -->
  16. <div class="navbar-header">
  17. <div class="logo-section">
  18. <button type="button" role="button" class="navbar-toggler" data-toggle="collapse" id="navbar-side-toggle" aria-label="Toggle navigation">
  19. <span></span>
  20. </button>
  21. <a class="logo" href="{if $themesettings.headersetting.CustomLogoLink}{$themesettings.headersetting.CustomLogoLink}{else}{$WEB_ROOT}/{/if}">
  22. {if $themesettings.general.enablelogo}
  23. <img src="{$themesettings.general.logourl}" alt="{$companyname}" class="logo-light" />
  24. {if $themesettings.general.darklogo}
  25. <img src="{$themesettings.general.darklogo}" alt="{$companyname}" class="logo-dark" />
  26. {else}
  27. <span class="logo-dark">{$companyname}</span>
  28. {/if}
  29. {else}
  30. <span class="logo-dark">{$companyname}</span>
  31. <span class="logo-light">{$companyname}</span>
  32. {/if}
  33. </a>
  34. </div>
  35. <div class="top">
  36. <ul id="mobile-header" class="nav secondary-menu-mobile">
  37. {include file="$template/core/includes/navbar-right.tpl" navbar=$secondaryNavbar}
  38. </ul>
  39. </div>
  40. </div>
  41. <!-- Collect the nav links, forms, and other content for toggling -->
  42. <div class="collapse navbar-collapse" id="primary-nav">
  43. <ul class="nav navbar-nav{if $themesettings.headersetting.navright} ml-auto{else} mr-auto{/if}">
  44. {if $enablemegamenu}
  45. {include file="$template/core/includes/mega-menu.tpl" navbar=$primaryNavbar}
  46. {else}
  47. {include file="$template/includes/navbar.tpl" navbar=$primaryNavbar}
  48. {/if}
  49. </ul>
  50. <ul id="header" class="nav navbar-nav navbar-right d-none d-md-block d-lg-block d-xl-block">
  51. {include file="$template/core/includes/navbar-right.tpl" navbar=$secondaryNavbar}
  52. </ul>
  53. </div><!-- /.navbar-collapse -->
  54. </div>
  55. <div class="container">
  56. <div class="navbar-header">
  57. <div class logo-section">
  58. <a class="logo" style="height: 40px; display:flex;" href="/">
  59. <img src="https://portal.thurdata.ch/templates/croster/assets/images/logo-bw-invert-medium.png" alt="Thurdata GmbH"> <!-- class="logo-light"> -->
  60. <!-- <img src="https://portal.thurdata.ch/templates/croster/assets/images/logo-color-medium.png" alt="Thurdata GmbH">
  61. class="logo-light"> -->
  62. </a>
  63. </div>
  64. </div>
  65. <div class="collapse navbar-collapse" id="primary-nav" style="padding-left: 20px;">
  66. <ul class="nav navbar-nav mr-auto w-auto">
  67. <li class="home-item" style="font-size: 1.8em; color: white">
  68. &nbsp;&nbsp;Kundenportal
  69. </li>
  70. </ul>
  71. <ul id="header" class="nav navbar-nav navbar-right d-none d-md-block d-lg-block d-xl-block w-auto">
  72. <li class="dropdown nocaret d-none-280 mr-1">
  73. <a href="/cart.php?a=view" class="dropdown-toggle">
  74. <i class="fal fa-shopping-cart"></i>
  75. </a>
  76. </li>
  77. <li class="lang-btn d-none d-lg-block">
  78. <button type="button" class="btn bg-transparent" data-toggle="modal" data-target="#modalChooseLanguage">
  79. <span class="d-inline-block align-middle">
  80. <span class="d-block iti-flag de"></span>
  81. </span>
  82. Deutsch&nbsp;|&nbsp;CHF CHF
  83. </button>
  84. </li>
  85. <li data-menuitemname="Account" class="Secondary_Navbar-Account d-block no-collapse dropdown no-collapse nocaret user_icon">
  86. <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
  87. <span><span class="user-avatar avatar-navbar"><i class="fas fa-user mr-0"></i></span></span>
  88. </a>
  89. <ul class="dropdown-menu dropdown-user">
  90. <li data-menuitemname="Login" class="">
  91. <a href="/clientarea.php" class="dropdown-item">
  92. Einloggen
  93. </a>
  94. </li>
  95. <li data-menuitemname="Register" class="">
  96. <a href="/register.php" class="dropdown-item">
  97. Registrieren
  98. </a>
  99. </li>
  100. <li class="dropdown-divider"></li>
  101. <li data-menuitemname="Forgot Password?" class="">
  102. <a href="/index.php?rp=/password/reset" class="dropdown-item">
  103. Passwort vergessen?
  104. </a>
  105. </li>
  106. </ul>
  107. </li>
  108. <li data-menuitemname="Contact Us">
  109. <a class="nav-link" href="/contact.php">
  110. <span>Kontakt</span>
  111. </a>
  112. </li>
  113. <li data-menuitemname="Support" class="dropdown">
  114. <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="#">
  115. <span>Support</span>
  116. </a>
  117. <ul class="dropdown-menu">
  118. <li class="mega-menu">
  119. <div class="menu-small-box ">
  120. <div class="item-with-icons">
  121. <span class="item-icon">
  122. <i class="far fa-life-ring"></i>
  123. </span>
  124. <h4 class="menu-name">Unser Support<span>Nehmen Sie mit uns Kontakt auf,<br />wir helfen Ihnen gerne</span></h4>
  125. </div>
  126. </div>
  127. </li>
  128. <li data-menuitemname="Open Ticket">
  129. <a class="nav-link" href="/submitticket.php">
  130. <span class="item">Ticket eröffnen</span>
  131. </a>
  132. </li>
  133. <li data-menuitemname="Announcements">
  134. <a class="nav-link" href="/announcements.php">
  135. <span class="item">News</span>
  136. </a>
  137. </li>
  138. <li data-menuitemname="Knowledgebase">
  139. <a class="nav-link" href="/knowledgebase.php">
  140. <span class="item">Knowledgebase</span>
  141. </a>
  142. </li>
  143. </ul>
  144. </li>
  145. </ul>
  146. </div>
  147. </div>
  148. </nav>
  149. {include file="$template/includes/validateuser.tpl"}
  150. {include file="$template/includes/verifyemail.tpl"}
  151. <nav class="navbar-side{if $themesettings.headersetting.sidebarbg eq "1"} primary{elseif $themesettings.headersetting.sidebarbg eq "2"} dark{else}{/if} d-print-none d-lg-none" id="navbar-side">
  152. {include file="$template/core/includes/side-menu.tpl"}
  153. </nav>
  154. </section>
  155. {if $themesettings.general.enablepromo}
  156. {if $themesettings.general.promovisibility == '1'}
  157. {if $loggedin}
  158. {include file="$template/core/includes/promo-banner.tpl"}
  159. {/if}
  160. {elseif $themesettings.general.promovisibility == '2'}
  161. {if !$loggedin}
  162. {include file="$template/core/includes/promo-banner.tpl"}
  163. {/if}
  164. {else}
  165. {include file="$template/core/includes/promo-banner.tpl"}
  166. {/if}
  167. {/if}
  168. {include file="$template/includes/network-issues-notifications.tpl"}
  169. {if $themesettings.general.bannerstyle}
  170. {if $templatefile eq "pagebuilder" or $templatefile eq "homepage" or $inShoppingCart or $templatefile eq "order" or $pagetype eq "custom" or $templatefile eq "domain-pricing"}{else}
  171. <div {if $themesettings.general.bsbgstyle eq "1"}class="small-header header-banner-styled bg-primary position-relative"{else} class="hero-bg-wrap small-header header-banner-styled inverse bg-opacity"{if $themesettings.general.bheaderbg} style="background-image:url('{$themesettings.general.bheaderbg}');"{/if}{/if}>
  172. {if $skipMainBodyContainer}{else}
  173. {if $themesettings.general.bsbgstyle eq "1"}
  174. <div class="cros-bg-shapes-right"></div>
  175. <div class="cros-bg-shapes-left"></div>
  176. {/if}
  177. <div class="container">
  178. <div class="page-title position-relative">
  179. {include file="$template/includes/pageheader.tpl" title=$displayTitle desc=$tagline showbreadcrumb=true}
  180. </div>
  181. </div>
  182. {/if}
  183. </div>
  184. {/if}
  185. {/if}
  186. {if $templatefile eq "pagebuilder" or $templatefile eq "homepage" or $pagetype eq "custom"}{else}
  187. <section id="main-body{if $skipMainBodyContainer || $templatefile eq "domain-pricing"}-smb{/if}">
  188. <div class="container{if $skipMainBodyContainer || $templatefile eq "domain-pricing"}-fluid without-padding{/if}">
  189. <div class="main-container{if ($primarySidebar->hasChildren() || $secondarySidebar->hasChildren() || $skipMainBodyContainer)}{else}{if $templatefile eq "viewinvoice" || $templatefile eq "viewquote" || $templatefile eq "domain-pricing" || $templatefile == "affiliates" || $templatefile == "upgrade-configure"}{else} main-container-nosidebar{/if}{/if}{if $templatefile == 'clientregister'} main-container-nosidebar{/if}">
  190. <div class="row">
  191. {if !$inShoppingCart && ($primarySidebar->hasChildren() || $secondarySidebar->hasChildren()) && $templatefile !== 'clientregister' || $templatefile == "affiliates"}
  192. <div class="col-lg-3">
  193. <div class="sidebar sidebar-primary{if $themesettings.clientarea.sidebars == "1"} default{/if}">
  194. {include file="$template/includes/sidebar.tpl" sidebar=$primarySidebar}
  195. {include file="$template/core/includes/sidebar-primary-custom.tpl"}
  196. </div>
  197. {if !$inShoppingCart && $secondarySidebar->hasChildren()}
  198. <div class="d-none d-lg-block sidebar sidebar-secondary{if $themesettings.clientarea.sidebars == "1"} default{/if}">
  199. {include file="$template/core/includes/sidebar-secondary-custom.tpl"}
  200. {include file="$template/includes/sidebar.tpl" sidebar=$secondarySidebar}
  201. {include file="$template/core/includes/sidebar-promo.tpl" sidebar=$secondarySidebar}
  202. </div>
  203. {/if}
  204. </div>
  205. {/if}
  206. <!-- Container for main page display content -->
  207. <div class="{if !$inShoppingCart && ($primarySidebar->hasChildren() || $secondarySidebar->hasChildren()) && $templatefile !== 'clientregister' || $templatefile == "affiliates"}col-lg-9{else}col-12{/if} primary-content">
  208. {if !$inShoppingCart && !$skipMainBodyContainer && !$themesettings.general.bannerstyle}
  209. {include file="$template/includes/pageheader.tpl" title=$displayTitle desc=$tagline showbreadcrumb=true}
  210. {/if}
  211. {/if}
  212. <!-- /croster/core/default/header.tpl -->