I'm having issues with the lazyImage not firing when I try to use the coding in the subcategory_listing
The image is there but class="is--loaded" isn't fired, so the opacity stays at 0 and the visibility is still hidden. The site is behind a wall.
I get this weird error in the console
[QUOTE]shop-by-product.htm:1 Unchecked runtime.lastError: The message port closed before a response was received./QUOTE]
<mvt:foreach array="cattree_categories" iterator="cattree_category">
<mvt:if expr="l.settings:cattree_category:parent_id EQ l.settings:category:id">
<mvt:assign name="l.null" value="miva_array_insert(l.settings:subcats, l.settings:cattree_category, -1)" />
</mvt:if>
</mvt:foreach>
<mvt:assign name="l.settings:subcat_count" value="miva_array_elements(l.settings:subcats)" />
<mvt:if expr="l.settings:subcats GT 0 OR l.settings:category_listing:products_on_page_count GT 1">
<hr class="border--secondary h-nm">
<mvt:if expr="l.settings:subcats GT 0">
<section class="cmp-product-list">
<mvt:foreach iterator="sub_category" array="subcats">
<article class="cmp-product-list__item _category-list bg--white" data-scroll="once toggle(.ani_fade-in, .ani_fade-out)" data-scroll-showCallback="lazyImage">
<a href="&mvte:sub_category:link;">
<figure class="cmp-product-list__image">
<img src="&mvt:sub_category:image;" alt="&mvt:sub_category:name;" title="&mvt:sub_category:name;" /><br>
<figcaption class="cmp-product-list__name color--black font--uppercase secondary-font">&mvte:sub_category:name;</figcaption>
</figure>
</a>
</article>
</mvt:foreach>
</section>
<!-- end .cmp-subcategories -->
</mvt:if>
<!-- end .cmp-subcategories-filtering -->
</mvt:if>
<mvt:if expr="l.settings:cattree_category:parent_id EQ l.settings:category:id">
<mvt:assign name="l.null" value="miva_array_insert(l.settings:subcats, l.settings:cattree_category, -1)" />
</mvt:if>
</mvt:foreach>
<mvt:assign name="l.settings:subcat_count" value="miva_array_elements(l.settings:subcats)" />
<mvt:if expr="l.settings:subcats GT 0 OR l.settings:category_listing:products_on_page_count GT 1">
<hr class="border--secondary h-nm">
<mvt:if expr="l.settings:subcats GT 0">
<section class="cmp-product-list">
<mvt:foreach iterator="sub_category" array="subcats">
<article class="cmp-product-list__item _category-list bg--white" data-scroll="once toggle(.ani_fade-in, .ani_fade-out)" data-scroll-showCallback="lazyImage">
<a href="&mvte:sub_category:link;">
<figure class="cmp-product-list__image">
<img src="&mvt:sub_category:image;" alt="&mvt:sub_category:name;" title="&mvt:sub_category:name;" /><br>
<figcaption class="cmp-product-list__name color--black font--uppercase secondary-font">&mvte:sub_category:name;</figcaption>
</figure>
</a>
</article>
</mvt:foreach>
</section>
<!-- end .cmp-subcategories -->
</mvt:if>
<!-- end .cmp-subcategories-filtering -->
</mvt:if>
I get this weird error in the console
[QUOTE]shop-by-product.htm:1 Unchecked runtime.lastError: The message port closed before a response was received./QUOTE]
Comment