TheCoreDev/aux-bieaux-legumes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Perso du template frontOffice

Browse Source
This commit is contained in:
TheCoreDev
2021-04-15 15:46:47 +02:00
parent 96173c0058
commit a759d43bc6
64 changed files with 120 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/frontOffice/custom/Gruntfile.js
View File

@@ -216,7 +216,7 @@ module.exports = function (grunt) {
}
},
cssmin: {
files: ['assets/src/css/thelia.css'],
files: ['assets/src/css/thelia.css', 'assets/src/css/custom.css'],
tasks: ['autoprefixer', 'cssmin'],
options: {
spawn: false,

2
templates/frontOffice/custom/assets/dist/css/custom.min.css vendored
View File

@@ -1 +1 @@
@font-face{font-family:sofia_prolight;src:url(../fonts/sofiapro/sofiapro-light-webfont.woff2) format('woff2'),url(../../fonts/sofiapro/sofiapro-light-webfont.woff) format('woff');font-weight:400;font-style:normal}html{font-family:sofia_prolight,sans-serif!important}#products-new .overlay:after,#products-offer .overlay:after,#products-upsell .overlay:after,body{font-family:sofia_prolight,'Open Sans',sans-serif!important}s @media (min-width:1200px){.container{width:1170px}}@media (min-width:992px){.header__main{width:95%}}@media (min-width:768px){.header__content{flex-direction:column}}.header__content{display:flex}.header__main{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.navbar-default{background-color:transparent}.navbar li>a.home:before{display:none}.nav>li{text-transform:uppercase}.header__content .container-fluid{padding-left:0;padding-right:0}.navbar-form .form-control{width:50px}.navbar-form .form-control.large{width:auto}.logo-boutique{width:200px}
@font-face{font-family:sofia_prolight;src:url(../fonts/sofiapro/sofiapro-light-webfont.woff2) format('woff2'),url(../fonts/sofiapro/sofiapro-light-webfont.woff) format('woff');font-weight:400;font-style:normal}html{font-family:sofia_prolight,sans-serif!important}#products-new .overlay:after,#products-offer .overlay:after,#products-upsell .overlay:after,body{font-family:sofia_prolight,'Open Sans',sans-serif!important}div.container{width:90%!important}@media (min-width:992px){.header__main{width:90%}}@media (min-width:768px){.header__content{flex-direction:column}}.header__content{display:flex}.header__main{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.header__secondary{display:inline-flex}.navbar-default{background-color:transparent}.navbar li>a.home:before{display:none}.nav>li{text-transform:uppercase}.header__content .container-fluid{padding-left:0;padding-right:0}.navbar-form .form-control{width:150px}.logo-boutique{width:160px}.navbar{margin-bottom:0}.glyphicon,a{color:#95c11e}.btn-primary{background-color:#95c11e;border-left:0;border-color:#95c11e}.navbar-default .navbar-nav>li>a{color:#3c3c3b}.nav>li>a:focus,.nav>li>a:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background-color:#95c11e;color:#fff}

48
templates/frontOffice/custom/assets/src/css/custom.css
View File

@@ -1,7 +1,7 @@
@font-face {
font-family: 'sofia_prolight';
src: url('../fonts/sofiapro/sofiapro-light-webfont.woff2') format('woff2'),
url('../../fonts/sofiapro/sofiapro-light-webfont.woff') format('woff');
url('../fonts/sofiapro/sofiapro-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@@ -16,17 +16,15 @@ html {
#products-offer .overlay:after,
body {
font-family: 'sofia_prolight', 'Open Sans', sans-serif !important;
}s
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
div.container {
width: 90% !important;
}
@media (min-width: 992px) {
.header__main {
width: 95%;
width: 90%;
}
}
@media (min-width: 768px) {
@@ -44,6 +42,9 @@ body {
flex-direction: row;
justify-content: space-between;
}
.header__secondary {
display: inline-flex;
}
.navbar-default {
background-color: transparent;
@@ -61,11 +62,30 @@ body {
padding-right: 0;
}
.navbar-form .form-control {
width: 50px;
}
.navbar-form .form-control.large {
width: auto;
width: 150px;
}
.logo-boutique {
width: 200px;
width: 160px;
}
.navbar {
margin-bottom: 0;
}
.glyphicon, a {
color: #95c11e;
}
.btn-primary {
background-color: #95c11e;
border-left: 0;
border-color: #95c11e;
}
.navbar-default .navbar-nav>li>a {
color: #3c3c3b;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
background-color: #95c11e;
color: white;
}
.nav>li>a:focus, .nav>li>a:hover {
background-color: #95c11e;
color: white;
}

6
templates/frontOffice/custom/assets/src/js/customJS.js
View File

@@ -1,11 +1,5 @@
(function($) {
$('#search-icon').hover(function() {
$(".navbar-form .form-control").addClass("large");
});
$('#search-icon').mouseleave(function() {
$(".navbar-form .form-control").removeClass("large");
});
})(jQuery);

18
templates/frontOffice/custom/layout.tpl
View File

@@ -134,7 +134,9 @@ GNU General Public License : http://www.gnu.org/licenses/
</a>
</h1>
{hook name="main.navbar-primary"}
{hook name="main.navbar-secondary"}
<div class="header__secondary">
{hook name="main.navbar-secondary"}
</div>
</div>
</div>
@@ -288,22 +290,8 @@ GNU General Public License : http://www.gnu.org/licenses/
<!-- Custom scripts -->
<script src="{javascript file='assets/dist/js/thelia.min.js'}"></script>
<script src="{javascript file='assets/src/js/customJS.js'}"></script>
{* <script>*}
{* var header = $(".nav-main");*}
{* var sticky = header[0].offsetTop;*}
{* window.onscroll = function () {*}
{* if (window.pageYOffset > sticky) {*}
{* header.addClass("sticky");*}
{* } else {*}
{* header.removeClass("sticky");*}
{* }*}
{* };*}
{* </script>*}
{hook name="main.body-bottom"}
</body>
</html>

73
templates/frontOffice/custom/modules/HookCart/mini-cart.html Normal file
View File

@@ -0,0 +1,73 @@
{ifloop rel="cartloop"}
<li class="dropdown pull-right cart-not-empty cart-container">
<a href="{url path="/cart"}" rel="nofollow" class="cart">
{* {intl l="Cart" d="hookcart.fo.default"} *}<i class="fa fa-cart-plus"></i>&nbsp;<span class="badge">{cart attr="count_item"}</span>
</a>
<div class="dropdown-menu cart-content">
<form id="form-cart-mini" action="{url path="/order/delivery"}" method="post">
<table class="table table-cart-mini">
<colgroup>
<col width="70">
<col>
<col width="100">
</colgroup>
<tbody>
{assign "total_price" 0}
{loop type="cart" name="cartloop"}
<tr>
<td class="image">
{ifloop rel="pse-first-image"}
{loop type="product-sale-elements-image" name="pse-first-image" product_sale_elements_id=$PRODUCT_SALE_ELEMENTS_ID limit="1"}
{loop type="image" name="product-image" id=$PRODUCT_IMAGE_ID product=$PRODUCT_ID limit="1" width="118" height="60"}
{assign var="product_image_url" value=$IMAGE_URL}
<img src="{$IMAGE_URL nofilter}" alt="{$TITLE}">
{/loop}
{/loop}
{/ifloop}
{elseloop rel="pse-first-image"}
{loop type="image" name="product-image" product=$PRODUCT_ID limit="1" width="118" height="60"}
<img src="{$IMAGE_URL nofilter}" alt="{$TITLE}">
{/loop}
{/elseloop}
</td>
<td class="product">
<h3 class="name" style="margin:0">
{$TITLE}
</h3>
<a href="{token_url path="/cart/delete/$ITEM_ID"}" class="btn btn-remove" data-tip="tooltip" data-title="Delete" data-original-title=""><i class="fa fa-trash"></i> <span>{intl l="Remove" d="hookcart.fo.default"}</span></a>
</td>
<td class="unitprice text-center">
<span class="qty">{$QUANTITY}</span> X <span class="price" style="font-size:1em;">{format_money number=$REAL_TAXED_PRICE}</span>
</td>
</tr>
{/loop}
</tbody>
<tfoot>
<tr>
<td colspan="2" class="empty">
<a href="{url path="/cart"}" role="button" class="btn btn-default btn-sm"><i class="fa fa-eye"></i> {intl l="View Cart" d="hookcart.fo.default"}</a>
<a href="{url path="/order/delivery"}" role="button" class="btn btn-primary btn-sm"><i class="fa fa-chevron-right"></i> {intl l="Checkout" d="hookcart.fo.default"}</a>
{*<button type="submit" name="checkout" class="btn btn-primary btn-sm">{intl l="Checkout" d="hookcart.fo.default"}</button>*}
</td>
<td class="total">
<div class="total-price">
<span class="price">{format_money number={cart attr='total_taxed_price_without_discount'}}</span>
</div>
</td>
</tr>
</tfoot>
</table>
</form>
</div>
</li>
{/ifloop}
{elseloop rel="cartloop"}
<li class="dropdown pull-right cart-container">
<a href="{url path="/cart"}" rel="nofollow" class="cart">
{* {intl l="Cart" d="hookcart.fo.default"} *}<i class="fa fa-cart-plus"></i>&nbsp;<span class="badge">0</span>
</a>
<div class="dropdown-menu cart-content">
<p>{intl l="You have no items in your shopping cart." d="hookcart.fo.default"}</p>
</div>
</li>
{/elseloop}

43
templates/frontOffice/custom/modules/HookCustomer/main-navbar-secondary.html Normal file
View File

@@ -0,0 +1,43 @@
<ul class="nav navbar-nav navbar-customer navbar-right">
{loop type="auth" name="customer_info_block" role="CUSTOMER"}
<li><a href="{url path="/logout"}" class="logout">{intl l="Log out!" d="hookcustomer.fo.default"}</a></li>
<li><a href="{url path="/account"}" class="account">{intl l="My Account" d="hookcustomer.fo.default"}</a></li>
{/loop}
{elseloop rel="customer_info_block"}
<!-- <li><a href="{url path="/register"}" class="register">{intl l="Register!" d="hookcustomer.fo.default"}</a></li>-->
<li class="dropdown">
<a href="{url path="/login"}" class="login dropdown-toggle">{* {intl l="Log In!" d="hookcustomer.fo.default"} *}<i class="fa fa-user"></i></a>
<div class="dropdown-menu">
{form name="thelia.front.customer.login"}
<form id="form-login-mini" action="{url path="/login"}" method="post" {form_enctype}>
{form_hidden_fields}
{form_field field="success_url"}
<input type="hidden" name="{$name}" value="{navigate to="current"}">
{/form_field}
{form_field field="email"}
<div class="form-group group-email">
<label for="{$label_attr.for}-mini">{intl l="Email address" d="hookcustomer.fo.default"}</label>
<input type="email" name="{$name}" id="{$label_attr.for}-mini" class="form-control input-sm" maxlength="255" aria-required="true" required>
</div>
{/form_field}
{form_field field="password"}
<div class="form-group group-password">
<label for="{$label_attr.for}-mini">{intl l="Password" d="hookcustomer.fo.default"}</label>
<input type="password" name="{$name}" id="{$label_attr.for}-mini" class="form-control input-sm" maxlength="255" aria-required="true" required>
</div>
{/form_field}
{form_field field="account"}
<input type="hidden" name="{$name}" value="1">
{/form_field}
<div class="form-group group-btn">
<button type="submit" class="btn btn-login-mini btn-sm btn-primary"><i class="fa fa-sign-in"></i> {intl l="Sign In" d="hookcustomer.fo.default"}</button>
<a href="{url path="/register"}" class="btn btn-register-mini btn-default btn-sm"><i class="fa fa-user-plus"></i> {intl l="Register" d="hookcustomer.fo.default"}</a>
</div>
<a href="{url path="/password"}" class="mini-forgot-password">{intl l="Forgot your Password?" d="hookcustomer.fo.default"}</a>
</form>
{/form}
</div>
</li>
{/elseloop}
</ul>