Related Products Carousel

[danx88]

Hi,
for some reason the related products section on the product page, initially isn’t showing correctly,
but when you use the > button to see more related products the height will be adjusted and then it looks good.
I tried so much but I can’t get it to show correctly the first time page loads,
I noticed when I open firebug it’ll resize to correct height so I found that with manually running this event:

window.dispatchEvent(new Event(‘resize’));

or simply resizing the browser window the height of the carousel will be adjusted, but I can’t figure out how to fix th eissue completely.
I’m using the Child theme.

Cheers,
Sia

[laranz – SUPPORT]

Hi Sia,

I pass this to our developer to take a look.

Thanks,
laranz.

[danx88]

well that css you sent to my email didn’t work (I can’t see your other post here for some reason!)
but I tried this one and it works:

.woocommerce .related div.caroufredsel_wrapper{
height:450px !important;
}

The height of this div was set inline so I thoughht it’s not possible to overwrite it using !important, but I gave it a try and it’s now working well:

http://madotta.com/product/tribal-pastel-pink-aztec-iphone-case

Cheers,
Sia

[Swift Ideas – Ed]

This reply has been marked as private.

[danx88]

Thanks Ed!
Sure I’ll install it now,
is it a new version that still not released on Envato?

Also, I just made some small changes on content-single-product.php to move the product title. The changes are in the child theme, do I need to replace that file as well?
Cheers,
Sia

[danx88]

if it’s 2.65 I can update it automatically via appearance > themes

[Swift Ideas – Ed]

It’s not released yet, currently in development. Tested here and working, but would appreciate if you could try it to see if it fixes your issue. Either overwrite via FTP, or delete current theme and re-upload.

– Ed

[danx88]

OK, just installed the theme and there seem to be an error in related products,

look here:
http://madotta.com/product/tribal-pastel-pink-aztec-iphone-case

* I removed the content-product-single.php from child theme, so everything is loading directly from theme.

[Swift Ideas – Ed]

Sorry, missed a few lines. Try this build: http://d.pr/f/UXvU/3IHEnJ9i

– Ed

[danx88]

no, it’s still the same, seems some JS isn’t finiring to make a proper slider there.
check: http://madotta.com/product/tribal-pastel-pink-aztec-iphone-case

[danx88]

Now it works,
product Overlay Transition in the WooCommerce option shouldn’t be turned off,
I just turned it on and now it works (it’s on Fade)

Cheers,
Sia

[Swift Ideas – Ed]

Glad it works – just added in code for it to work on no-transition mode too

– Ed

[Swift Ideas – Ed]

Glad it works – just added in code for it to work on no-transition mode too

– Ed

[danx88]

Great! Thanks Ed for quick support 🙂

[Swift Ideas – Ed]

No problem, glad I could help!

– Ed