updated empty basket message

apps/public-web/src/EShopOnAbp.PublicWeb/Components/Basket/Default.cshtml

@@ -8,11 +8,18 @@
     @if (!Model.Items.Any())
     {
         <div class="basket-list">
-            <p class="text-center">
-                <strong>
-                    <em>Your basket is empty. Click to a product to add it!</em>
-                </strong>
-            </p>
+            <abp-row>
+                <abp-card>
+                    <abp-card-body>
+                        <h3 style="text-align: center">@L["EmptyBasket"]</h3>
+                        <br/>
+                        <div style="text-align: center">
+                            <span>@L["CheckOtherProducts"] <a href="/">@L["ContinueShopping"]</a></span>
+                        </div>
+
+                    </abp-card-body>
+                </abp-card>
+            </abp-row>
         </div>
     }
     else
@@ -47,8 +54,8 @@
                 </div>
             </div>
             <div class="col-lg-3">
-                @await Component.InvokeAsync(typeof(PurchaseWidgetViewComponent), 
-                    new { Basket = Model, ButtonDescription = "CompletePurchase"})
+                @await Component.InvokeAsync(typeof(PurchaseWidgetViewComponent),
+                    new {Basket = Model, ButtonDescription = "CompletePurchase"})
             </div>
         </div>
     }

apps/public-web/src/EShopOnAbp.PublicWeb/wwwroot/components/basket/basket-widget.css

@@ -1,17 +1,17 @@
-.basket-list
-{
-    background-color: #fff;
-    padding: 1em;
-    border: 1px solid #666;
-    border-radius: 3px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
-    margin-bottom: 0.5em;
-    transition: all .2s;
-}
+/*.basket-list*/
+/*{*/
+/*    background-color: #fff;*/
+/*    padding: 1em;*/
+/*    border: 1px solid #666;*/
+/*    border-radius: 3px;*/
+/*    box-shadow: 0 0 10px rgba(0, 0, 0, .05);*/
+/*    margin-bottom: 0.5em;*/
+/*    transition: all .2s;*/
+/*}*/
 
-.basket-list:hover {
-    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
-}
+/*.basket-list:hover {*/
+/*    box-shadow: 0 0 20px rgba(0, 0, 0, .1);*/
+/*}*/
 
 .basket-list-item {
     margin-top: 1em;

shared/EShopOnAbp.Shared.Localization/Localization/EShopOnAbp/en.json

@@ -4,6 +4,9 @@
     "Menu:Home": "Home",
     "Login": "Login",
     "YourBasket": "Your Basket",
+    "EmptyBasket": "Empyt basket",
+    "CheckOtherProducts": "You can check the recommended products below or",
+    "ContinueShopping": "continue shopping.",
     "Total": "Total",
     "OurProducts": "Our Products",
     "CatalogServiceNotAvailable": "Catalog Service is unavailable right now! Try again later...",

shared/EShopOnAbp.Shared.Localization/Localization/EShopOnAbp/tr.json

@@ -4,6 +4,9 @@
     "Menu:Home": "Ana Sayfa",
     "Login": "Giriş",
     "YourBasket": "Sepetiniz",
+    "EmptyBasket": "Sepetiniz boş",
+    "CheckOtherProducts": "Aşağıdaki önerilen öğeleri takip edebilirsiniz veya",
+    "ContinueShopping": "alışverişe devam edin.",
     "Total": "Toplam",
     "OurProducts": "Ürünlerimiz",
     "CatalogServiceNotAvailable": "Ürün servisine şu anda ulaşılamıyor! Lütfen sonra tekrar deneyiniz...",