Carousel Images Not Displaying On Individual Property Pages

Hello,

Looking at the JavaScript console in Chrome, I’m noticing an “Uncaught TypeError: Cannot read property ‘length’ of undefined” error coming from line 619 of a javascript file in the theme (/wp-content/themes/salient/js/init.js?ver=4.5).

Optima Express uses Twitter Bootstrap library which has a class called “carousel”. The ThemeForest Salient theme on the site also has class called “carousel”, which is most likely causing the issue.

I recommend trying to remove the block of JavaScript in the theme that is referencing “carousel”. I believe this would line 609-825 in init.js but there could be some other places.

Feel free to email [email protected] or submit a support ticket here:
https://www.ihomefinder.com/support/

Thank you very much! I commented out that bit of script in the theme but the problem still occurs. Is there any way I could rename the class in the Optima Express plugin to avoid this problem. If so, which files would I need to edit?

Just found the .carousel class in Salient theme style.css file with the opacity set to 0. As I am not using the carousel feature of the Salient theme, nor do I plan to, I just commented that bit of CSS out so now the property carousel images on all individual property pages display correctly. Thanks for your help!

Hi Scott,

Good catch! Instead of modifying the theme, you could instead add a CSS override in WordPress Dashboard > Optima Express (left side) > Configuration (sub menu):
——–
.carousel {
opacity: initial;
}