Small bug when product “sold individually” is checked.

[Tmus]

My support has recently expired but as this is a bug report, I hope you can address it.

Seems to be a small bug when product “sold individually” is checked. When customer clicks to add to cart, the Woocomerce error message “You cannot add another (product-title) to your cart…” pops up on bottom of screen (below the footer) initially so not immediately visible. Furthermore, I’m using Header Layout 5 and message gets covered behind the Header Layout 5 side-menu. And, not only that, if customer clicks add to cart again, the error message appears many times as you keep clicking it x2×3 x4 in the same area box and looks very messy.

[Harry]

Hi,

Please add custom code in Claue > Theme option > General Layout > Custom CSS

.single-product .woocommerce-message,
.single-product .woocommerce-error {
	text-align: center;
}
.single-product .jas-wc-single .woocommerce-message + .woocommerce-message,
.single-product .woocommerce-error + .woocommerce-error,
.single-product .jas-wc-single .woocommerce-error li + li {
	display: none;
}
.single-product .jas-wc-single .woocommerce-message,
.single-product .jas-wc-single .woocommerce-error {
	display: none;
}

We happy if you purchase for extend support at https://themeforest.net/downloads

Thank and have a nice day!

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Tmus]

Thanks, that helped for the single product page.

There still seems to be the same issue on the shop page, as well as the cart page.

Also, it needs to have better CSS designed for Header Layout 5 (left-side nav menu).

Currently on desktop screens, the error message gets blocked by the Header Layout 5 navigation menu sidebar’s background color. So maybe the error message could move to the right and not be full-width, just for that header menu layout on desktop screens.

Thanks!

[Harry]

Hi,

Which version of theme your site running? Did you update to latest version 1.3.0? http://support.janstudio.net/forums/topic/updating-the-theme/

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Tmus]

Yes, it’s already running the latest version 1.3.0

Were you not able to replicate?

[Harry]

Hi,

I check on my local but don’t see issue, could you take a screen shot and send us your site url.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Tmus]

This reply has been marked as private.

[Harry]

Hi,

Please add custom css code in Claue > Theme Option > General Layout > Custom CSS

@media only screen and (min-width: 1024px) {
.single-product .woocommerce-message, .single-product .woocommerce-error {
	margin-left: 350px;
	width: calc(100% - 350px);
}
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Tmus]

Thanks!

I’ve tweaked your first code to include any woocommerce page (not just product page because it was also an issue on the shop page).

I’ve also tweaked your second code to be more inclusive and specific: inclusive of any woocommerce page but also specific to header-5 (lateral header).

Here are the tweaks in case it’s useful for whatever code you guys end up deciding to add to Claue theme update:

.woocommerce.header-lateral .woocommerce-message,
.woocommerce.header-lateral .woocommerce-error {
text-align: center;
}
.woocommerce .jas-wc-single .woocommerce-message + .woocommerce-message,
.woocommerce .woocommerce-error + .woocommerce-error,
.woocommerce .woocommerce-error li + li {
display: none;
}
.woocommerce .jas-wc-single .woocommerce-message,
.woocommerce .jas-wc-single .woocommerce-error {
display: none;
}

@media only screen and (min-width: 1024px) {
.woocommerce.header-lateral .woocommerce-message, .woocommerce.header-lateral .woocommerce-error {
margin-left: 350px;
width: calc(100% - 350px);
}
.woocommerce.header-lateral ul.woocommerce-error {
margin-left: 0px;
width: 100%;
}
}

Thanks again!

[Harry]

Yes, you’re right.

Thank you for best solution.

Have a nice weekend!

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts