[Solved] Rearange/edit pagination table

[gussy]

My pagination table does't look quite nice after adding grid view to my website. Please help me with advices how to rearrange items in it, remove the gray frame, etc. You can see in attachment how mess it's right now.

Thank you!

Edited September 8, 2013 by gussy (see edit history)

[vekia]

i don't know what you exactly expect so i will answer only to this question: how to remove gray frame

#center_column .sortPagiBar {
padding: 10px;
font: normal 11px Arial,Verdana,sans-serif;
color: #666;
background: #eee;
}

remove background: #eee;

 

 

please explain what you exactly expect, then i will try to help you

[gussy]

I would like to hide/delete "showing x products" and move in left, instead of that, the Grid/List switch button, and this way maybe I will also reduce the height of pagination table.

[vekia]

to remove / hide showing x products - open and edit pagination.tpl file, it should be there

 

then change styles:

width: 120px;
min-height: 23px;
background: none;
font-weight: bold;
font-style: normal;
font-family: serif;
float: right;
overflow: hidden;
}

instead of float:right; use float:left;

[gussy]

what exactly should I remove from pagination.tpl?I don't wanna break the file....and can you please tell me where to change those styles? in wich file? Thak you.

[vekia]

can you show me this file? unfortunately i don't know contents of it

[gussy]

{*

* 2007-2013 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

*  @author PrestaShop SA <[email protected]>

*  @copyright  2007-2013 PrestaShop SA

*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)

*  International Registered Trademark & Property of PrestaShop SA

*}

 

{if isset($no_follow) AND $no_follow}

{assign var='no_follow_text' value='rel="nofollow"'}

{else}

{assign var='no_follow_text' value=''}

{/if}

 

{if isset($p) AND $p}

{if isset($smarty.get.id_category) && $smarty.get.id_category && isset($category)}

{if !isset($current_url)}

{assign var='requestPage' value=$link->getPaginationLink('category', $category, false, false, true, false)}

{else}

{assign var='requestPage' value=$current_url}

{/if}

{assign var='requestNb' value=$link->getPaginationLink('category', $category, true, false, false, true)}

{elseif isset($smarty.get.id_manufacturer) && $smarty.get.id_manufacturer && isset($manufacturer)}

{assign var='requestPage' value=$link->getPaginationLink('manufacturer', $manufacturer, false, false, true, false)}

{assign var='requestNb' value=$link->getPaginationLink('manufacturer', $manufacturer, true, false, false, true)}

{elseif isset($smarty.get.id_supplier) && $smarty.get.id_supplier && isset($supplier)}

{assign var='requestPage' value=$link->getPaginationLink('supplier', $supplier, false, false, true, false)}

{assign var='requestNb' value=$link->getPaginationLink('supplier', $supplier, true, false, false, true)}

{else}

{assign var='requestPage' value=$link->getPaginationLink(false, false, false, false, true, false)}

{assign var='requestNb' value=$link->getPaginationLink(false, false, true, false, false, true)}

{/if}

<!-- Pagination -->

<div id="pagination" class="pagination">

{if $start!=$stop}

<ul class="pagination">

{if $p != 1}

{assign var='p_previous' value=$p-1}

<li id="pagination_previous"><a {$no_follow_text} href="{$link->goPage($requestPage, $p_previous)}">« {l s='Previous'}</a></li>

{else}

<li id="pagination_previous" class="disabled"><span>« {l s='Previous'}</span></li>

{/if}

{if $start==3}

<li><a {$no_follow_text}  href="{$link->goPage($requestPage, 1)}">1</a></li>

<li><a {$no_follow_text}  href="{$link->goPage($requestPage, 2)}">2</a></li>

{/if}

{if $start==2}

<li><a {$no_follow_text}  href="{$link->goPage($requestPage, 1)}">1</a></li>

{/if}

{if $start>3}

