Sub-category load more

[lesliekirk]

I'd like to be able to set up a load more for a category that has over 100 child categories. I'd like to be able to load 12 "more" at a time. I've looked at a couple of jQuery Loadmore scripts. Could they be used?

[Matt Zimmermann]

Hi Leslie,

I don't see why not. You would have to set the display on the category page to at least 100 products. I'm not sure how much of an impact it will have on page performance, but it may slow the page a bit. You might also look into an AJAX solution where it calls the category programmatically.

[lesliekirk]

Hi Leslie,

I don't see why not. You would have to set the display on the category page to at least 100 products. I'm not sure how much of an impact it will have on page performance, but it may slow the page a bit. You might also look into an AJAX solution where it calls the category programmatically.

It's not products - it's child categories that have been assigned to the parent category. It would use this code:

<mvt:foreach array="cattree_categories" iterator="category_children">
<mvt:if expr="l.settings:category_children:parent_id EQ l.settings:category:id">
<mvt:assign name="l.null" value="miva_array_insert(l.settings:subcategories, l.settings:category_children, -1)" />
</mvt:if>
</mvt:foreach>
<mvt:assign name="l.settings:subcategory_count" value="miva_array_elements(l.settings:subcategorie s)" />
<mvt:if expr="l.settings:subcategories GT 0">
<section class="o-layout x-product-list t-featured-products">
<mvt:foreach iterator="subcategory" array="subcategories">
<div class="o-layout__item u-width-6 u-width-3--m u-text-center x-product-list__item">
<a class="u-block x-product-list__link" href="&mvte:subcategory:link;">
<mvt:if expr="l.settings:subcategory:image">
<img class="x-product-list__image" src="&mvt:subcategory:image;" alt="&mvte:subcategory:name;" title="&mvte:subcategory:name;">
<mvt:else>
&mvte:subcategory:name;
</mvt:if>
</a>
</div>
</mvt:foreach>

[Matt Zimmermann]

Hi Leslie,

I believe you could still do that. Most of those types of scripts need either a data source or HTML elements to control the layout, so you have both in this case.

[lesliekirk]

Thanks, Matt Zimmermann - I have one up and running!

[afiumano]

We need to implement a "Load More" button on a category page but for the products - what solution did you find lesliekirk ?

[lesliekirk]

We need to implement a "Load More" button on a category page but for the products - what solution did you find lesliekirk ?

I found a jQuery function that seems to be doing the trick rather nicely

Static Load More jQuery Plugin - simpleLoadMore.js https://www.jqueryscript.net/loading...load-more.html

I'd paste the code but it seems to not be allowed.