RC2: Issues with upgraded site

Beta
#1

I have upgraded a test site that was running Pro 4.3.3

Hidden elements that show on hover

In the shop archive layout we have the product image with a hidden item that says View Product. When you hover over the product the message is meant to show.

This issue is also present in a looper I built in the footer that has a hidden element that is meant to show on hover.

After the upgrade the message is visible at all times instead of being hidden.

Ajax Add to Cart

Then with the ajax add to cart if you keep clicking different products to add to the cart sometime the ajax modal displays correctly, other times the modal goes behind the list of products.

I’ve added a secure note for you.

#2

In both instances the wording should be hidden until you hover. When you hover the there is an overlay with white text as seen in each image.

This image is part of the footer and users a looper to display various products.

footer-layout-issues
footer-layout-issues1202×492 60.9 KB

This image is built in the layout builder and is part of the shop archive.

shop-layout-issues
shop-layout-issues912×894 86.9 KB

#3

Hi @urchindesign,

First issue confirmed. Will look into that for the update. First issue fixed for next patch. Regarding the Add to Cart notification, I noticed you have this custom CSS.

.x-cart-notification { z-index: 5000000; }

This could be useful if you want the notification to appear on other placed elements, but it needs a small adjustment. The theme does something like this:

.x-cart-notification {
  z-index: -99999;
}

.x-cart-notification.bring-forward {
  z-index: 99999;
}

The first one ensures the notification can’t be interacted with. So if you want to increase the notification z-index you just need to make sure you qualify with the bring-forward class.

.x-cart-notification.bring-forward {
  z-index: 5000000;
}

I’m going to add pointer-events: none as well just to be safe (wasn’t something available when X was first created).

#4

Thanks. Sorry I was fiddling around trying to get the add to cart icon not to show behind the products.

It seems to happen often but randomly…

#5

No problem. I think this pointer-events adjustment will help with that as well.

#6

Thanks. I had made a few other adjustments on the live site which is still on pro4. Will add these :slight_smile:

#7

The upgrade to RC3 has made the site worse.

I have added the live site to the notes so you can see the comparison.

Basically all buttons seem to have lost their styling and effects. Specifically it looks like backgrounds are not applied.

#8

Thanks for the heads up. I’ve installed a patched build on your site. Looks like things are back to normal.