first commit
This commit is contained in:
163
apps/frontend/templates/theme/mojszablon/_header.html
Normal file
163
apps/frontend/templates/theme/mojszablon/_header.html
Normal file
@@ -0,0 +1,163 @@
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
|
||||
<div class="container">
|
||||
<div id="header" class="clearfix">
|
||||
<div id="icons">
|
||||
<a href="/basket/index" id="nav-button-shopping-cart" class="btn empty">
|
||||
<span class="glyphicon glyphicon-shopping-cart"></span>
|
||||
<small class="quantity"></small>
|
||||
</a>
|
||||
{if !$sf_user->isAuthenticated()}
|
||||
<a href="{url_for internal='stUser/loginUser' secure=true}" id="nav-button-user" class="hidden-xs btn btn-navbar collapsed">
|
||||
<span id="login-status-info" class="glyphicon glyphicon-user"></span>
|
||||
<small class="login-status"> </small>
|
||||
</a>
|
||||
<button id="nav-button-user" class="visible-xs btn btn-navbar collapsed" data-toggle="collapse" data-target="#nav-user" data-parent="#header-navbar">
|
||||
<span id="login-status-info" class="glyphicon glyphicon-user"></span>
|
||||
<small class="login-status"> </small>
|
||||
</button>
|
||||
{else}
|
||||
<button id="nav-button-user" class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#nav-user" data-parent="#header-navbar">
|
||||
<span id="login-status-info" class="glyphicon glyphicon-user"></span>
|
||||
<small class="login-status"> </small>
|
||||
</button>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="header-bottom">
|
||||
<div id="logo">
|
||||
<a href="{$homepage_url}">
|
||||
<img src="/images/logo.png" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="facebook">
|
||||
{st_get_component module="stBoxFrontend" component="boxSingle" params="webmaster_id=facebook-top"}
|
||||
</div>
|
||||
<div id="search">
|
||||
{include_file id="_search"}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="header-navbar-position">
|
||||
<div id="header-navbar-outer">
|
||||
<div class="container">
|
||||
<nav id="header-navbar" class="navbar" role="navigation">
|
||||
<div id="logo_small" class="visible-xs">
|
||||
<div>
|
||||
<a href="{$homepage_url}">
|
||||
<img src="{image_path image='logo_small.png'}" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="navbar-buttons" class="btn-group pull-right">
|
||||
<!--<button id="nav-button-search" type="button" class="btn btn-navbar hidden-xs collapsed" data-toggle="collapse" data-target="#nav-search" data-parent="#header-navbar">
|
||||
<span class="glyphicon glyphicon-search"></span>
|
||||
</button>-->
|
||||
<!--<button id="nav-button-shopping-cart" class="btn btn-navbar collapsed empty" data-toggle="collapse" data-target="#nav-shopping-cart" data-parent="#header-navbar">
|
||||
<span class="glyphicon glyphicon-shopping-cart"></span>
|
||||
<small class="quantity"></small>
|
||||
</button>
|
||||
{if !$sf_user->isAuthenticated()}
|
||||
<a href="{url_for internal='stUser/loginUser' secure=true}" id="nav-button-user" class="hidden-xs btn btn-navbar collapsed">
|
||||
<span id="login-status-info" class="glyphicon glyphicon-user"></span>
|
||||
<small class="login-status"> </small>
|
||||
</a>
|
||||
<button id="nav-button-user" class="visible-xs btn btn-navbar collapsed" data-toggle="collapse" data-target="#nav-user" data-parent="#header-navbar">
|
||||
<span id="login-status-info" class="glyphicon glyphicon-user"></span>
|
||||
<small class="login-status"> </small>
|
||||
</button>
|
||||
{else}
|
||||
<button id="nav-button-user" class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#nav-user" data-parent="#header-navbar">
|
||||
<span id="login-status-info" class="glyphicon glyphicon-user"></span>
|
||||
<small class="login-status"> </small>
|
||||
</button>
|
||||
{/if}-->
|
||||
<button id="nav-button-settings" class="btn btn-navbar hidden-xs collapsed" data-toggle="collapse" data-target="#nav-settings" data-parent="#header-navbar">
|
||||
<span class="glyphicon glyphicon-globe"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="navbar-header">
|
||||
<button id="nav-button-menu" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-menu" data-parent="#header-navbar">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Menu -->
|
||||
<div id="nav-menu" class="navbar-collapse collapse">
|
||||
{st_get_component module="stCategoryTree" component="horizontal"}
|
||||
</div>
|
||||
<div class="navbar-dropdown">
|
||||
<!-- Koszyk -->
|
||||
<div id="nav-shopping-cart" class="navbar-collapse collapse">
|
||||
{st_get_component module="stBasket" component="show"}
|
||||
</div>
|
||||
<div id="nav-user" class="navbar-collapse collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<!-- Moje konto, Język, Waluta -->
|
||||
{st_get_component module="stUser" component="loginStatus"}
|
||||
</ul>
|
||||
</div>
|
||||
{strip}
|
||||
<div id="nav-settings" class="hidden-xs navbar-collapse collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="dropdown">
|
||||
{st_get_component module="stLanguageFrontend" component="choose"}
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
{st_get_component module="stCurrencyFrontend" component="pickCurrency"}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/strip}
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
//<![CDATA[
|
||||
jQuery(function ($) {
|
||||
if ($('#nav-settings > ul > li:empty').length == 2)
|
||||
{
|
||||
$('#nav-button-settings').hide();
|
||||
}
|
||||
|
||||
var menuHeight = $('#header-navbar-outer').height();
|
||||
|
||||
function menuFix() {
|
||||
|
||||
if ($(window).width() > 768) {
|
||||
|
||||
var scrolled = $(window).scrollTop();
|
||||
var menuTop = $('#header-navbar-position').offset().top;
|
||||
|
||||
if (scrolled > menuTop) {
|
||||
$('#header-navbar-outer').addClass('navbar-fixed-top');
|
||||
$('#header-navbar-position').css('min-height', menuHeight - 1);
|
||||
} else if (scrolled < menuTop) {
|
||||
$('#header-navbar-outer').removeClass('navbar-fixed-top');
|
||||
$('#header-navbar-position').css('min-height', '');
|
||||
}
|
||||
;
|
||||
|
||||
}
|
||||
;
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
menuFix();
|
||||
});
|
||||
$(window).scroll(function () {
|
||||
menuFix();
|
||||
});
|
||||
$(window).resize(function () {
|
||||
menuFix();
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
//]]>
|
||||
</script>
|
||||
{/literal}
|
||||
Reference in New Issue
Block a user