Replicating Jetpack Portfolio Layout on Archive Page

  • CJ123

    (@cj123)


    9 years, 6 months ago

    Hi, First of all, thank you to everyone for all your help! I’ve been reading these forums for 10 years now and this is the first time I haven’t found the answer I’ve needed.

    I am using a child theme of the free Radiate theme, with the Jetpack Portfolio to display various products. I added the Taxonomy Dropdown Widget so that the products could be easily searched by project-tag. When they display, they are showing as full posts in one continuous column. I would like for them to display the same way that I have them set with the Portfolio short code: in 2 columns, with a headline, a thumbnail, project-type showing, and no excerpt. However, because I used a shortcode for the Portfolio layout, I don’t know what code I need to copy and paste onto my archive.php page for it to show right.

    I have the site on a temporary URL at the moment. Here is a sample of the archive page:
    http://ac0.507.myftpupload.com/project-tag/classic/

    And this is how I would like it to be laid out:
    http://ac0.507.myftpupload.com/products/

    Can anyone help?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    9 years, 6 months ago

    I would create a custom template for that taxonomy, or if one exists, modify it. If the taxonomy were “projects”, the template would be taxonomy-projects.php.

    Set up the loop to output content as desired. Before and after the loop setup some divs to enable a 2 column layout with CSS. You’ll need some sort of loop counter to control which posts go into which column. How the counter works depends on what order the posts appear. Column 1, then 2; or Right, Left, Right, Left, etc. The latter probably will require pushing right side posts into an array that is output after the primary loop finishes.

    There’s all sorts of examples on how to setup divs and CSS for two column layouts, any will do, not necessarily for WP. Find one that appeals to you.

    Thread Starter CJ123

    (@cj123)

    9 years, 5 months ago

    Thank you for the response, but I was hoping for something that I could copy & paste. I’m great at taking something that exists and making small changes to make it work… not so great at writing from scratch. You lost me at ‘loop’. Regardless of whether I use a custom taxonomy template or the archive template, is anyone able to help? Every time I try to copy & paste code from somewhere else it messes up the whole page.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Replicating Jetpack Portfolio Layout on Archive Page’ is closed to new replies.