first commit
This commit is contained in:
154
apps/frontend/templates/theme/futura/_fonts.html
Normal file
154
apps/frontend/templates/theme/futura/_fonts.html
Normal file
@@ -0,0 +1,154 @@
|
||||
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Turret+Road:wght@400;700&display=swap&subset=latin-ext" rel="preload" as="style">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Turret+Road:wght@400;700&display=swap&subset=latin-ext" rel="stylesheet" type="text/css">
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.2/masonry.pkgd.js"></script>
|
||||
|
||||
{literal}
|
||||
<!--[if IE 9]>
|
||||
<style type="text/css">
|
||||
select.form-control
|
||||
{
|
||||
padding-right: 0;
|
||||
background-image: none;
|
||||
}
|
||||
</style>
|
||||
<![endif]-->
|
||||
|
||||
<script type="text/javascript">
|
||||
//<![CDATA[
|
||||
jQuery(function($) {
|
||||
var menuHeight = $('#header-navbar').height();
|
||||
var dropdown = $('#header-navbar .dropdown-menu');
|
||||
|
||||
function menuFix() {
|
||||
|
||||
if ($(window).width() > 768) {
|
||||
|
||||
var scrolled = $(window).scrollTop();
|
||||
var menuTop = $('#header-navbar-position').offset().top;
|
||||
var windowHeight = $(window).height();
|
||||
var headerHeight = $('#header').outerHeight();
|
||||
|
||||
if (scrolled > menuTop) {
|
||||
$('#header-navbar').addClass('navbar-fixed-top');
|
||||
$('#header-navbar-position').css('min-height', menuHeight - 1);
|
||||
dropdown.css('max-height', windowHeight - menuHeight - 15);
|
||||
} else if (scrolled < menuTop) {
|
||||
$('#header-navbar').removeClass('navbar-fixed-top');
|
||||
$('#header-navbar-position').css('min-height', '');
|
||||
dropdown.css('max-height', windowHeight - headerHeight - menuHeight - 15);
|
||||
};
|
||||
|
||||
} else {
|
||||
dropdown.removeAttr("style");
|
||||
};
|
||||
}
|
||||
|
||||
function bannerScroll () {
|
||||
var windowHeight = $(window).height();
|
||||
var topHeight = $('#top').outerHeight();
|
||||
var bannerHeight = $('#homepage-baner').outerHeight();
|
||||
|
||||
$("html, body").animate({
|
||||
scrollTop: topHeight + bannerHeight - windowHeight
|
||||
}, 500, 'easeOutExpo');
|
||||
}
|
||||
function scrollBannerHide () {
|
||||
var windowHeight = $(window).height();
|
||||
var topHeight = $('#top').outerHeight();
|
||||
var bannerHeight = $('#homepage-baner').outerHeight();
|
||||
var scrolled = $(window).scrollTop();
|
||||
|
||||
if (scrolled > (topHeight + bannerHeight - windowHeight - 230)) {
|
||||
$('#show-banner-btn').addClass('hide');
|
||||
}else{
|
||||
$('#show-banner-btn').removeClass('hide');
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
$('body [data-equalizer]').equalizer({ use_tallest: true });
|
||||
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > 200) {
|
||||
$('#toTopNew').addClass('show');
|
||||
} else {
|
||||
$('#toTopNew').removeClass('show');
|
||||
}
|
||||
});
|
||||
|
||||
$('#toTopNew').click(function () {
|
||||
$("html, body").animate({
|
||||
scrollTop: 0
|
||||
}, 300);
|
||||
return false;
|
||||
});
|
||||
|
||||
$(window).load(function(){
|
||||
setTimeout(function(){
|
||||
if (($('#chat-application').length == 1) || ($('#livechat').length == 1) || ($('.fb_dialog_content iframe').length == 1)) {
|
||||
$('#toTopNew').addClass('upper');
|
||||
}
|
||||
}, 500);
|
||||
});
|
||||
|
||||
var scroll = false;
|
||||
var $window = $(window);
|
||||
$window.scroll(function() {
|
||||
scroll = true;
|
||||
});
|
||||
|
||||
setInterval(function() {
|
||||
if (scroll) {
|
||||
if($window.scrollTop() + $window.height() >= $(document).height()-250) {
|
||||
$('#phone-call').addClass('show');
|
||||
}else{
|
||||
$('#phone-call').removeClass('show');
|
||||
}
|
||||
scroll = false;
|
||||
}
|
||||
}, 255);
|
||||
|
||||
$('#nav-button-search.collapsed').click(function() {
|
||||
setTimeout(function(){
|
||||
$('#nav-search .form-control').focus();
|
||||
}, 300);
|
||||
});
|
||||
|
||||
if ($('#nav-settings > ul > li:empty').length == 2)
|
||||
{
|
||||
$('#nav-button-settings').hide();
|
||||
}
|
||||
|
||||
if ($(window).width() < 768) {
|
||||
var windowHeightMobile = $(window).height();
|
||||
var menuHeightMobile = $('#header-navbar').height();
|
||||
$('#header-navbar .navbar-collapse').css('max-height', windowHeightMobile - menuHeightMobile);
|
||||
};
|
||||
menuFix();
|
||||
|
||||
$('#homepage-carousel').append('<span id="show-banner-btn"><svg width="23" height="21" viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 1L11.5 11L21.5 1" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1.5 10.2308L11.5 20.2308L21.5 10.2308" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span>');
|
||||
|
||||
$("#show-banner-btn").click(function() {
|
||||
bannerScroll();
|
||||
});
|
||||
scrollBannerHide();
|
||||
|
||||
|
||||
});
|
||||
$(window).scroll(function(){
|
||||
menuFix();
|
||||
scrollBannerHide();
|
||||
});
|
||||
$(window).resize(function(){
|
||||
menuFix();
|
||||
});
|
||||
|
||||
$( window ).on( "load", function() {
|
||||
var showBannerBtn = $("#show-banner-btn");
|
||||
setTimeout(function(){ showBannerBtn.addClass('onload') }, 2000);
|
||||
});
|
||||
|
||||
});
|
||||
//]]>
|
||||
</script>
|
||||
{/literal}
|
||||
101
apps/frontend/templates/theme/futura/_header.html
Normal file
101
apps/frontend/templates/theme/futura/_header.html
Normal file
@@ -0,0 +1,101 @@
|
||||
<div id="top">
|
||||
<div id="header" class="hidden-xs">
|
||||
<div class="container">
|
||||
<div class="flex-sm">
|
||||
<div id="logo-top" {if $theme->hasThemeContent('h1-homepage-part1') || $theme->hasThemeContent('h1-homepage-part2')}class="slogan-width"{/if}>
|
||||
<div>
|
||||
<a href="{$homepage_url}">
|
||||
<img class="img-responsive" src="{image_path image='logo.png'}" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{if $sf_context->getActionName()=="index" && $sf_context->getModuleName()=="stFrontendMain"}
|
||||
{if $theme->hasThemeContent('h1-homepage-part1') || $theme->hasThemeContent('h1-homepage-part2')}
|
||||
<div class="slogan"><h1 class="hidden-xs">{theme_content id='h1-homepage-part1'} <small>{theme_content id='h1-homepage-part2'}</small></h1></div>
|
||||
{/if}
|
||||
{else}
|
||||
{if $theme->hasThemeContent('h1-homepage-part1') || $theme->hasThemeContent('h1-homepage-part2')}
|
||||
<div class="slogan"><div class="hidden-xs h4">{theme_content id='h1-homepage-part1'} <small>{theme_content id='h1-homepage-part2'}</small></div></div>
|
||||
{/if}
|
||||
{/if}
|
||||
<div id="top-social">
|
||||
{st_get_component module="stSocialLinksFrontend" component="show"}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="header-navbar-position">
|
||||
<nav id="header-navbar" role="navigation">
|
||||
<div class="container">
|
||||
<div id="logo" 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">
|
||||
<svg role="img" xmlns="http://www.w3.org/2000/svg" width="28px" height="28px" viewBox="0 0 24 24" aria-labelledby="searchIconTitle" stroke-width="1.7142857142857142" stroke-linecap="round" stroke-linejoin="round" fill="none"> <title id="searchIconTitle">Search</title> <path d="M14.4121122,14.4121122 L20,20"/> <circle cx="10" cy="10" r="6"/> </svg>
|
||||
</button>
|
||||
{if !($product_config->get('hide_basket'))}
|
||||
<button id="nav-button-shopping-cart" class="btn btn-navbar collapsed empty" data-toggle="collapse" data-target="#nav-shopping-cart" data-parent="#header-navbar">
|
||||
<svg role="img" xmlns="http://www.w3.org/2000/svg" width="28px" height="28px" viewBox="0 0 24 24" aria-labelledby="cartIconTitle" stroke-width="1.7142857142857142" stroke-linecap="round" stroke-linejoin="round" fill="none"> <title id="cartIconTitle">Cart</title> <path d="M6 6h15l-1.5 9h-12z"/> <circle cx="9" cy="19" r="1"/> <circle cx="18" cy="19" r="1"/> <path d="M6 6H3"/> </svg>
|
||||
<small class="quantity"></small>
|
||||
</button>
|
||||
{/if}
|
||||
<button id="nav-button-user" class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#nav-user" data-parent="#header-navbar">
|
||||
<svg role="img" xmlns="http://www.w3.org/2000/svg" width="28px" height="28px" viewBox="0 0 24 24" aria-labelledby="personIconTitle" stroke-width="1.7142857142857142" stroke-linecap="round" stroke-linejoin="round" fill="none"> <title id="personIconTitle">Person</title> <path d="M4,20 C4,17 8,17 10,15 C11,14 8,14 8,9 C8,5.667 9.333,4 12,4 C14.667,4 16,5.667 16,9 C16,14 13,14 14,15 C16,17 20,17 20,20"/> </svg>
|
||||
<small class="login-status"> </small>
|
||||
</button>
|
||||
<button id="nav-button-settings" class="btn btn-navbar hidden-xs collapsed" data-toggle="collapse" data-target="#nav-settings" data-parent="#header-navbar">
|
||||
<svg role="img" xmlns="http://www.w3.org/2000/svg" width="28px" height="28px" viewBox="0 0 24 24" aria-labelledby="languageIconTitle" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"> <title id="languageIconTitle">Language</title> <circle cx="12" cy="12" r="10"/> <path stroke-linecap="round" d="M12,22 C14.6666667,19.5757576 16,16.2424242 16,12 C16,7.75757576 14.6666667,4.42424242 12,2 C9.33333333,4.42424242 8,7.75757576 8,12 C8,16.2424242 9.33333333,19.5757576 12,22 Z"/> <path stroke-linecap="round" d="M2.5 9L21.5 9M2.5 15L21.5 15"/> </svg>
|
||||
</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>
|
||||
<div id="nav-menu" class="navbar-collapse collapse clearfix">
|
||||
{st_get_component module="stCategoryTree" component="horizontal"}
|
||||
</div>
|
||||
<div class="navbar-dropdown">
|
||||
<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">
|
||||
{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>
|
||||
{slot name="nav-setting" hidden="true"}{/slot}
|
||||
</div>
|
||||
{/strip}
|
||||
<div id="nav-search" class="navbar-collapse collapse hidden-xs">
|
||||
{include_file id="_search"}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{strip}
|
||||
<div id="under-menu-links" class="hidden-xs">
|
||||
<ul class="container nav">
|
||||
{st_get_component module="stWebpageFrontend" component="groupWebpage" group_page="HEADER"}
|
||||
</ul>
|
||||
</div>
|
||||
{/strip}
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user