Basket responsive

Hi,

I tried demo, but I see that when I purchase a product, icon basket not show the number of pieces inside, why? Is it a bug?

Thanks

Hi,

I just tried it and it seems to be working fine on our demo site. Can you guide us step by step through the steps you are performing to reproduce the problem including what product are you adding to the cart, does this product have required attributes and etc.

We are looking forward for your response!

[url=http://]Hi,
I have an immage example but where attached immage?http://http://postimg.org/delete/cj7rw7yz8/

http://postimg.org/delete/cj7rw7yz8/

In responsive icon basket not possible to see a number elements, example:http://postimg.org/delete/cj7rw7yz8/

Hi Gloria,

There is no quantity to the shopping cart icon on mobile devices by design. Not only that but also a limitation because on mobile the shopping cart icon is a new html element that is added specifically for the theme, and when adding a product to your cart via nopCommerce's ajax cart button, this mobile shopping cart quantity will not update. This is another reason not to place a quantity for mobile devices.

However I think that this is a good suggestion that you can add in our user voice portal.

Thanks again!

In Nop Commerce base there is number icon pieces, please look: http://quirktools.com/screenfly/#u=http%3A//demo.nopcommerce.com/levis-511-jeans&w=375&h=667&a=37&s=1

Regards

Hi Gloria,

The DefaultClean theme has nothing to do with the Nop Lavella theme in terms of design. However if you need to add quantity to the shopping cart link just follow the instructions below:

1. In Themes\Lavella\Views\Shared\_Root.cshtml change as shown below:

@using Nop.Services.Orders;
@using Nop.Core;
@using Nop.Core.Infrastructure;
@using Nop.Core.Domain.Orders;
@{
    var storeId = EngineContext.Current.Resolve<IStoreContext>().CurrentStore.Id;
    var customer = EngineContext.Current.Resolve<IWorkContext>().CurrentCustomer;
    var quantity = customer.ShoppingCartItems.Where(sci => sci.ShoppingCartType == ShoppingCartType.ShoppingCart).LimitPerStore(storeId).ToList().GetTotalProducts();
}
@Html.Widget("body_start_html_tag_after")

The lines in bold are the added ones.

Also

 <div class="shopping-cart-link">
      <a href="@Url.RouteUrl("ShoppingCart")">@T("ShoppingCart")</a>
 </div>
 <div class="shopping-cart-link-quantity">
      <a href="@Url.RouteUrl("ShoppingCart")">(@quantity)</a>
 </div>

The lines in bold are the added ones.

<script type="text/javascript">
    AjaxCart.init(false, '.cart-qty', '.header-links .wishlist-qty', '#flyout-cart');
</script>

The line in bold is the changed one.

2. In admin -> plugins -> 7Spikes Themes -> Nop Lavella Theme -> Settings -> Custom headstyles textbox add the following:

.responsive-nav-wrapper .shopping-cart-link-quantity { display: inline-block; }
.responsive-nav-wrapper .shopping-cart-link-quantity a { text-indent: 0; color: #888; line-height: 50px; font-size: 16px; margin-left: -20px; }


Hope that helps!

Ok thank you!