Looping grid on archive page

  • Hello, I’m trying to have these items loop in a grid of 4 columns, with the most recent 4 being in the first row and then extending 4 rows and creating additional pages for anything over (if possible)

    Is there a quick easy way to set this up with the query/loop?
    Or do I need to manually select “next post” for each?

    Here’s the page: https://elleindigo.com/genre/cover/

  • As well, there’s a bar with the page title under the hero, unclear where that’s being pulled in from, but would like to remove it.

  • Hi there,

    1. You are using a query block inside a block element – content template, I think you are trying to create a block element – loop template instead….Are you?

    2. To disable the default title, edit your page hero element called Discography Genre Posts Header, and toggle the Disable title option.

  • Thanks! Fixed the title.

    That could be that it should be a loop… still uncertain how to create the columns as noted 🙂
    I think I had used shortcodes on the other pages so that was part of the confusion in set up!

  • On this one, I’m stuck on creating the columns/rows for the looper where it auto places the next post!

  • It’s an archive loop template now, you’ve set the term of the query block to current post terms, but there is no current post, it’s an archive.

    So remove all the parameters, and enable theInherit query from template for the query block.

  • Thanks! Getting closer 🙂

    Was confused by it showing the posts from the blog, but I understand now that’s just in the template, not what’s actually shown.

    How do I get it to display L – R and then vertically instead of vertically first?

    I’d like it to be like this essentially:
    Most recent release | release 2 | release 3 | release 4
    Release 5 | release 6 | release 7 | release 8
    etc

    Hope that makes sense, thanks!

  • Realized I need to put this as flex instead of grid – confirming there’s not a way to do this in grid layout?

    And, I’m trying to have the items be 25% (so 4 across) however, that doesn’t appear to be populating: https://elleindigo.com/genre/cover/

    Even though there’s only 2 elements right now, I’d still prefer them to be at 25% width with empty space to the right that will be filled when there are more items 🙂 (if possible)

    Essentially I want it to end up being a 4 x 4 grid (once there’s enough posts to fill it!)

    Also am running into a big issue with the hover effect with this option… not clear what needs changing there 🙂

    Thanks for any help!

  • And, I’m trying to have the items be 25% (so 4 across) however, that doesn’t appear to be populating: https://elleindigo.com/genre/cover/

    You need to set the width value to 25% on the Loop Item block instead.

  • Thank you! That fixed it up 🙂
    And sorted the hover issue as well!

  • Glad to hear that!

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.