Displaying a pager in a separate block to the teasers

By andersi on 23 Feb 2015 at 13:19 UTC

Hi Forum,

I'm pretty new to Drupal and am in the process of developing a theme.

I have configured three regions for displaying a lot of teasers for submitted articles.

A top region displays the title and spans the width of the two columns below it.
A middle region displays the teasers for the articles and the pager; this region is split between two columns which are side by side.
A bottom region which spans the two content holding columns above.

I have successfully been able to display the page title in the top region and the articles in the two columns but I am having trouble displaying the pager across the bottom region. I'd really like the pager to span both columns; at the moment it sits in the right hand side column of the middle region.

I have put together a workaround by displaying the content in both the middle and bottom regions and then hiding the pager in the middle region and hiding the content in the footer region which although seems to work is messy.

Is there a better way?

Thanks in advance for any pointers you may be able to offer me.

Comments

Well, given I don't know all

Jeff Burnz commented 23 February 2015 at 14:30

Well, given I don't know all the details of the site/theme I can suggest a couple of things:

1. Don't use separate regions for the article columns, use CSS columns or floats, depending on the order you want teasers to come in.
2. Don't use separate regions for the article columns, use JS, e.g. Masonry.

Both those would leave the pager untouched below the articles, not in a separate region, but I don't know if that is a hard requirement and you are just trying to separate things out for some other reason.

Another way, which I have not tested but from experience this is likely to be doable, is to use hook_page_alter() to move the pager.

Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.