Mobile-only pagination for categories on homepage

Hi,

You can configure a category listing menu item with pagination. As long as the number of rows and columns of the menu item is lower than the total number of elements, HikaShop will automatically display a pagination for the listing.
And if the number is lower, the pagination won't be displayed.
However, it's not possible to change the number of columns / rows of a menu item based on the device type of the user displaying the menu item.
What is possible is to create two different menu items, configure each one differently so that one has the pagination and not the other, and then use CSS to hide / display the menu items based on the user's device:
www.facebook.com/groups/joomlanospam/posts/10160353155880997/
While this would work for most menu items, it wouldn't help for the homepage.

So, up to this point, that's what I would say for someone who doesn't / can't code.
If you're a developer, I would recommend making an override of the category / listing_div view file via the menu Display>Views.
There, you can add :
- some CSS code to hide the rows of categories you don't want to be displayed by default on mobile devices. For example:

<style>
@media (max-width:962px)  {
.hikashop_category_row_2, .hikashop_category_row_3, .hikashop_category_row_4, .hikashop_category_row_5 {
 display:none;
}
}
</style>

<a href="#" class="loadmorebutton" onclick="document.querySelector('.hikashop_category_row_2').display = 'block'; return false;">
load more
</a>
<style>
@media (min-width:963px)  {
.loadmorebutton { display: none;}
}
</style>

		<?php echo $this->pagination->getListFooter($this->params->get('limit')); ?>
		<span class="hikashop_results_counter"><?php echo $this->pagination->getResultsCounter(); ?></span>