I am not far off completing a site and have just noticed that the masonry wall has stopped working. By working what I mean is that the layout is all mush. :-( It's as if the javascript has been disabled.

The only thing of significance that has changed on the site is that I've incorporated the Premium CSS layout to the proddetail page. I can't see how that has any influence on this issue though.

There has been no changes to the actual index.php page that has the masonry wall layout. Can someone have a look and give me any ideas as to what is the cause? I will message you the link rather than pop it on the forum.

The template used is this one - http://www.ectdemostore.com/rpcards/

Thanks in advance.

Steve

The worlds safest web server is the one that is turned off

If you want to put a link in your profile, I'll take a look.

BTW - You can do that even better and easier with flexbox - https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=107608

David
ECT Power User

Hi Steve

Can you make sure you have this just before the closing </body> tag

<script src="js/jaliswall.js"></script>
<script>

$('.wall').jaliswall({item:'.wall-item'});
</script>

How did you get on with the css layouts by the way? Any feedback welcome.

Andy

Please feel free to review / rate our software

Hi Andy,

Yes that code is definitely in place.

Regarding the Premium CSS Layouts - perfect and worth every penny, thanks. Made a massive difference to the look & feel of the product detail page.

Hi David,

I have added the URL of the site I am working on in my profile, thanks

This is the error I see in the browser

ReferenceError: jQuery is not defined[Learn More] jaliswall.js:117:1
Error: Bootstrap's JavaScript requires jQuery bootstrap.min.js:1:37

So it appears to be a problem referencing jquey. As a quick test can you change

<script async src="js/jquery-2.1.4.min.js"></script>

to

<script src="js/jquery-2.1.4.min.js"></script>

Glad you like the css layouts by the way.

Andy

Please feel free to review / rate our software

Hi Andy,

Thanks for looking. I have removed the async from all three js lines at the foot of that page only, and it's working fine. I'll live with that !

What I don't understand is that I had set the three js scripts at the foot of the page to async a good few weeks back and all has been fine. The other js functions across the rest of the site work fine.

Steve

The worlds safest web server is the one that is turned off