sepet üzerinde düzenleme yapıldı

src/WebApp/AspnetRunBasics/Pages/Cart.cshtml

@@ -243,48 +243,53 @@
  <div class="grid__item">
  <div class="cart__total d-flex align-items-center justify-content-between">
  <span class="cart__subtotal-title">Total:</span>
- <span class="cart__subtotal"><span class="money" data-currency-usd="$157.00" data-currency="USD">@Model.Cart.TotalPrice </span></span>
+ <span class="cart__subtotal"><span class="money" data-currency-usd="$157.00" data-currency="USD">@Model.Cart.TotalPrice  TL</span></span>
  </div>
 
  <div class="cart__shipping d-flex align-items-xl-center justify-content-between">
  <div class="cart__shipping-title">Shipping :</div>
  <div class="cart__shipping-sub">Shipping &amp; taxes calculated at checkout</div>
  </div>
-
-
- <div id="threshold_bar_popup">
- <div class="threshold_it">
- <div class="ic_threshold_bar">
- <i class="zmdi zmdi-truck"></i>
+ @if (Model.Cart.TotalPrice < 200)
+ {
+ <div id="threshold_bar_popup">
+ <div class="threshold_it">
+ <div class="ic_threshold_bar">
+ <i class="zmdi zmdi-truck"></i>
+ </div>
+ <div class="threshold_bar">
+ <span class="animate" style="width:@(((int)((Model.Cart.TotalPrice * 100) / 200)).ToString()+"%") !important">
+ @(((Model.Cart.TotalPrice * 100) / 200).ToString()+"%")
+ </span>
+ </div>
  </div>
- <div class="threshold_bar">
- <span class="animate" style="width:78%!important">
- 78%
- </span>
+ <div class="threshold_spend">Spend <span class="money" data-currency-usd="43.00" data-currency="USD">@(200 - Model.Cart.TotalPrice)</span> for free shipping</div>
+ </div>
+ }
+ else
+ {
+ <div id="threshold_bar_popup">
+ <div class="threshold_it">
+ <div class="ic_threshold_bar">
+ <i class="zmdi zmdi-truck"></i>
+ </div>
+ <div class="threshold_bar">
+ <span class="animate" style="width:100%!important">
+ 100%
+ </span>
+ </div>
  </div>
  </div>
- <div class="threshold_spend">Spend <span class="money" data-currency-usd="$43.00" data-currency="USD">$43.00</span> for free shipping</div>
- </div>
-
+ }
  <div class="cart-notice-total">
- Free shipping for any orders above <span><span class="money" data-currency-usd="$200.00" data-currency="USD">$200.00</span></span>
+ Free shipping for any orders above <span><span class="money" data-currency-usd="200.00 TL" data-currency="USD">200.00 TL</span></span>
  </div>
-
- </div>
-
- <div class="grid__item cart-note">
- <div class="cart-note_label">Add a note to your order :</div>
- <textarea rows="12" name="note" id="CartSpecialInstructions" class="cart-note__input" placeholder="Add your note here"></textarea>
  </div>
-
  </div>
  </div>
  </div>
  </div>
  </div>
-
  </div>
  </div>
-
-
 </div>

src/WebApp/AspnetRunBasics/Pages/Product.cshtml

@@ -22,7 +22,7 @@
  <div class="row">
  <div class="col-12 col-sm-3">
  <div class="card bg-light mb-3">
- <div class="card-header bg-primary text-white text-uppercase"><i class="fa fa-list"></i> Categories</div>
+ <div class="card-header text-white text-uppercase" style="background-color:#0b6343"><i class="fa fa-list"></i> Categories</div>
  <ul class="list-group category_block">
 
  @foreach (var category in Model.CategoryList)

src/WebApp/AspnetRunBasics/Pages/Shared/Components/CategoryComponent/_CategoryPartial.cshtml

@@ -11,16 +11,20 @@
  <li class="site-nav--has-dropdown hasMegaMenu center">
  <a asp-page="Product" asp-route-categoryName="@category.Key" title="@category.Key">
 
- <div class="icon_nav">
+ @*<div class="icon_nav">
  <img class="img-fluid lazyload" data-src="//cdn.shopify.com/s/files/1/0523/8728/3107/files/v-1_50x.png?v=1610684438" alt="image">
- </div>
+ </div>*@
 
  <div class="group_title">
 
  @category.Key
+ <div class="sub_title_nav">
 
- <div class="sub_title_nav">Apple, Orange, Watermelon, Banana Pineapple, Grapes...</div>
-
+ @foreach (var product in category)
+ {
+ <span>@product.Name</span>
+ }
+ </div>
  </div>
  </a>
  <span class="d-lg-none show_sub"><i class="zmdi zmdi-plus-square"></i></span>

src/WebApp/AspnetRunBasics/Pages/Shared/Components/RemoveToCartComponets/_RemoteToCartPartial.cshtml

