Hi!
I have the problem with blog pagination.
Blog list of my template is 6 grids in each page of Blog.
Anyway, after I started putting pagination (paginator), those grids style came into rows.
I tried and took so long and still wan not able to find the solution.
Grid1 | Grid2 | Grid3
Grid4 | Grid5 | Grid6
< 1 2 3 4 5 >
(3 blog grids in 1 rows)
But when I started to use this template with Couch.
First, it has shown as grids like above, but, after I put the cms:paginator, it became:
Grid1
Grid2
Grid3
Grid4
Grid5
Grid6
< 1 2 3 4 5 >
(all have own rows)
I was trying. but not work.
And here is my code of blog_list.html in snippets folder:
Please kindly help!
Thank you in advance.
I have the problem with blog pagination.
Blog list of my template is 6 grids in each page of Blog.
Anyway, after I started putting pagination (paginator), those grids style came into rows.
I tried and took so long and still wan not able to find the solution.
Grid1 | Grid2 | Grid3
Grid4 | Grid5 | Grid6
< 1 2 3 4 5 >
(3 blog grids in 1 rows)
But when I started to use this template with Couch.
First, it has shown as grids like above, but, after I put the cms:paginator, it became:
Grid1
Grid2
Grid3
Grid4
Grid5
Grid6
< 1 2 3 4 5 >
(all have own rows)
I was trying. but not work.
And here is my code of blog_list.html in snippets folder:
- Code: Select all
<div id="page-head" class="container-fluid inner-page">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="page-title"><cms:show k_template_title/></div>
</div>
</div>
</div>
</div>
</div>
<div id="articles" class="container-fluid">
<div class="container">
<div class="row">
<cms:pages masterpage="blog.php" paginate="1" limit="2">
<div class="col-sm-6 col-md-4">
<div class="article-summary">
<div class="article-img"><img src="<cms:show blog_image/>" alt="" /></div>
<div class="article-title"><a href="<cms:show k_page_link/>"><cms:show k_page_title/></a></div>
<div class="article-text"><cms:excerptHTML count="25" ignore="img"><cms:show blog_content/></cms:excerptHTML>
</div>
<div class="article-links row">
<div class="col-xs-6">
<div class="date-holder">
<cms:date k_page_date format="d M, Y"/>
</div>
</div>
<div class="col-xs-6">
<div class="readmore-holder">
<a href="<cms:show k_page_link/>" class="ybtn ybtn-small ybtn-purple-text">Read more</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<cms:paginator adjacents="1">
<div class="pagination">
<cms:if k_crumb_type='prev' >
<a class="prev page-number tt<cms:if k_crumb_disabled> disabled</cms:if>" <cms:if k_crumb_disabled>href="#" onClick="return false"<cms:else />href="<cms:show k_crumb_link />"</cms:if>>Prev</a>
</cms:if>
<cms:if k_crumb_type='ellipsis' >
<a class="page-number disabled" href="#" onClick="return false">…</a>
</cms:if>
<cms:if k_crumb_type='page' >
<cms:if k_crumb_current>
<span class="current page-number" href="#" onClick="return false" title="<cms:show k_crumb_text />"><cms:show k_crumb_text /></span>
<cms:else />
<a class="page-number" href="<cms:show k_crumb_link />" title="<cms:show k_crumb_text />"><cms:show k_crumb_text /></a>
</cms:if>
</cms:if>
<cms:if k_crumb_type="next">
<a class="next page-number<cms:if k_crumb_disabled> disabled</cms:if>" <cms:if k_crumb_disabled>href="#" onClick="return false"<cms:else />href="<cms:show k_crumb_link />"</cms:if>>Next</a>
</cms:if>
</div>
</cms:paginator>
</div>
</cms:pages>
</div>
</div>
</div>
Please kindly help!
Thank you in advance.