Move Out of Stock notification in front of vex overlay

  • Posts: 68
  • Thank you received: 10
  • Hikashop Essential
4 years 2 months ago #324955

-- HikaShop version -- : 4.3.0
-- Joomla version -- : 3.9.22
-- PHP version -- : 7.3.21
-- Error-message(debug-mod must be tuned on) -- : N/A

Dear Hikateam,

I am almost ready to go live with my site. I made a lot of adjustments and solved a lot of questions searching the Hika forums.
But now there is something I can not find anywhere to manage my issue.

When a product has a stock amount of three and a customer adds say 4 to the cart there is a popup saying that it's not possible to order 4 items because there are only 3 products in stock. I like this feature very much.

But the notify is displayed 'behind' the dark vex layer so it is not clear to see.
I already lighted up the vex layer a bit with CSS but the stock message is still unclear.

Is there anyway I can move the stock notification in front of the vex layer just the same as the Add to Cart popup?

Please see attachment to see what I mean.
Thanks in advance!

Edit: In the image the stock popup is near the add to cart popup so it stands out a little bit, but sometimes the add to cart popup is in the center of the page and the stock notification at the bottom. Than it's very hard to notice.

Attachments:
Last edit: 4 years 2 months ago by HSD.

Please Log in or Create an account to join the conversation.

  • Posts: 83024
  • Thank you received: 13404
  • MODERATOR
4 years 2 months ago #324960

Hi,

It's a matter of z-index in CSS.
Vex has a z-index of 1111 while the notifyjs box has a z-index of 1 and 2.
So you can use such CSS to invert the position of their display layers:

.notifyjs-container, .notifyjs-arrow { z-index: 1112 !important; }

Please Log in or Create an account to join the conversation.

Time to create page: 0.055 seconds
Powered by Kunena Forum