Docs

[philip_pape]

I’m using the EventOn Slider Addon plugin and would like to use the masonry layout.

However, this results in 3 loading squares.

I contacted the developer, and he said it’s because X has a very old Isotope version (1.x), whereas the latest is up to 3.0.

I’ve read several other forum posts about replacing the Isotope js within the minified x-body.min.js. I did the following:

1. downloaded the latest isotope.pkgd.min.js from isotope.metafizzy.co

2. consolidated the code from the following 6 files, replacing the isotope.js code with the beautified code from isotope.pkgd.min.js

\x\framework\js\src\site\vendor\hoverintent.js
\x\framework\js\src\site\vendor\isotope.js
\x\framework\js\src\site\vendor\placeholder.js
\x\framework\js\src\site\inc\x-body-custom.js
\x\framework\js\src\site\inc\x-body-scrollspy.js
\x\framework\js\src\site\inc\x-body-slider-scroll.js

3. Minified consolidated code at jscompress.com and saved as x-body-min.js

4. Uploaded to wp-content/themes/x/framework/js/dist/site/x-body.min.js on my FTP server

The above steps did not fix the problem. I’m hoping you can tell me how to upgrade Isotope.

Note that I also have x-child installed, so if this can be applied to the child theme, that is preferred.

Thanks!

[Lely]

Hi There,

Thanks for posting in.
Please provide us with your URL so we can take a closer look to the issue. Please note that we cannot guarantee a solution here as this is not an issue related to the theme and requires custom development that is outside of our scope. We’re not 100% certain that all the functions will be compatible with a newer version.

[philip_pape]

This reply has been marked as private.

[Nabeel A]

Hi there,

Please download the latest version of isotope.js and navigate to \x\framework\js\src\site\vendor and replace the isotope.js file with the latest version via FTP. Make sure the file names are same.

Hope this helps!

[philip_pape]

I did that but nothing changed.

[Rad]

Hi there,

Even if you upgrade the isotope library, there is a chance it will become incompatible with X theme. Hence, a chain of issues.

Would you mind trying this one, https://www.dropbox.com/s/1cquxe2bfhcnu1n/x-body.min.js?dl=0

Current error is :

x-body.min.js:1 no such method 'getItemElements' for isotope instance

I checked your compiled /wp-content/themes/x/framework/js/dist/site/x-body.min.js and it doesn’t have that getItemElements method, while my copy has and bundled with 3.0.

Thanks!

[philip_pape]

I used your version of x-body.min.js and uploaded to /public_html/wp-content/themes/x/framework/js/dist/site but it’s still not working.

[Nico]

Hi There,

Thanks for the update.

Would you mind sharing us your FTP so we could check your setup closer.

Don’t forget to set it as private reply.

Thanks.

[philip_pape]

This reply has been marked as private.

[philip_pape]

Please note that the js files were replaced when I updated X Theme yesterday.

I just re-uploaded isotope.js and x-body.min.js

[Rue Nel]

Hello There,

I would recommend that you setup a child theme. In your child theme, you can recompile the x-body.js together with the latest isotope.js. You’ll have to dequeue the x-body.min.js and enqueue your own recomplie js file.

This issue has been reported to our developers and asked them to officially update the isotope.js within X. We will be hearing a response from them anytime soon.

Thank you for your understanding.

[philip_pape]

I am using the X child theme.

I’ve placed x-body-min.js here:
/public_html/wp-content/themes/x-child/framework/js/dist/site

I’ve placed isotope.js here:
/public_html/wp-content/themes/x-child/framework/js/src/site/vendor

It still doesn’t work properly (even after emptying cache).

[philip_pape]

It’s working now! Not sure if you did something, Isotope was updated in today’s X update, or it’s the change I made, but it’s now working.

Do you know the cause?

[philip_pape]

Separate issue – I can only see skeleton mode now with Cornerstone. It was working yesterday. Could this be related to Isotope?

[Rue Nel]

Hello Again,

I think it is the changes that you have made in your child theme.

Are you using CloudFlare or may have installed a caching plugin like WordFence, W3 Total Cache or WP Super Cache? Please keep in mind that after doing every updates, always remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Thank you.

[Author]

Posts