Forum for discussing general topics related to Couch.
3 posts Page 1 of 1
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.

Please kindly help.
Thank you in advance.
Hi,
If you need an answer you should post your code. Nobody can guess what you did and what could be the problem.

If you need some easy grid system check out http://foundation.zurb.com/sites/docs/grid.html
I load frameworks and write bugs on top of them, after that I rearrange the code so that it looks like a cool product.
Hi! Tomarnst

Thank you for your reply.
I had my blog template and it showed as grids (6 grids)in the blog list.

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">&hellip;</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>

What is the problem? Please kindly help.
Thank you in advance.
3 posts Page 1 of 1
cron