Search Results for 'empty cart issue'

Hello again, we are soon getting there, but I am afraid there still are some small issues shopping from mobile.

It is regarding normal simple products. You have to go into the actual product to add it to the cart. The “Buy” button below the product picture on the categories page only works for the first product you add. If you add another product from the categories page, the cart gets empty.

These are a couple of categories with “simple products” only:

https://knitting-inna.com/nb/produktkategori/strikkemonster/luer/

https://knitting-inna.com/nb/produktkategori/strikkemonster/barn/

And one more issue (both desktop and mobile).

When you enter the store page: https://knitting-inna.com/nb/butikk/

There are two sub-categories that doesn’t show, unless you hit the “ALL” link left on the black menu bar. This is the categories: https://knitting-inna.com/nb/produktkategori/garn/ & https://knitting-inna.com/nb/produktkategori/strikkepinner/

Also – do you know why the content on the main store page is longer down on the page, than if you enter a sub-category?

Kind regards,

Stian

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

body.dropdowns-color-light .cart-widget-side {
	background-color: white;
}

body.dropdowns-color-light .cart-widget-side .widget-close,
body.dropdowns-color-light .cart-widget-side .remove,
body.dropdowns-color-light .cart-widget-side .total strong,
body.dropdowns-color-light .cart-widget-side .product-title,
body.dropdowns-color-light .cart-widget-side .empty{
	color: #2d2a2a;
}

body.dropdowns-color-light .cart-widget-side .empty:before,{
	color: rgba(135,135,135,.15);
}

body.dropdowns-color-light .cart-widget-side .empty:after {
	color: #858585;
}

body.dropdowns-color-light .cart-widget-side .amount {
	color: #282d4f;
}

body.dropdowns-color-light .cart-widget-side .quantity {
	color: #bbb;
}

body.dropdowns-color-light .cart-widget-side .widget-close:before,
body.dropdowns-color-light .cart-widget-side .widget-close:after {
	background-color: black;
}

body.dropdowns-color-light .cart-widget-side .widget-title {
	color: black;
}

body.dropdowns-color-light .cart-widget-side .total,
body.dropdowns-color-light .cart-widget-side .widget-heading {
  border-color: rgba(129,129,129,.2);
}

body.dropdowns-color-light .cart-widget-side .widget_shopping_cart .mini_cart_item:hover {
	background-color: #f9f9f9;
}

body.dropdowns-color-light .cart-widget-side .mini_cart_item:hover .product-title {
	color: #333;
}

Regards

Hi,

1. As we described, the widget will be hidden on cart and checkout pages in the next update.

2. We just tested in FireFox and don’t see the issue you are writing about https://gyazo.com/0cc9de2de13f62460f4333a1d0ba6e26

3. Here is a CSS code to fix it. We will include it in the next update also

.woocommerce-cart .woocommerce > .cart-empty,
.woocommerce-cart .woocommerce > .return-to-shop {
	background-color: transparent;
}

.woocommerce-cart .woocommerce > .cart-empty {
	font-size: 36px;
	letter-spacing: 1px;
	line-height: 1.5;
	padding: 250px 0 0px 0;
}

.woocommerce-cart .woocommerce > .return-to-shop {
	padding: 0;
	line-height: 1;
}

Regards