first commit
This commit is contained in:
46
apps/frontend/templates/theme/climb/_fonts.html
Normal file
46
apps/frontend/templates/theme/climb/_fonts.html
Normal file
@@ -0,0 +1,46 @@
|
||||
{assign var='font_style' value=$theme_config->getConfigParameter('layout_config.font_style')}
|
||||
|
||||
{if $font_style == 'poppins'}
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,700;1,400;1,600&display=swap" rel="preload" as="style">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,700;1,400;1,600&display=swap" rel="stylesheet" type="text/css">
|
||||
{literal}
|
||||
<style>
|
||||
body
|
||||
{
|
||||
font-family: 'Poppins', sans-serif;
|
||||
}
|
||||
</style>
|
||||
{/literal}
|
||||
{elseif $font_style == 'pt_serif'}
|
||||
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="preload" as="style">
|
||||
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet" type="text/css">
|
||||
{literal}
|
||||
<style>
|
||||
body
|
||||
{
|
||||
font-family: 'PT Serif', serif;
|
||||
}
|
||||
</style>
|
||||
{/literal}
|
||||
{else}
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="preload" as="style">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet" type="text/css">
|
||||
{/if}
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Asap+Condensed&family=Oswald:wght@500&display=swap" rel="preload" as="style">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Asap+Condensed&family=Oswald:wght@500&display=swap" rel="stylesheet" type="text/css">
|
||||
|
||||
{include_file id="_script_theme"}
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
//<![CDATA[
|
||||
jQuery(function($) {
|
||||
$(window).load(function() {
|
||||
const topHeight = $('#header-navbar').height();
|
||||
$('#two-column-layout, #one-column-layout').css('padding-top', topHeight);
|
||||
});
|
||||
});
|
||||
//]]>
|
||||
</script>
|
||||
{/literal}
|
||||
67
apps/frontend/templates/theme/climb/_header.html
Normal file
67
apps/frontend/templates/theme/climb/_header.html
Normal file
@@ -0,0 +1,67 @@
|
||||
<nav id="header-navbar" role="navigation" class="navbar navbar-fixed-top{if (!($sf_context->getActionName()=='index' && $sf_context->getModuleName()=='stFrontendMain') || $theme_config->getConfigParameter('layout_config.menu_show') != 'default')} bg-menu{/if}">
|
||||
{st_get_component module="stBoxFrontend" component="boxSingle" params="webmaster_id=top"}
|
||||
<div class="container">
|
||||
<div id="logo">
|
||||
<div>
|
||||
<a href="{$homepage_url}">
|
||||
<img src="{image_path image='logo.png'}" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="navbar-buttons" class="btn-group pull-right">
|
||||
{st_get_component module="stSocialLinksFrontend" component="show"}
|
||||
<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="32px" height="32px" viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"><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="32px" height="32px" viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"><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="32px" height="32px" viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"><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="32px" height="32px" viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M5 20v-5c1.333-1.333 3-2 5-2 3 0 4 2 6 2 1 0 2-.333 3-1V5c-1 .667-2 1-3 1-2 0-3-2-6-2-2 0-3.667.667-5 2v9"/></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>
|
||||
</nav>
|
||||
84
apps/frontend/templates/theme/climb/_text-horizontal.html
Normal file
84
apps/frontend/templates/theme/climb/_text-horizontal.html
Normal file
@@ -0,0 +1,84 @@
|
||||
{if $theme->hasThemeContent('horizontal_1-h3') || $theme->hasThemeContent('horizontal_2-h3') || $theme->hasThemeContent('horizontal_3-h3') || $theme->hasThemeContent('horizontal_4-h3')}
|
||||
<div id="text-horizontal">
|
||||
<div class="line1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{if $theme->hasThemeContent('horizontal_1-h3')}
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="text flex">
|
||||
<div class="content-text flex">
|
||||
<div class="img">
|
||||
<img class="img-responsive" src="{image_path image='icons/icon-1.png'}" alt="" />
|
||||
</div>
|
||||
<div class="tinymce_html">
|
||||
<h3>{theme_content id='horizontal_1-h3'}</h3>
|
||||
{if $theme->hasThemeContent('horizontal_1-text')}
|
||||
<p>{theme_content id='horizontal_1-text'}</p>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
{if $theme->hasThemeContent('horizontal_2-h3')}
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="text flex">
|
||||
<div class="content-text flex">
|
||||
<div class="img">
|
||||
<img class="img-responsive" src="{image_path image='icons/icon-2.png'}" alt="" />
|
||||
</div>
|
||||
<div class="tinymce_html">
|
||||
<h3>{theme_content id='horizontal_2-h3'}</h3>
|
||||
{if $theme->hasThemeContent('horizontal_2-text')}
|
||||
<p>{theme_content id='horizontal_2-text'}</p>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{if $theme->hasThemeContent('horizontal_3-h3')}
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="text flex">
|
||||
<div class="content-text flex">
|
||||
<div class="img">
|
||||
<img class="img-responsive" src="{image_path image='icons/icon-3.png'}" alt="" />
|
||||
</div>
|
||||
<div class="tinymce_html">
|
||||
<h3>{theme_content id='horizontal_3-h3'}</h3>
|
||||
{if $theme->hasThemeContent('horizontal_3-text')}
|
||||
<p>{theme_content id='horizontal_3-text'}</p>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
{if $theme->hasThemeContent('horizontal_4-h3')}
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="text flex">
|
||||
<div class="content-text flex">
|
||||
<div class="img">
|
||||
<img class="img-responsive" src="{image_path image='icons/icon-4.png'}" alt="" />
|
||||
</div>
|
||||
<div class="tinymce_html">
|
||||
<h3>{theme_content id='horizontal_4-h3'}</h3>
|
||||
{if $theme->hasThemeContent('horizontal_4-text')}
|
||||
<p>{theme_content id='horizontal_4-text'}</p>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
Reference in New Issue
Block a user