display a message when a combination does not exist

templates/frontOffice/default/assets/js/script.js

@@ -36,6 +36,7 @@ var pseManager = (function($){
             "ref": $("#pse-ref"),
             "ean": $("#pse-ean"),
             "availability": $("#pse-availability"),
+            "validity": $("#pse-validity"),
             "quantity": $("#quantity"),
             "promo": $("#pse-promo"),
             "new": $("#pse-new"),
@@ -105,8 +106,10 @@ var pseManager = (function($){
 
             if ( ! pseId ) {
                 // not exists, revert
+                displayNotice();
                 setPseForm();
             } else {
+                $pse.validity.hide();
                 $pse.id.val(pseId);
                 $pse.pseId = pseId;
             }
@@ -116,6 +119,15 @@ var pseManager = (function($){
         updateProductUI();
     }
 
+    function displayNotice() {
+        var $validity = $pse.validity;
+        $validity.show('fast', function(){
+            setTimeout(function(){
+                $validity.hide('fast');
+            }, 3000);
+        });
+    }
+
     function updateProductUI() {
         var pse = PSE[$pse.pseId],
             name = [],

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

@@ -38,17 +38,17 @@
         <div class="product-price">
             <div class="price-container" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                 <meta itemprop="category" content="{category attr="title"}">
-                <meta itemprop="itemCondition" itemscope itemtype="http://schema.org/NewCondition"> <!-- List of condition : NewCondition, DamagedCondition, UsedCondition, RefurbishedCondition -->
+                {* List of condition : NewCondition, DamagedCondition, UsedCondition, RefurbishedCondition *}
-                <meta itemprop="priceCurrency" content="{currency attr="symbol"}"> <!-- List of currency : The currency used to describe the product price, in three-letter ISO format. -->
+                <meta itemprop="itemCondition" itemscope itemtype="http://schema.org/NewCondition">
+                {* List of currency : The currency used to describe the product price, in three-letter ISO format. *}
+                <meta itemprop="priceCurrency" content="{currency attr="symbol"}">
                 <link itemprop="availability" href="{$current_stock_href}" content="{$current_stock_content}" />
-
                 {if $IS_PROMO }
                     <span class="special-price"><span itemprop="price" class="price-label">{intl l="Special Price:"} </span><span class="price">{format_number number=$TAXED_PROMO_PRICE} {currency attr="symbol"}</span></span>
                     <span class="old-price"><span class="price-label">{intl l="Regular Price:"} </span><span class="price">{format_number number=$TAXED_PRICE} {currency attr="symbol"}</span></span>
                 {else}
                     <span class="regular-price"><span itemprop="price" class="price">{format_number number=$BEST_TAXED_PRICE} {currency attr="symbol"}</span></span>
                 {/if}
-
             </div>
 
             {if $hasBtn == true}
@@ -80,16 +80,11 @@
                                     {/if}
                                 </div>
                             {/form_field}
-
-                            <div class="form-group group-btn">
-
-                            </div>
                             <div>
                                 <div class="product-btn">
                                     <button type="submit" class="btn btn-cart">{intl l="Add to cart"}</button>
                                 </div>
                             </div>
-
                         </fieldset>
                     </form>
                     {/form}

templates/frontOffice/default/product.html

@@ -136,6 +136,11 @@
                             <span class="old-price"><span class="price-label">{intl l="Regular Price:"} </span><span id="pse-price-old" class="price">{format_number number="{$TAXED_PRICE}"} {currency attr="symbol"}</span></span>
                         </span>
                     </div>
+
+                    <div id="pse-validity" class="validity alert alert-warning" style="display: none;" >
+                        {intl l="Sorry but this combination does not exist."}
+                    </div>
+
                 </div>
 
                 {form name="thelia.cart.add" }