@@ -1,21 +1,57 @@
 @model BasketModel
 
 
+
+
+<div class="ajaxcart__inner">
  @for (var i = 0; i < Model.Items.Count; i++)
  {
  <div class="ajaxcart__product" data-line="@i">
  <div class="media">
  <a href="/products/yiamond-palo-stud-garrings?variant=37493484355747">
- <img class="d-flex product-image" src="https://cdn.shopify.com/s/files/1/0523/8728/3107/products/32_e566c5f1-1aa1-43bf-8b62-8b5bf18c62c9_small.jpg" alt="Yiamond Palo Stud Garrings - ultra / red" title="Yiamond Palo Stud Garrings - ultra / red">
+  <img class="d-flex product-image" src="https://cdn.shopify.com/s/files/1/0523/8728/3107/products/32_e566c5f1-1aa1-43bf-8b62-8b5bf18c62c9_small.jpg" alt="Yiamond Palo Stud Garrings - ultra / red" title="Yiamond Palo Stud Garrings - ultra / red">
  </a>
  <div class="media-body">
  <a class="product-name" href="/products/yiamond-palo-stud-garrings?variant=37493484355747">@Model.Items[i].ProductName</a><div class="mb-5"></div><span class="product-price">
  <span class="money" data-currency-usd="$18.00" data-currency="USD">@Model.Items[i].Price</span>
- </span><span class="quantity"> @Model.Items[i].Quantity</span>
- <button class="cart__remove clean-btn remove-from-cart" onclick="UpdateCount()" title="remove from cart" > <i class="fa fa-trash-o" aria-hidden="true"></i></button>
+ </span>
+ <span class="quantity"> X @Model.Items[i].Quantity </span>
+ <button class="cart__remove clean-btn remove-from-cart" onclick="UpdateCount()" title="remove from cart"> <i class="fa fa-trash-o" aria-hidden="true"></i></button>
  <input type="hidden" asp-for="@Model.Items[i].ProductId" name="productId" />
  </div>
  </div>
  </div>
  }
+</div>
+
+
+@if (Model.TotalPrice < 200)
+{
+ <div id="threshold_bar_popup_minicart">
+ <div class="cart_threshold">
+ <div class="threshold_spend">Spend <span class="money" data-currency-usd="$58.00" data-currency="USD">@(200 - Model.TotalPrice) TL</span> for free shipping</div><div class="threshold_bar">
+ <span class="animate" style="width:@(((int)((Model.TotalPrice * 100) / 200)).ToString()+"%")!important"> @(((Model.TotalPrice * 100) / 200).ToString()+"%")</span>
+ </div>
+ </div>
+ </div>
+}
+else
+{
+ <div id="threshold_bar_popup_minicart">
+ <div class="cart_threshold">
+ <div class="threshold_bar">
+ <span class="animate" style="width:100%!important">100%</span>
+ </div>
+ </div>
+ </div>
+}
+
+
+
+<div class="ajaxcart__footer">
+ <div class="subtotal d-flex align-items-center justify-content-between"><label>Total</label><span class="money" data-currency-usd="$142.00" data-currency="USD">@Model.TotalPrice TL</span></div><div class="btn_submit">
+ <a asp-area="" asp-page="/CheckOut" class="btn btn-success cart__checkout" name="checkout"><span>Check out</span></a>
+ <a asp-area="" asp-page="/Cart" class="btn btn-success"><span>View Cart</span></a>
+ </div>
+</div>
 

src/WebApp/AspnetRunBasics/Pages/Shared/_Layout.cshtml

@@ -170,8 +170,6 @@
 
  </ul>
  </div>
-
-
  </div>
 
  </div>
@@ -195,22 +193,7 @@
  <div id="cart-info" style="">
 
  <form asp-page-handler="removetocart" method="post" class="cart ajaxcart">
- <div class="ajaxcart__inner">
  @await Component.InvokeAsync("RemoveToCartComponets")
- </div>
- <div id="threshold_bar_popup_minicart">
- <div class="cart_threshold">
- <div class="threshold_spend">Spend <span class="money" data-currency-usd="$58.00" data-currency="USD">$58.00</span> for free shipping</div><div class="threshold_bar">
- <span class="animate" style="width:71%!important">71%</span>
- </div>
- </div>
- </div>
- <div class="ajaxcart__footer">
- <div class="subtotal d-flex align-items-center justify-content-between"><label>Total</label><span class="money" data-currency-usd="$142.00" data-currency="USD">$142.00</span></div><div class="btn_submit">
- <a asp-area="" asp-page="/CheckOut" class="btn btn-success cart__checkout" name="checkout"><span>Check out</span></a>
- <a asp-area="" asp-page="/Cart" class="btn btn-success"><span>View Cart</span></a>
- </div>
- </div>
  </form>
  </div>
  </div>