On continue à adapter le template...
This commit is contained in:
@@ -269,4 +269,7 @@ return array(
|
||||
'per page' => 'par page',
|
||||
'update' => 'mettre à jour',
|
||||
'with:' => 'avec :',
|
||||
|
||||
'unite' => ' le kilo',
|
||||
'nouveaute' => "Nouveauté",
|
||||
);
|
||||
|
||||
@@ -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}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}
|
||||
@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}aside.col-left,footer.footer-info,section.category-description{display:none}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}.price,.toolbar .amount{color:#95c11e}.breadcrumb{text-align:center;font-size:large;margin-bottom:30px}.grid #category-products .item>article .product-info .name{height:1.5em}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#95c11e;border-color:#95c11e}.nouveaute{position:relative;z-index:300;display:block;background-color:red;border-radius:5px;color:#fff;bottom:170px;width:80px;text-align:center;transform:rotate(-10deg)}
|
||||
@@ -6,6 +6,17 @@
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
section.category-description {
|
||||
display: none;
|
||||
}
|
||||
aside.col-left {
|
||||
display: none;
|
||||
}
|
||||
footer.footer-info {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
html {
|
||||
font-family: 'sofia_prolight', sans-serif !important;
|
||||
}
|
||||
@@ -88,4 +99,36 @@ div.container {
|
||||
.nav>li>a:focus, .nav>li>a:hover {
|
||||
background-color: #95c11e;
|
||||
color: white;
|
||||
}
|
||||
.breadcrumb {
|
||||
text-align: center;
|
||||
font-size: large;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.toolbar .amount{
|
||||
color: #95c11e;
|
||||
}
|
||||
.grid #category-products .item>article .product-info .name {
|
||||
height: 1.5em;
|
||||
}
|
||||
.price {
|
||||
color: #95c11e;
|
||||
}
|
||||
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
|
||||
background-color: #95c11e;
|
||||
border-color: #95c11e;
|
||||
}
|
||||
|
||||
|
||||
.nouveaute {
|
||||
position: relative;
|
||||
z-index: 300;
|
||||
display: block;
|
||||
background-color: red;
|
||||
border-radius: 5px;
|
||||
color: white;
|
||||
bottom: 170px;
|
||||
width: 80px;
|
||||
text-align: center;
|
||||
transform: rotate(-10deg);
|
||||
}
|
||||
@@ -60,7 +60,8 @@
|
||||
|
||||
{hook name="category.content-top" category="$category_id"}
|
||||
|
||||
{if #category_display_detail# && $category_id}
|
||||
<!-- TheCoreDev le 25/03/2021 : On masque via CSS le nom de la catégorie (déjà présent dans le fil d'ariane) //-->
|
||||
{if #category_display_detail# && $category_id}
|
||||
<section class="category-description">
|
||||
{loop name="category.description" type="category" id={$category_id} limit="1" }
|
||||
<h1 id="main-label" class="page-header">{category attr="title"}</h1>
|
||||
@@ -107,7 +108,7 @@
|
||||
<div class="products-content">
|
||||
<ul class="list-unstyled row">
|
||||
{loop type="product" name="product_list" category=$category_id limit=$limit page=$product_page order=$product_order}
|
||||
{include file="includes/single-product.html" product_id=$ID hasBtn=true hasDescription=true hasQuickView=true width="218" height="146"}
|
||||
{include file="includes/single-product.html" product_id=$ID hasBtn=false hasDescription=true hasQuickView=false width="218" height="146"}
|
||||
{/loop}
|
||||
</ul>
|
||||
</div>
|
||||
@@ -125,11 +126,10 @@
|
||||
{hook name="category.content-bottom" category="$category_id"}
|
||||
</article>
|
||||
|
||||
<!-- TheCoreDev le 25/03/2021 : On ne veut pas de la barre latérale
|
||||
<!-- TheCoreDev le 25/03/2021 : On masque via CSS la barre latérale //-->
|
||||
<aside class="col-left col-md-3 col-md-pull-9" role="complementary" itemscope itemtype="http://schema.org/WPSideBar">
|
||||
{include file="includes/menu.html"}
|
||||
</aside>
|
||||
//-->
|
||||
|
||||
{hook name="category.main-bottom" category="$category_id"}
|
||||
|
||||
|
||||
@@ -20,8 +20,12 @@
|
||||
{/elseloop}
|
||||
</a>
|
||||
|
||||
{if $IS_NEW}
|
||||
<span class="nouveaute">{intl l="nouveaute"}</span>
|
||||
{/if}
|
||||
|
||||
<div class="product-info col-sm-6">
|
||||
<h2 class="name"><a href="{$URL nofilter}"><span itemprop="name">{$productTitle}</span></a></h2>
|
||||
<h2 class="name"><span itemprop="name">{$productTitle}</span></h2>
|
||||
{if $hasDescription}
|
||||
<div class="description" itemprop="description">
|
||||
<p>{$DESCRIPTION nofilter}</p>
|
||||
@@ -52,22 +56,44 @@
|
||||
{if $IS_PROMO }
|
||||
{assign var="combination_count" value={count type="product_sale_elements" promo="1" product=$ID}}
|
||||
|
||||
{loop type="digressive" name="digressivePrice" product_id=$ID quantity=1}
|
||||
<span class="special-price col-xs-6"><span itemprop="price" class="price-label" content="{$BEST_TAXED_PRICE}">{intl l="Special Price:"} </span><span class="price">
|
||||
{if $combination_count > 1}
|
||||
{intl l="From %price" price={format_money number=$TAXED_PROMO_PRICE}}
|
||||
{else}
|
||||
{format_money number=$TAXED_PROMO_PRICE}
|
||||
{ifloop rel="dp"}
|
||||
{loop type="digressive" name="dp" product_id=$ID order="false" limit=1}
|
||||
<span class="special-price col-xs-6">
|
||||
<span class="price">{intl l="From %price" price={format_money number=$TAXED_PROMO_PRICE}}{intl l="unite"}</span>
|
||||
</span>
|
||||
{if $SHOW_ORIGINAL_PRICE}
|
||||
<span class="old-price col-xs-6">
|
||||
<span class="price-label">{intl l="Regular Price:"} </span>
|
||||
<span class="price">{format_money number=$TAXED_PRICE}</span>
|
||||
</span>
|
||||
{/if}
|
||||
</span></span>
|
||||
{if $SHOW_ORIGINAL_PRICE}
|
||||
<span class="old-price col-xs-6"><span class="price-label">{intl l="Regular Price:"} </span><span class="price">{format_money number=$TAXED_PRICE}</span></span>
|
||||
{/if}
|
||||
{/loop}
|
||||
{/loop}
|
||||
{/ifloop}
|
||||
{elseloop rel="dp"}
|
||||
{loop type="product_sale_elements" name="pse" default=1 product=$product_id}
|
||||
<span class="regular-price col-xs-6">
|
||||
<span itemprop="price" class="price" content="{$TAXED_PROMO_PRICE}">{format_money number=$TAXED_PROMO_PRICE}{intl l="unite"}</span>
|
||||
</span>
|
||||
{if $SHOW_ORIGINAL_PRICE}
|
||||
<span class="old-price col-xs-6">
|
||||
<span class="price-label">{intl l="Regular Price:"} </span>
|
||||
<span class="price">{format_money number=$TAXED_PRICE}</span>
|
||||
</span>
|
||||
{/if}
|
||||
{/loop}
|
||||
{/elseloop}
|
||||
|
||||
{else}
|
||||
{loop type="digressive" name="digressivePrice" product_id=$ID quantity=1}
|
||||
<span class="regular-price col-xs-12"><span itemprop="price" class="price" content="{$TAXED_PRICE}">{format_money number=$TAXED_PRICE}</span></span>
|
||||
{/loop}
|
||||
{ifloop rel="dp"}
|
||||
{loop type="digressive" name="dp" limit=1 product_id=$product_id order="false"}
|
||||
<span class="regular-price col-xs-12"><span itemprop="price" class="price" content="{$TAXED_PRICE}">{intl l="From %price" price={format_money number=$TAXED_PRICE}}{intl l="unite"}</span></span>
|
||||
{/loop}
|
||||
{/ifloop}
|
||||
{elseloop rel="dp"}
|
||||
{loop type="product_sale_elements" name="pse" default=1 product=$product_id}
|
||||
<span class="regular-price col-xs-12"><span itemprop="price" class="price" content="{$TAXED_PRICE}">{format_money number=$TAXED_PRICE}{intl l="unite"}</span></span>
|
||||
{/loop}
|
||||
{/elseloop}
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
|
||||
@@ -211,6 +211,7 @@ GNU General Public License : http://www.gnu.org/licenses/
|
||||
</section>
|
||||
{/ifhook}
|
||||
|
||||
<!-- TheCoreDev : on masque le footer-info via CSS //-->
|
||||
{ifhook rel="main.footer-bottom"}
|
||||
<footer class="footer-info" role="contentinfo">
|
||||
<div class="container">
|
||||
|
||||
@@ -0,0 +1,36 @@
|
||||
<nav class="navbar navbar-default nav-main" role="navigation" itemscope itemtype="http://schema.org/SiteNavigationElement">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-primary">
|
||||
<span class="sr-only">{intl l="Toggle navigation" d="hooknavigation.fo.default"}</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand visible-xs-block visible-sm-block" href="{navigate to="index"}">{intl l="Categories" d="hooknavigation.fo.default"}</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navbar-primary">
|
||||
<ul class="nav navbar-nav navbar-categories">
|
||||
<li><a href="{navigate to="index"}" class="home">{intl l="Home" d="hooknavigation.fo.default"}</a></li>
|
||||
{loop type="category" name="category.navigation" parent="0" need_count_child="yes"}
|
||||
{if $CHILD_COUNT > 0}
|
||||
<li class="dropdown">
|
||||
<a href="{$URL}" class="dropdown-toggle">{$TITLE}</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
{loop type="category" name="sub-cat" parent="{$ID}"}
|
||||
<li><a href="{$URL}">{$TITLE}</a></li>
|
||||
{/loop}
|
||||
</ul>
|
||||
</li>
|
||||
{else}
|
||||
<li><a href="{$URL}">{$TITLE}</a></li>
|
||||
{/if}
|
||||
{/loop}
|
||||
|
||||
<li><a href="/nos-recettes.html">Nos recettes</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -208,17 +208,21 @@
|
||||
|
||||
<span id="pse-promo">
|
||||
<span class="special-price">
|
||||
{loop type="digressive" name="digressivePriceLoop" product_id=$product_id quantity=1}
|
||||
<span class="price-label">{intl l="Special Price:"} </span><span id="pse-price" class="price">
|
||||
{if $IS_PROMO}
|
||||
{format_money number=$TAXED_PROMO_PRICE symbol={currency attr="symbol"}}
|
||||
{else}
|
||||
{format_money number=$TAXED_PRICE symbol={currency attr="symbol"}}
|
||||
{/if}
|
||||
</span>
|
||||
{/loop}
|
||||
{ifloop rel="dp"}
|
||||
{loop type="digressive" name="dp" product_id=$product_id quantity=1}
|
||||
<span class="price-label">{intl l="Special Price:"} </span><span id="pse-price" class="price">
|
||||
{if $IS_PROMO}
|
||||
{format_money number=$TAXED_PROMO_PRICE symbol={currency attr="symbol"}}
|
||||
{else}
|
||||
{format_money number=$TAXED_PRICE symbol={currency attr="symbol"}}
|
||||
{/if}
|
||||
</span>
|
||||
{/loop}
|
||||
{/ifloop}
|
||||
{elseloop rel="dp"}
|
||||
{/elseloop}
|
||||
</span>
|
||||
<meta itemprop="price" content="{if $IS_PROMO}{$TAXED_PROMO_PRICE}{else}{$TAXED_PRICE}{/if}">
|
||||
<meta itemprop="price" content="{if $IS_PROMO}{$TAXED_PROMO_PRICE}{else}{$TAXED_PRICE} le kilo{/if}">
|
||||
|
||||
{if $SHOW_ORIGINAL_PRICE}
|
||||
<span class="old-price"><span class="price-label">{intl l="Regular Price:"} </span><span id="pse-price-old" class="price">{format_money number=$TAXED_PRICE}</span></span>
|
||||
|
||||
Reference in New Issue
Block a user