So your wanting two different lists, on the same page, that paginate into their own sections... correct?
If so, here is what I would do.
Where you want your two lists to show add these:
Gallery List #1:
<a name="newgal" id="newgal"></a>
<div class="item blog-archive-header" style="margin: 13px 10px 10px 10px;">
{jrSearch_module_form fields="gallery_title,gallery_image_title,gallery_caption,gallery_image_name"}
<h2>Newest Galleries</h2>
</div>
<div class="item center" style="margin: 10px;padding-bottom: 10px;">
<div id="newgalleries">
{jrCore_include template="newest_galleries.tpl"}
</div>
</div>
Gallery List #2:
<a name="ratgal" id="ratgal"></a>
<div class="item blog-archive-header" style="margin: 13px 10px 10px 10px;">
<h2>Highest Rated Galleries</h2>
</div>
<div class="item center" style="margin: 10px;padding-bottom: 10px;">
<div id="ratedgalleries">
{jrCore_include template="highest_rated_galleries.tpl"}
</div>
</div>
Then create two new templates, newest_galleries.tpl and highest_rated_galleries.tpl and add the following code to them.
newest_galleries.tpl contents:
{capture name="new_gallery_row" assign="new_gallery"}
{literal}
{jrCore_module_url module="jrGallery" assign="murl"}
{if isset($_items)}
<div class="container">
{foreach from=$_items item="item"}
{if $item@iteration == 1 || $item@iteration == 5}
<div class="row">
{/if}
<div class="col3{if $item@iteration is div by 4} last{/if}">
<div class="img-profile"{if jrCore_is_mobile_device()} style="margin-bottom:50px;"{/if}>
<a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.gallery_image_name|urlencode}" title="{$item.gallery_caption|default:$item.gallery_image_name|jrCore_entity_string}">{jrCore_module_function function="jrImage_display" module="jrGallery" type="gallery_image" item_id=$item._item_id size="xlarge" crop="auto" class="iloutline img_scale" alt=$item.gallery_image_name title=$item.gallery_image_name style="max-width:292px;max-height:292px;"}</a><br>
<a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.gallery_title_url}" title="{$item.gallery_title}">{$item.gallery_title|truncate:25:"...":false}</a><br>
<a href="{$jamroom_url}/{$item.profile_url}" style="margin-bottom: 10px;">@{$item.profile_url}</a><br>
</div>
</div>
{if $item@iteration == 4 || $item@iteration == 8}
</div>
{/if}
{/foreach}
{if $info.total_pages > 1}
<div class="row">
<div class="col12 last">
<div class="block">
<table style="width:100%;">
<tr>
<td style="width:25%;">
{if isset($info.prev_page) && $info.prev_page > 0}
<input type="button" value="{jrCore_lang module="jrCore" id=26 default="<"}" class="form_button" onclick="jrLoad('#newgalleries','{$jamroom_url}/newest_galleries/p={$info.prev_page}');$('html, body').animate({ scrollTop: $('#newgal').offset().top -100 }, 'slow');return false;">
{/if}
</td>
<td style="width:50%;text-align:center;">
{if $info.total_pages <= 5}
{$info.page} / {$info.total_pages}
{else}
<form name="form" method="post" action="_self">
<select name="pagenum" class="form_select" style="width:60px;" onchange="var sel=this.form.pagenum.options[this.form.pagenum.selectedIndex].value;jrLoad('#newgalleries','{$jamroom_url}/test_row_1/p=' +sel);$('html, body').animate({ scrollTop: $('#newgal').offset().top -100 }, 'slow');">
{for $pages=1 to $info.total_pages}
{if $info.page == $pages}
<option value="{$info.this_page}" selected="selected"> {$info.this_page}</option>
{else}
<option value="{$pages}"> {$pages}</option>
{/if}
{/for}
</select> / {$info.total_pages}
</form>
{/if}
</td>
<td style="width:25%;text-align:right;">
{if isset($info.next_page) && $info.next_page > 1}
<input type="button" value="{jrCore_lang module="jrCore" id=27 default=">"}" class="form_button" onclick="jrLoad('#newgalleries','{$jamroom_url}/newest_galleries/p={$info.next_page}');$('html, body').animate({ scrollTop: $('#newgal').offset().top -100 }, 'slow');return false;">
{/if}
</td>
</tr>
</table>
</div>
</div>
</div>
{/if}
</div>
{/if}
{/literal}
{/capture}
{jrCore_list module="jrGallery" order_by="_created numerical_desc" template=$new_gallery pagebreak="8" page=$_post.p}
highest_rated_galleries.tpl contents:
{capture name="highest_rated_gallery_row" assign="highest_rated_gallery"}
{literal}
{jrCore_module_url module="jrGallery" assign="murl"}
{if isset($_items)}
<div class="container">
{foreach from=$_items item="item"}
{if $item@iteration == 1 || $item@iteration == 5}
<div class="row">
{/if}
<div class="col3{if $item@iteration is div by 4} last{/if}">
<div class="img-profile"{if jrCore_is_mobile_device()} style="margin-bottom:50px;"{/if}>
<a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.gallery_image_name|urlencode}" title="{$item.gallery_caption|default:$item.gallery_image_name|jrCore_entity_string}">{jrCore_module_function function="jrImage_display" module="jrGallery" type="gallery_image" item_id=$item._item_id size="xlarge" crop="auto" class="iloutline img_scale" alt=$item.gallery_image_name title=$item.gallery_image_name style="max-width:292px;max-height:292px;"}</a><br>
<a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.gallery_title_url}" title="{$item.gallery_title}">{$item.gallery_title|truncate:25:"...":false}</a><br>
<a href="{$jamroom_url}/{$item.profile_url}" style="margin-bottom: 10px;">@{$item.profile_url}</a><br>
<div class="gallery_rating">
{jrCore_module_function function="jrRating_form" type="star" module="jrGallery" index="1" item_id=$item._item_id current=$item.gallery_rating_1_average_count|default:0 votes=$item.gallery_rating_1_count|default:0}
</div>
</div>
</div>
{if $item@iteration == 4 || $item@iteration == 8}
</div>
{/if}
{/foreach}
{if $info.total_pages > 1}
<div class="row">
<div class="col12 last">
<div class="block">
<table style="width:100%;">
<tr>
<td style="width:25%;">
{if isset($info.prev_page) && $info.prev_page > 0}
<input type="button" value="{jrCore_lang module="jrCore" id=26 default="<"}" class="form_button" onclick="jrLoad('#ratedgalleries','{$jamroom_url}/highest_rated_galleries/p={$info.prev_page}');$('html, body').animate({ scrollTop: $('#ratgal').offset().top -100 }, 'slow');return false;">
{/if}
</td>
<td style="width:50%;text-align:center;">
{if $info.total_pages <= 5}
{$info.page} / {$info.total_pages}
{else}
<form name="form" method="post" action="_self">
<select name="pagenum" class="form_select" style="width:60px;" onchange="var sel=this.form.pagenum.options[this.form.pagenum.selectedIndex].value;jrLoad('#ratedgalleries','{$jamroom_url}/highest_rated_galleries/p=' +sel);$('html, body').animate({ scrollTop: $('#ratgal').offset().top -100 }, 'slow');">
{for $pages=1 to $info.total_pages}
{if $info.page == $pages}
<option value="{$info.this_page}" selected="selected"> {$info.this_page}</option>
{else}
<option value="{$pages}"> {$pages}</option>
{/if}
{/for}
</select> / {$info.total_pages}
</form>
{/if}
</td>
<td style="width:25%;text-align:right;">
{if isset($info.next_page) && $info.next_page > 1}
<input type="button" value="{jrCore_lang module="jrCore" id=27 default=">"}" class="form_button" onclick="jrLoad('#ratedgalleries','{$jamroom_url}/highest_rated_galleries/p={$info.next_page}');$('html, body').animate({ scrollTop: $('#ratgal').offset().top -100 }, 'slow');return false;">
{/if}
</td>
</tr>
</table>
</div>
</div>
</div>
{/if}
</div>
{/if}
{/literal}
{/capture}
{jrCore_list module="jrGallery" order_by="gallery_rating_overall_average_count numerical_desc" template=$highest_rated_gallery pagebreak="8" page=$_post.p}
Hope this helps!
--
Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
updated by @douglas: 12/22/16 11:55:59AM
JAMROOM
