first commit
This commit is contained in:
4
apps/frontend/templates/theme/responsive/_fonts.html
Normal file
4
apps/frontend/templates/theme/responsive/_fonts.html
Normal file
@@ -0,0 +1,4 @@
|
||||
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400&subset=latin,latin-ext&display=swap" rel="preload" as="style">
|
||||
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:600,400,300,600italic,400italic,300italic&subset=latin,latin-ext&display=swap" rel="preload" as="style">
|
||||
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400&subset=latin,latin-ext&display=swap" rel="stylesheet" type="text/css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:600,400,300,600italic,400italic,300italic&subset=latin,latin-ext&display=swap" rel="stylesheet" type="text/css">
|
||||
9
apps/frontend/templates/theme/responsive/_footer.html
Normal file
9
apps/frontend/templates/theme/responsive/_footer.html
Normal file
@@ -0,0 +1,9 @@
|
||||
<div class="navbar navbar-default clearfix" role="navigation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{st_get_component module="stSocialLinksFrontend" component="show"}
|
||||
{st_get_component module="stWebpageFrontend" component="footerWebpage"}
|
||||
</div>
|
||||
{st_get_component module="stFrontendMain" component="copyright" params="open='$open'"}
|
||||
</div>
|
||||
</div>
|
||||
116
apps/frontend/templates/theme/responsive/_header.html
Normal file
116
apps/frontend/templates/theme/responsive/_header.html
Normal file
@@ -0,0 +1,116 @@
|
||||
<nav id="header-navbar" class="navbar navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<div id="logo">
|
||||
<div>
|
||||
<a href="{$homepage_url}">
|
||||
<img src="{image_path image='logo.png'}" alt="Logo" />
|
||||
</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>
|
||||
{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">
|
||||
<span class="glyphicon glyphicon-shopping-cart"></span>
|
||||
<small class="quantity"></small>
|
||||
</button>
|
||||
{/if}
|
||||
{if !$sf_user->isAuthenticated()}
|
||||
<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>
|
||||
{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">
|
||||
|
||||
{st_get_component module="stLanguageFrontend" component="choose"}
|
||||
{st_get_component module="stCurrencyFrontend" component="pickCurrency"}
|
||||
|
||||
{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>
|
||||
</nav>
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
//<![CDATA[
|
||||
jQuery(function($) {
|
||||
if ($('#nav-settings > ul > li:empty').length == 2) {
|
||||
$('#nav-button-settings').hide();
|
||||
}
|
||||
|
||||
function submenuHeight()
|
||||
{
|
||||
var dropdown = $('#header-navbar .dropdown-menu');
|
||||
if ($(window).width() > 767) {
|
||||
var scrolled = $(window).scrollTop();
|
||||
var windowHeight = $(window).height();
|
||||
var headerHeight = $('#header-navbar').height();
|
||||
dropdown.css('max-height', windowHeight - headerHeight - 15);
|
||||
} else {
|
||||
dropdown.removeAttr("style");
|
||||
};
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
submenuHeight();
|
||||
if ($(window).width() < 768) {
|
||||
var windowHeightMobile = $(window).height();
|
||||
var menuHeightMobile = $('#header-navbar').height();
|
||||
$('#header-navbar .navbar-collapse').css('max-height', windowHeightMobile - menuHeightMobile);
|
||||
};
|
||||
});
|
||||
|
||||
$(window).scroll(function() {
|
||||
submenuHeight();
|
||||
});
|
||||
|
||||
$(window).resize(function() {
|
||||
submenuHeight();
|
||||
});
|
||||
|
||||
});
|
||||
//]]>
|
||||
</script>
|
||||
{/literal}
|
||||
86
apps/frontend/templates/theme/responsive/_search.html
Normal file
86
apps/frontend/templates/theme/responsive/_search.html
Normal file
@@ -0,0 +1,86 @@
|
||||
{php}$this->assign('searchId', substr(str_shuffle("0123456789abcdefghijklmnopqrstuvwxyz"), 0, 4)){/php}
|
||||
|
||||
<form action="{urlfor internal="stProduct/list"}" class="form-inline search" method="get">
|
||||
<div class="input-group">
|
||||
<label class="sr-only" for="search-{$searchId}">{__ text="Wyszukaj"}</label>
|
||||
<input id="search-{$searchId}" type="search" autocomplete="off" class="form-control" name="query" value="" placeholder='{__ text="Wpisz czego szukasz" catalogue="stFrontend"}' />
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-primary" type="submit" aria-label="{__ text='Wyszukaj' langCatalogue='stSearchFrontend'}"><span class="glyphicon glyphicon-search"></span></button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
{literal}
|
||||
<script id="search-result-tpl" type="text/x-template">
|
||||
<div class="media">
|
||||
<div class="media-left">
|
||||
<a href="#">
|
||||
<img class="media-object" src="{%=o.image%}" alt="{%=o.name%}">
|
||||
</a>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">{%=o.name%}</h4>
|
||||
{% if (o.price) { %}
|
||||
<div class="price-info">
|
||||
{% if (o.price.type == 'gross_net') { %}
|
||||
<span class="price">{%=o.price.brutto%}</span>
|
||||
{% } else if (o.price.type == 'net_gross') { %}
|
||||
<span class="price">{%=o.price.netto%}</span>
|
||||
{% } else if (o.price.type == 'only_net') { %}
|
||||
<span class="price">{%=o.price.netto%}</span>
|
||||
{% } else { %}
|
||||
<span class="price">{%=o.price.brutto%}</span>
|
||||
{% } %}
|
||||
</div>
|
||||
{% } %}
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(function($) {
|
||||
$('.search').submit(function() {
|
||||
var input = $(this).find('input[name=query]');
|
||||
|
||||
if (!input.val()) {
|
||||
input.parent().addClass('has-error');
|
||||
return false;
|
||||
}
|
||||
|
||||
input.parent().removeClass('has-error');
|
||||
return true;
|
||||
});
|
||||
|
||||
var products = new Bloodhound({
|
||||
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
|
||||
queryTokenizer: Bloodhound.tokenizers.whitespace,
|
||||
remote: {
|
||||
url: '{/literal}{urlfor internal="@stSearchPlugin?action=typeahead"}?query=%QUERY{literal}',
|
||||
wildcard: '%QUERY'
|
||||
},
|
||||
limit: 100
|
||||
});
|
||||
|
||||
products.initialize();
|
||||
|
||||
var tpl = tmpl($('#search-result-tpl').html());
|
||||
|
||||
var typeahead = $('.search input[type="search"]');
|
||||
typeahead.typeahead({
|
||||
minLength: 3,
|
||||
source: products.ttAdapter(),
|
||||
messages: {
|
||||
noresults: false,
|
||||
},
|
||||
viewport: { selector: '#header-navbar', padding: 0 },
|
||||
template: function(suggestions) {
|
||||
var content = '';
|
||||
for (var i = 0; i < suggestions.length; i++) {
|
||||
content += '<li data-url="'+suggestions[i].url+'">'+tpl(suggestions[i])+'</li>';
|
||||
}
|
||||
return content;
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
120
apps/frontend/templates/theme/responsive/base.html
Normal file
120
apps/frontend/templates/theme/responsive/base.html
Normal file
@@ -0,0 +1,120 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{$lang}">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
|
||||
{use_javascript src="jquery-1.8.3.min.js" position="first"}
|
||||
{use_javascript src="/bootstrap/js/bootstrap.min.js" position="first"}
|
||||
{use_javascript src="bootstrap-hover-dropdown.min.js" position="first"}
|
||||
|
||||
{use_javascript src="jquery.stickybox.js" position="first"}
|
||||
{use_javascript src="jquery.equilizer.js" position="first"}
|
||||
{use_javascript src="lightGallery.min.js" position="first"}
|
||||
{use_javascript src="easing.js"}
|
||||
{use_javascript src="bootstrap-slider.min.js"}
|
||||
{use_javascript src="bloodhund.min.js"}
|
||||
{use_javascript src="bootstrap-typeahead.js"}
|
||||
{use_javascript src="tmpl.min.js"}
|
||||
{use_javascript src="/swiper-slider/js/swiper-bundle.min.js"}
|
||||
|
||||
{use_stylesheet src="style.css" position="first"}
|
||||
{use_stylesheet src="theme.css" position="first"}
|
||||
{use_stylesheet src="theme_editor.css" position="first"}
|
||||
{use_stylesheet src="lightGallery.css" position="first"}
|
||||
{use_stylesheet src="bootstrap-slider.css" position="first"}
|
||||
{use_stylesheet src="/swiper-slider/css/swiper-bundle.min.css"}
|
||||
|
||||
{include_meta}
|
||||
<link rel="preload" href="/bootstrap/fonts/glyphicons-halflings-regular.woff" as="font" crossorigin="anonymous">
|
||||
<link href="/bootstrap/css/bootstrap.min.css?v320" rel="preload" as="style">
|
||||
<link href="/bootstrap/css/bootstrap.min.css?v320" rel="stylesheet" type="text/css">
|
||||
{include_stylesheets minify="true"}
|
||||
{include_javascripts minify="true"}
|
||||
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
|
||||
{include_file id="_fonts"}
|
||||
{assign var='searchId' value=0}
|
||||
{if $is_mobile}
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic,300italic,300&subset=latin,latin-ext&display=swap" rel='preload' as="style">
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic,300italic,300&subset=latin,latin-ext&display=swap" rel='stylesheet' type="text/css">
|
||||
{literal}
|
||||
<style type="text/css">
|
||||
.caption .name, .card h1, #product-navbar h1, .title h1, .card .product-label h2, .caption .product-label, header .horizontal-categories > li > a, .category h2, .dropdown-menu > li > a
|
||||
{
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
}
|
||||
</style>
|
||||
{/literal}
|
||||
{/if}
|
||||
|
||||
{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($) {
|
||||
$(document).ready(function(){
|
||||
$('body [data-equalizer]').equalizer({ use_tallest: true });
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > 100) {
|
||||
$('#toTop').fadeIn();
|
||||
} else {
|
||||
$('#toTop').fadeOut();
|
||||
}
|
||||
});
|
||||
$('#toTop').click(function () {
|
||||
$("html, body").animate({
|
||||
scrollTop: 0
|
||||
}, 300);
|
||||
return false;
|
||||
});
|
||||
|
||||
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').show()
|
||||
}else{
|
||||
$('#phone-call').hide()
|
||||
}
|
||||
scroll = false;
|
||||
}
|
||||
}, 255);
|
||||
|
||||
$('#nav-button-search.collapsed').click(function() {
|
||||
setTimeout(function(){
|
||||
$('#nav-search .form-control').focus();
|
||||
}, 300);
|
||||
});
|
||||
});
|
||||
});
|
||||
//]]>
|
||||
</script>
|
||||
{/literal}
|
||||
{st_get_component module="stGoogleAnalyticsFrontend" component="standard"}
|
||||
{slot name="before-head-ends" hidden="true"}{/slot}
|
||||
</head>
|
||||
<body>
|
||||
{slot name="base-header" hidden="true"}{/slot}
|
||||
{render_layout default="one_column"}
|
||||
{slot name="base-footer" hidden="true"}{/slot}
|
||||
{if $shopinfo->get('phone') && $shopinfo->get('show_phone')}
|
||||
<a id="phone-call" href="tel:{$shopinfo->get('phone')}"><span class="glyphicon glyphicon-earphone"></span></a>
|
||||
{/if}
|
||||
<a href="#" id="toTop"><span class="glyphicon glyphicon-arrow-up"></span></a>
|
||||
</body>
|
||||
</html>
|
||||
12
apps/frontend/templates/theme/responsive/homepage.html
Normal file
12
apps/frontend/templates/theme/responsive/homepage.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<header>
|
||||
{include_file id="_header"}
|
||||
</header>
|
||||
|
||||
<div id="homepage-layout">
|
||||
{$content}
|
||||
|
||||
<footer>
|
||||
{include_file id="_footer"}
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
27
apps/frontend/templates/theme/responsive/one_column.html
Normal file
27
apps/frontend/templates/theme/responsive/one_column.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<header>
|
||||
{include_file id="_header"}
|
||||
</header>
|
||||
|
||||
<div id="one-column-layout">
|
||||
<div class="container">
|
||||
{php}
|
||||
$c = sfContext::getInstance();
|
||||
if
|
||||
(($c->getModuleName() == 'stProduct' && $c->getActionName() == 'list') ||
|
||||
($c->getModuleName() == 'stProduct' && $c->getActionName() == 'groupList') ||
|
||||
($c->getModuleName() == 'stProduct' && $c->getActionName() == 'producerList') ||
|
||||
($c->getModuleName() == 'stProduct' && $c->getActionName() == 'show') ||
|
||||
($c->getModuleName() == 'stWebpageFrontend' && $c->getActionName() == 'index'))
|
||||
{
|
||||
{/php}
|
||||
{st_get_component module="stNavigationFrontend" component="breadcrumbs"}
|
||||
{php} } {/php}
|
||||
|
||||
{st_get_component module="stProduct" component="filters" modal_only=true}
|
||||
{$content}
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
{include_file id="_footer"}
|
||||
</footer>
|
||||
</div>
|
||||
30
apps/frontend/templates/theme/responsive/two_column.html
Normal file
30
apps/frontend/templates/theme/responsive/two_column.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<header>
|
||||
{include_file id="_header"}
|
||||
</header>
|
||||
|
||||
<div id="two-column-layout">
|
||||
<div class="container">
|
||||
{st_get_component module="stNavigationFrontend" component="breadcrumbs"}
|
||||
<div class="row">
|
||||
<div id="content" class="col-md-9 col-md-push-3 col-lg-9 col-lg-push-3">{$content}</div>
|
||||
<div id="left" class="col-md-3 col-md-pull-9 col-lg-3 col-lg-pull-9 hidden-sm hidden-xs">
|
||||
{strip}
|
||||
<div id="category-thumbnail" class="thumbnail">
|
||||
{st_get_component module="stCategoryTree" component="vertical"}
|
||||
{st_get_component module="stProduct" component="filters"}
|
||||
</div>
|
||||
{/strip}
|
||||
{st_get_component module="stProduct" component="new"}
|
||||
{st_get_component module="stProduct" component="productGroup" params="product_group=PROMOTION"}
|
||||
{st_get_component module="stBoxFrontend" component="boxGroup" params="box_group=LEFT"}
|
||||
{st_get_component module="stTrustedShopsFrontend" component="showRatingWidget"}
|
||||
{slot name="left-column-bottom" hidden="true"}{/slot}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
{include_file id="_footer"}
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user