Try to make css
This commit is contained in:
parent
ea2e7b585d
commit
bb739811fe
@ -530,6 +530,12 @@ header.page-heading.order-process { padding: 25px 0 0 0 }
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
.product-container .border .product-new-bloclabel {
|
||||||
|
background: #529bb6;
|
||||||
|
font-size: 16px;
|
||||||
|
position: absolute;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
.product-container .discount .product-img {
|
.product-container .discount .product-img {
|
||||||
margin-top: 35px
|
margin-top: 35px
|
||||||
}
|
}
|
||||||
@ -657,9 +663,11 @@ header.page-heading.order-process { padding: 25px 0 0 0 }
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.bloc.product-container .border.discount { border: 5px solid #ffd51b }
|
.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 }
|
.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;
|
padding: 7px 15px 3px 15px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
@ -32,6 +32,12 @@
|
|||||||
</span><span>-{$percentReduction}<sup>%</sup></span>
|
</span><span>-{$percentReduction}<sup>%</sup></span>
|
||||||
{if isset($product.isflash) && $product.isflash}</span>{/if}
|
{if isset($product.isflash) && $product.isflash}</span>{/if}
|
||||||
</span>
|
</span>
|
||||||
|
{elseif isset($product.new) && $product.new == 1}
|
||||||
|
<span class="product-new-bloclabel">
|
||||||
|
<span class="product-new-label">
|
||||||
|
{l s='Nouveau'}
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<a class="product-img" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url">
|
<a class="product-img" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url">
|
||||||
|
@ -83,6 +83,8 @@
|
|||||||
<div id="image-block" class="col-md-4 col-sm-6">
|
<div id="image-block" class="col-md-4 col-sm-6">
|
||||||
{if $percentReduction}
|
{if $percentReduction}
|
||||||
<span class="price-percent-reduction">{if $isFlash}{l s='Vente Flash'}{else}{l s='Promo'}{/if} | -{$percentReduction}%</span>
|
<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}
|
{/if}
|
||||||
<!-- Image principale-->
|
<!-- Image principale-->
|
||||||
{if $have_image}
|
{if $have_image}
|
||||||
|
Loading…
Reference in New Issue
Block a user