Try to make css

This commit is contained in:
Michael RICOIS 2017-05-12 15:43:12 +02:00
parent ea2e7b585d
commit bb739811fe
3 changed files with 17 additions and 1 deletions

View File

@ -530,6 +530,12 @@ header.page-heading.order-process { padding: 25px 0 0 0 }
position: absolute;
text-align: left;
}
.product-container .border .product-new-bloclabel {
background: #529bb6;
font-size: 16px;
position: absolute;
text-align: left;
}
.product-container .discount .product-img {
margin-top: 35px
}
@ -657,9 +663,11 @@ header.page-heading.order-process { padding: 25px 0 0 0 }
position: relative;
}
.bloc.product-container .border.discount { border: 5px solid #ffd51b }
.bloc.product-container .border.product-new { border: 5px solid #529bb6 }
.flash.bloc.product-container .border.discount { border: 5px solid #e4535d }
.bloc.product-container .border .price-percent-reduction {
.bloc.product-container .border .price-percent-reduction,
.bloc.product-container .border .product-new-bloclabel {
padding: 7px 15px 3px 15px;
position: absolute;
font-size: 18px;

View File

@ -32,6 +32,12 @@
</span><span>-{$percentReduction}<sup>%</sup></span>
{if isset($product.isflash) && $product.isflash}</span>{/if}
</span>
{elseif isset($product.new) && $product.new == 1}
<span class="product-new-bloclabel">
<span class="product-new-label">
{l s='Nouveau'}
</span>
</span>
{/if}
<a class="product-img" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url">

View File

@ -83,6 +83,8 @@
<div id="image-block" class="col-md-4 col-sm-6">
{if $percentReduction}
<span class="price-percent-reduction">{if $isFlash}{l s='Vente Flash'}{else}{l s='Promo'}{/if} | -{$percentReduction}%</span>
{elseif isset($product.new) && $product.new == 1}
<span class="product-new-label">{l s='Nouveau'}</span>
{/if}
<!-- Image principale-->
{if $have_image}