[solved] Moving bottom Compare Sort By

[cjrent]

Is it possible to move the bottom Compare and Sort By in the Product List to the very bottom of the page?

 

Please see attached picture to better explain what I am thinking of doing.

 

I think it has to do with the code below in category.tpl

 

  {include file="./product-list.tpl" products=$products}

<div class="content_sortPagiBar">
<div class="sortPagiBar clearfix">
 {include file="./product-sort.tpl"}
 {include file="./product-compare.tpl"}
 {include file="./nbr-product-page.tpl"}
</div>
{include file="./pagination.tpl"}
  </div>

[tdr170]

Well the issue seems to be with your modification to display as a grid, by default the compare and sort buttons are at the top and bottom of the product list page.

I would say that when you made the mod something went wrong.

Edited August 9, 2013 by tdr170 (see edit history)

[cjrent]

Oh, duh....lol...sometimes it takes a fresh pair of eyes to point out the obvious. Thank you. Have a great day.

[vekia]

hello

 

i just wondering: the problem is solved?

i've got similar issue some time ago with grid modification

 

all what you have to do is to set up correct css styles for these block.

use something like: clear:both; display:block;

[cjrent]

Hi Vekia,

 

I haven't solved it yet, I was going through my notes on how the grid was created. It seems that I only changed product_list.css so I'm going to play around with it and see what happens. I'll post any solutions I may come up with as soon as I can.

 

For reference purposes only, I'm attaching the product_list.css file. This file is what is making the grid.

 

Credit to this post on getting the grid going: http://www.prestashop.com/forums/topic/248217-solved-how-to-change-product-list-to-grid/page__fromsearch__1

product_list.css

Edited August 9, 2013 by paditur (see edit history)

[JANDSCLOTHINGCO]

I solved this issue by using clear: both; in a css file. I forget which line though since I don't have access to the file right now

Edited August 10, 2013 by JANDSCLOTHINGCO (see edit history)

[cjrent]

Thanks jandsclothingco. Let me know when you get a chance. In the meantime...I'll keep trying to figure it out.

[JANDSCLOTHINGCO]

Found my solution. It is actually in global.css line 346

 

I added clear: both; to

 

#center_column .sortPagiBar form {

[cjrent]

Thank you jandsclothingco! That worked like a charm. LOL, I spent the whole day adding clear: both; to differnt parts of product_list.css.

 

Vekia, is it possible for you to mark this as solved? I cannot seem to do it.

 

Thank you!

[vekia]

thanks for confirmation

i also marked this topic as [solved] as you suggested

 

You can also do it, here is the instruction:

To mark a topic as [solved] :

- Edit the first post of your topic by clicking on the "Edit" button,

- Click on the "Use full editor" button,

- Add the "[solved]" string at the beginning of your topic title and click on the "Submit Modified Post" button.