Product Fade overlay problems

[yoregistrandome]

This reply has been marked as private.

[MarcusF]

Thanks !
And sorry for “stealing” your question thread 🙂

[Rui Guerreiro – SUPPORT]

@yoregistrandome

You have an error in the javascript console.
Can you try to deactivate all plugins except Woocommerce and try again?

-Rui

[Swift Ideas – Ed]

This css should fix the issue:

ul.products li.product figure.product-transition-fade > a > .product-image {
	z-index: 3;
}
.woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge {
z-index: 4;
}

Does anyone have a link for the layout issue – I can’t think of anything in the update that would cause that, and can’t replicate here.

– Ed

[davidll]

Hello Ed

This CSS doesn’t fix it for me.
I even tried adding !important; – you can see it load in the second image (slight flick) – but once the page has loaded… no fade.

Still – the other two options (from side / from above) work

D

Sorry – but is there a quick way that I revert before the theme update? These feature not working is a real issue

[yoregistrandome]

Hi

About the layout issue you can see how it looks here
http://www.elenacalonje.com/shop-tienda/ it’s not making it right but if you go to any category the lay out it’s right
http://www.elenacalonje.com/categoria-producto/todos-productos/
I will try the css for the Fade Overlay Issue , I only have to paste it in the custom css box right?
Thanks

Elena

[yoregistrandome]

This is not working por me either, now I see the badges but it doesn’t any transition

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

I’m already seeing the product transition in your website.

Clear the browser cache and try again.

-Rui

[yoregistrandome]

Hi
you were seeing the slide up overlay that I reactivated to leave the site working because I just made the launching of the site and I want it to have at least some kind of overlay , but I just activated again the fade overlay if you want to take a look please, and it still does not work
Even with the custom css you said before
Thank you
Elena

[Rui Guerreiro – SUPPORT]

Ok. Since you said there was no transition effect, that why I reply that.

Can you try my earlier suggestion to deactivate all the plugins except Woocommerce, because you have an error in the console that could be breaking something.

-Rui

[yoregistrandome]

Ok, I just did It, I deactivated all the plug-ins
Still does not work

[davidll]

deactivated all the plug-ins

Fade option doesn’t work

[Rui Guerreiro – SUPPORT]

Ok. Will forward the topic to Ed

-Rui

[Swift Ideas – Ed]

@yoregistrandome – your issue is caused because you are using the shop page content to output the products via the WooCommerce shortcode – which is NOT correct. You should remove this shortcode, and then set the page as the shop base in WooCommerce > Settings > Products.

Send me an email via: http://themeforest.net/user/swiftideas and I’ll send over the latest build with this fix included – it’s working 100% for me.

– Ed

[be715]

This reply has been marked as private.