Docs

[Paul B]

I have an custom post archive page using the Isotope built into X. The issue I have is the HTML output lists posts in menu_order which is correct but the isotope displays item 4 in position 6. How can I adjust this so it outputs in the order the HTML is output?

http://www.regency-clinic.co.uk/therapist/

X Version: 4.4.2
WP Version: 4.5

[Rue Nel]

Hello There,

Thanks for writing in! To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-iso-container-posts.cols-3 .entry-wrap {
    min-height: 350px;
}

.x-iso-container-posts.cols-3 .entry-featured {
    max-height: 340px;
    overflow: hidden;
}

Hope this helps. Kindly let us know.

[Paul B]

Thank you, yes that does fix it although it’s not a perfect fix as you’re forcing the height.

I haven’t digged into your isotope initialisation but maybe it just needs to following…

$grid.isotope({ sortBy: 'original-order' })

http://isotope.metafizzy.co/sorting.html

[Rue Nel]

Hello There,

Thanks for the updates. Sorting may not be followed by isotope only when the grid boxes differ in height. http://isotope.metafizzy.co/layout.html

That happens because isotope will arrange the grid boxes of different sizes like a brick. When you layout bricks, you have to match the sizes so that it will fit thus you will be ignoring the order.

Hope this explains it.

[Author]

Posts