error isotope not initialized. Cannot call methods, i.e. $().isotope("layout")

1 reply · opened Nov 30, 2024

LleofabianiNov 30, 2024

I don't find any reference for isotope in the documentation.
i created gallery and set the values as per example in the theme :

<div id="portfolio" class="portfolio row grid-container gutter-30 pgport-main has-init-isotope grid-container-filterable" data-layout="fitRows">

the gallery is working but is not isotoped onload but i have to make a script to call a document.ready function to click the filter button to make the gallery align .
on console continue to appear the above errror.
How to fix?

SSemicolon WebSTAFFMar 5, 2025

Hello,

You can find the Isotope Setup here: https://docs.semicolonweb.com/docs/portfolio/setup-info/ . This is for the Portfolio Grid, but can also be applied for a simple grid. You can also find the gallery-filter.html Template in the Package which applies the Isotope/Filter functionality on the Gallery images.

Additionally, make sure that you do not add the .has-init-isotope and .grid-container-filterable Classes on the Isotope Grid, and use the Codes directly from the Files provided from the Package.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard