Agency Pro w/ AgentPress Archive Page

[mikemueller]

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/

[AnitaC]

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

---

Need help with customization or troubleshooting? Reach out to me.

[mikemueller]

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();

[AnitaC]

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

---

Need help with customization or troubleshooting? Reach out to me.

[mikemueller]

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;
}

[AnitaC]

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.

---

Need help with customization or troubleshooting? Reach out to me.

[mikemueller]

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?

[AnitaC]

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.

---

Need help with customization or troubleshooting? Reach out to me.

[mikemueller]

Will do! Thanks Anita!

[Author]

Posts