Agency Pro w/ AgentPress Archive Page

Community Forums Forums Design Tips and Tricks Agency Pro w/ AgentPress Archive Page

This topic is: not resolved

This topic contains 8 replies, has 2 voices, and was last updated by  mikemueller 9 months, 2 weeks ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #89050

    mikemueller
    Participant
    Post count: 47

    I have a client who’s site is now built on Agency Pro but we’re using AgentPress custom taxonomy with it.
    For an Archive Page it should be assembling these properties in a single content area and not in individual rows.

    http://www.bringboots.com/propertytype/recreational/

    Any idea on where or what to change to make it properly render?

    http://www.bringboots.com/propertytype/recreational/
    #89061

    AC
    Blocked
    Post count: 7712

    That page is generated by the archive-listings.php page. Did you create one?

    #89062

    mikemueller
    Participant
    Post count: 47

    Hi Anita – I did.

    <?php
    /**
    * The custom post type archive template
    */

    /** Force full width layout */
    add_filter( ‘genesis_pre_get_option_site_layout’, ‘__genesis_return_full_width_content’ );

    /**
    * Remove the standard loop
    */
    remove_action( ‘genesis_loop’, ‘genesis_do_loop’ );

    add_action( ‘genesis_loop’, ‘agency_listing_archive_loop’ );
    /**
    * Custom loop for listing archive page
    */
    function agency_listing_archive_loop() {

    $toggle = ”;

    if ( have_posts() ) : while ( have_posts() ) : the_post();

    $loop = ”; // init

    $loop .= sprintf( ‘%s‘, get_permalink(), genesis_get_image( array( ‘size’ => ‘properties’ ) ) );

    $loop .= sprintf( ‘<span class=”listing-price”>%s</span>’, genesis_get_custom_field( ‘_listing_price’ ) );
    $loop .= sprintf( ‘<span class=”listing-text”>%s</span>’, genesis_get_custom_field( ‘_listing_text’ ) );
    $loop .= sprintf( ‘<span class=”listing-address”>%s</span>’, genesis_get_custom_field( ‘_listing_address’ ) );
    $loop .= sprintf( ‘<span class=”listing-city-state-zip”>%s, %s %s</span>’, genesis_get_custom_field( ‘_listing_city’ ), genesis_get_custom_field( ‘_listing_state’ ), genesis_get_custom_field(‘_listing_zip’ ) );

    $loop .= sprintf( ‘%s‘, get_permalink(), __( ‘View Listing’, ‘agentpress’ ) );

    $toggle = $toggle == ‘left’ ? ‘right’ : ‘left’;

    /** wrap in post class div, and output **/
    printf( ‘<div class=”%s”><div class=”widget-wrap”><div class=”listing-wrap”>%s</div></div></div>’, join( ‘ ‘, get_post_class( $toggle ) ), $loop );

    endwhile; endif;

    }

    genesis();

    #89063

    AC
    Blocked
    Post count: 7712

    Okay, so now… did you copy over the CSS from the Agentpress theme to your CSS? I don’t see it in there.

    #89067

    mikemueller
    Participant
    Post count: 47

    Not the whole CSS but snippets, added to custom CSS (jetpack)

    /* Agency Pro Blue
    ——————————————— */
    .agency-pro-blue .genesis-nav-menu .current-menu-item > a,
    .agency-pro-blue .genesis-nav-menu .v .current-menu-item > a:hover,
    .agency-pro-blue .genesis-nav-menu a:hover,
    .agency-pro-blue .site-title a:hover,
    .agency-pro-blue a,
    .agency-pro-blue.agency-pro-home .featured-content a:hover {
    color: #103e62;
    }

    .agency-pro-blue .archive-pagination li a:hover,
    .agency-pro-blue .archive-pagination li.active a,
    .agency-pro-blue .breadcrumb a,
    .agency-pro-blue .genesis-nav-menu a,
    .agency-pro-blue .home-top a:hover,
    .agency-pro-blue .site-title a,
    .agency-pro-blue a:hover.button,
    .agency-pro-blue a.button {
    color: #fff;
    }

    .agency-pro-blue .genesis-nav-menu .sub-menu .current-menu-item > a,
    .agency-pro-blue .site-footer a {
    color: #999;
    }

    .agency-pro-blue .archive-pagination a,
    .agency-pro-blue .entry-title a,
    .agency-pro-blue .entry-title,
    .agency-pro-blue .home-top a,
    .agency-pro-blue .site-footer a:hover,
    .agency-pro-blue a:hover {
    color: #333;
    }

    .agency-pro-blue .genesis-nav-menu a:hover,
    .agency-pro-blue .genesis-nav-menu .current-menu-item > a,
    .agency-pro-blue .genesis-nav-menu .v .current-menu-item > a:hover {
    border-color: #103e62;
    color: #fff;
    }

    .agency-pro-blue .archive-pagination li a:hover,
    .agency-pro-blue .archive-pagination li.active a,
    .agency-pro-blue a:hover.button,
    .agency-pro-blue button:hover,
    .agency-pro-blue input:hover[type="button"],
    .agency-pro-blue input:hover[type="reset"],
    .agency-pro-blue input:hover[type="submit"],
    body.agency-pro-blue {
    background-color: #103e62;
    }

    /* Property Listings
    ———————————————————— */
    .property-details {
    background-color: #f5f5f5;
    overflow: hidden;
    margin: 0 0 30px;
    padding: 15px 20px 0;
    }

    .property-details-col1,
    .property-details-col2 {
    float: left;
    margin: 0;
    padding: 0 0 15px;
    width: 50%;
    }

    iframe {
    margin: 0 0 30px;
    }

    /* Featured Listings
    ———————————————————— */
    .listing-wrap {
    float: left;
    font-size: 12px;
    margin: 0 10px 15px;
    position: relative;
    width: 290px;
    }

    .listing-price {
    background: #004356;
    clear: both;
    color: #fff;
    font-size: 16px;
    left: 5px;
    padding: 10px;
    position: absolute;
    top: 5px;
    }

    .listing-text {
    background: #4b8308;
    clear: both;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    position: absolute;
    right: 5px;
    top: 5px;
    }

    .listing-address,
    .listing-city-state-zip {
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 5px;
    padding: 0;
    text-align: center;
    }

    .listing-city-state-zip {
    margin: 0 0 10px;
    }

    .listing-wrap .more-link {
    background-color: #4d637f;
    font-size: 12px;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    width: 90px;
    }

    .listing-wrap .more-link:hover {
    background-color: #004356;
    text-decoration: none;
    }

    .breadcrumb {
    background: #f5f5f5;
    color: #333;
    font-family: ‘Droid Serif’, arial, serif;
    font-size: 12px;
    margin: 0 auto 30px;
    padding: 5px 10px;
    }

    .breadcrumb a,
    .breadcrumb a:visited {
    text-decoration: none;
    }

    .breadcrumb a:hover {
    text-decoration: underline;
    }

    /* Archive Page
    ———————————————————— */
    .archive-page {
    float: left;
    padding: 20px 0 0;
    width: 48%;
    }

    /* Content-Sidebar Wrap
    ———————————————————— */
    #content-sidebar-wrap {
    float: left;
    width: 750px;
    }

    .content-sidebar #content-sidebar-wrap,
    .full-width-content #content-sidebar-wrap,
    .sidebar-content #content-sidebar-wrap {
    width: 920px;
    }

    .sidebar-content-sidebar #content-sidebar-wrap,
    .sidebar-sidebar-content #content-sidebar-wrap {
    float: right;
    }

    .archive.full-width-content #content-sidebar-wrap,
    .home.full-width-content #content-sidebar-wrap,
    .page-template-home-demo-php.full-width-content #content-sidebar-wrap {
    width: 960px;
    }

    .agentpress-landing #content-sidebar-wrap {
    width: 700px;
    }

    /* Content
    ———————————————————— */
    #content {
    float: left;
    padding: 10px;
    width: 430px;
    }

    .content-sidebar #content,
    .sidebar-content #content {
    width: 600px;
    }

    .sidebar-content #content,
    .sidebar-sidebar-content #content {
    float: right;
    }

    .full-width-content #content {
    padding: 0;
    width: 920px;
    }

    .agentpress-landing #content {
    width: 700px;
    }

    .archive.full-width-content #content {
    padding: 15px;
    width: 930px;
    }

    .home.full-width-content #content,
    .page-template-home-demo-php.full-width-content #content {
    width: 960px;
    }

    #89080

    AC
    Blocked
    Post count: 7712

    You need to go back to the Agentpress theme and look for all relevant CSS to agentpress, the listings, the archive and the singles. There’s not enough code in there.

    #89170

    mikemueller
    Participant
    Post count: 47

    Anita – Nope. Just tried the entire style sheet from AgentPress and added it to the bottom of the existing style sheet as well as via the jetpack addon. Still the same issue. :(

    Any ideas?

    #89175

    AC
    Blocked
    Post count: 7712

    Because the Agentpress CSS hasn’t been converted to HTML5, I would really need to have access to the site to work out the code. If you want customization service for me to do this, drop me a note on my website.

    #89189

    mikemueller
    Participant
    Post count: 47

    Will do! Thanks Anita!

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.