Rajout de l'unité (kg, pièce) dans single-product

templates/frontOffice/custom/assets/dist/css/custom.min.css

@@ -1 +1 @@
-.btn,.nouveaute{border-radius:5px}@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,div.product-options,footer.footer-info,section.category-description,ul.pager{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}.overlay:before{background-color:rgba(128,189,138,.4)}.navbar-default{background-color:transparent}.navbar li>a.home:before{display:none}.nav>li{text-transform:uppercase}.navbar-customer{display:flex;flex-direction:column;text-align:center}.navbar-customer>li>a{text-transform:none}.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{border-color:#95c11e;border-left:1px solid #95c11e}.btn-default{color:#3c3c3b;background-color:#fff}.btn-default:active,.btn-default:focus,.btn-default:hover{color:#fff;background-color:#3c3c3b;text-decoration:none}.btn-primary{background-color:#95c11e;color:#fff}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#fff;border-color:#95c11e;color:#95c11e}.btn-primary[disabled]:focus,.btn-primary[disabled]:hover{background-color:#95c11e;border-color:#95c11e;color:#fff}.btn-link:focus,.btn-link:hover{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,.table-cart tbody td.subprice .price,.table-cart thead th.subprice,.table-order tbody td.subprice .price,.table-order thead th.subprice,.toolbar .amount{color:#95c11e}.breadcrumb{text-align:center;font-size:large;margin-bottom:30px}.checkout-progress .btn-step.active{background:#95c11e}.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;color:#fff;bottom:170px;width:80px;text-align:center;transform:rotate(-10deg)}#search-button{padding-top:15px;padding-bottom:0}#search-button>input[type=search]{display:none}#search-button:hover>input[type=search]{display:inline-flex}
+@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,div.product-options,footer.footer-info,section.category-description,ul.pager{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}.overlay:before{background-color:rgba(128,189,138,.4)}.navbar-default{background-color:transparent}.navbar li>a.home:before{display:none}.nav>li{text-transform:uppercase;font-size:1.72rem}.navbar-customer{display:flex;flex-direction:column;text-align:center}.navbar-customer>li>a{text-transform:none}.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{border-radius:5px;border-color:#95c11e;border-left:1px solid #95c11e}.btn-default{color:#3c3c3b;background-color:#fff}.btn-default:active,.btn-default:focus,.btn-default:hover{color:#fff;background-color:#3c3c3b;text-decoration:none}.btn-primary{background-color:#95c11e;color:#fff}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#fff;border-color:#95c11e;color:#95c11e}.btn-primary[disabled]:focus,.btn-primary[disabled]:hover{background-color:#95c11e;border-color:#95c11e;color:#fff}.btn-link:focus,.btn-link:hover{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}.breadcrumb{text-align:center;font-size:large;margin-bottom:30px}.checkout-progress .btn-step.active{background:#95c11e}.toolbar .amount{color:#95c11e}.grid #category-products .item>article .product-info .name{height:1.5em}.product-title,.product-title:active,.product-title:hover{text-decoration:none;color:#3c3c3b}.price,.table-cart tbody td.subprice .price,.table-cart thead th.subprice,.table-order tbody td.subprice .price,.table-order thead th.subprice{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}#search-button{padding-top:15px;padding-bottom:0}#search-button>input[type=search]{display:none}#search-button:hover>input[type=search]{display:inline-flex}

templates/frontOffice/custom/assets/src/css/custom.css

@@ -74,6 +74,7 @@ div.container {
 }
 .nav>li {
     text-transform: uppercase;
+    font-size: 1.72rem;
 }
 .navbar-customer {
     display: flex;
@@ -162,6 +163,12 @@ div.container {
 .grid #category-products .item>article .product-info .name {
     height: 1.5em;
 }
+.product-title,
+.product-title:hover,
+.product-title:active {
+    text-decoration: none;
+    color: #3c3c3b;
+}
 .price {
     color: #95c11e;
 }

templates/frontOffice/custom/includes/single-product.html

@@ -20,10 +20,8 @@
             {/elseloop}
         </a>
 
-
-
         <div class="product-info col-sm-6">
-            <h2 class="name"><span itemprop="name">{$productTitle}</span></h2>
+            <a href="{$URL nofilter}" class="product-title"><h2 class="name"><span itemprop="name">{$productTitle}</span></h2></a>
             {if $hasDescription}
             <div class="description" itemprop="description">
                 <p>{$DESCRIPTION nofilter}</p>
@@ -57,7 +55,11 @@
                     {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 class="price">{intl l="From %price" price={format_money number=$TAXED_PROMO_PRICE}}
+                                {loop name="attributes" type="attribute" product="$product_id" order="manual"}
+                                    <span class="unite">{$TITLE}</span>
+                                {/loop}
+                                </span>
                             </span>
                             {if $SHOW_ORIGINAL_PRICE}
                             <span class="old-price col-xs-6">
@@ -70,7 +72,13 @@
                     {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 itemprop="price" class="price" content="{$TAXED_PROMO_PRICE}">{format_money number=$TAXED_PROMO_PRICE}
+                                {if $LOOP_COUNT = 1}
+                                    {loop name="attributes" type="attribute" product="$product_id" order="manual"}
+                                        <span class="unite">{$TITLE}</span>
+                                    {/loop}
+                                {/if}
+                                </span>
                             </span>
                             {if $SHOW_ORIGINAL_PRICE}
                             <span class="old-price col-xs-6">
@@ -81,17 +89,30 @@
                         {/loop}
                     {/elseloop}
 
-                {else}
+                {else}   <!-- Produit pas en promo //-->
+
                     {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>
+                            <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}}
+                            {loop name="attributes" type="attribute" product="$product_id" order="manual"}
+                                <span class="unite">{$TITLE}</span>
+                            {/loop}
+                            </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>
+                            <span class="regular-price col-xs-12"><span itemprop="price" class="price" content="{$TAXED_PRICE}">{format_money number=$TAXED_PRICE}
+                            {if $LOOP_COUNT = 1}
+                                {loop name="attributes" type="attribute" product="$product_id" order="manual"}
+                                    <span class="unite">{$TITLE}</span>
+                                {/loop}
+                            {/if}
+                            </span></span>
                         {/loop}
                     {/elseloop}
+
                 {/if}
             </div>