<li><a {$no_follow_text}  href="{$link->goPage($requestPage, 1)}">1</a></li>

<li class="truncate">...</li>

{/if}

{section name=pagination start=$start loop=$stop+1 step=1}

{if $p == $smarty.section.pagination.index}

<li class="current"><span>{$p|escape:'htmlall':'UTF-8'}</span></li>

{else}

<li><a {$no_follow_text} href="{$link->goPage($requestPage, $smarty.section.pagination.index)}">{$smarty.section.pagination.index|escape:'htmlall':'UTF-8'}</a></li>

{/if}

{/section}

{if $pages_nb>$stop+2}

<li class="truncate">...</li>

<li><a href="{$link->goPage($requestPage, $pages_nb)}">{$pages_nb|intval}</a></li>

{/if}

{if $pages_nb==$stop+1}

<li><a href="{$link->goPage($requestPage, $pages_nb)}">{$pages_nb|intval}</a></li>

{/if}

{if $pages_nb==$stop+2}

<li><a href="{$link->goPage($requestPage, $pages_nb-1)}">{$pages_nb-1|intval}</a></li>

<li><a href="{$link->goPage($requestPage, $pages_nb)}">{$pages_nb|intval}</a></li>

{/if}

{if $pages_nb > 1 AND $p != $pages_nb}

{assign var='p_next' value=$p+1}

<li id="pagination_next"><a {$no_follow_text} href="{$link->goPage($requestPage, $p_next)}">{l s='Next'} »</a></li>

{else}

<li id="pagination_next" class="disabled"><span>{l s='Next'} »</span></li>

{/if}

</ul>

{/if}

{if $nb_products > $products_per_page}

<form action="{if !is_array($requestNb)}{$requestNb}{else}{$requestNb.requestUrl}{/if}" method="get" class="pagination">

<p>

{if isset($search_query) AND $search_query}<input type="hidden" name="search_query" value="{$search_query|escape:'htmlall':'UTF-8'}" />{/if}

{if isset($tag) AND $tag AND !is_array($tag)}<input type="hidden" name="tag" value="{$tag|escape:'htmlall':'UTF-8'}" />{/if}

<input type="submit" class="button_mini" value="{l s='OK'}" />

<label for="nb_item">{l s='items:'}</label>

<select name="n" id="nb_item">

{assign var="lastnValue" value="0"}

{foreach from=$nArray item=nValue}

{if $lastnValue <= $nb_products}

<option value="{$nValue|escape:'htmlall':'UTF-8'}" {if $n == $nValue}selected="selected"{/if}>{$nValue|escape:'htmlall':'UTF-8'}</option>

{/if}

{assign var="lastnValue" value=$nValue}

{/foreach}

</select>

{if is_array($requestNb)}

{foreach from=$requestNb item=requestValue key=requestKey}

{if $requestKey != 'requestUrl'}

<input type="hidden" name="{$requestKey|escape:'htmlall':'UTF-8'}" value="{$requestValue|escape:'htmlall':'UTF-8'}" />

{/if}

{/foreach}

{/if}

</p>

</form>

{/if}

</div>

<!-- /Pagination -->

{/if}

[vekia]

ohh dear, it's wrong file, there is no code for "showing x products". your theme is modified

 

in this case you should check these files:

• category.tpl
• category-count.tpl
• pagination.tpl
• product-sort.tpl
• product-compare.tpl
• nbr-product-page.tpl

i don't know in which file you've got it because it is non-default theme, but im convinced that one of them has got this code

[gussy]

it was in category.tpl, and I sorted outmoving grid buttons as well in product_list.css

Thank you!

[vekia]

wow, glad to hear that  

 

i checked your website, it looks like:

 

 

 

it looks a bit weirdy. It's related to the <td></td>

i think that you should remove <tr> and put everything in one table row (now you've got there two <tr>)

[gussy]

i've been working on it, should be fine now, i've also aligned them on the same row.