Community Forums › Forums › Archived Forums › Design Tips and Tricks › Agency Pro w/ AgentPress Archive Page
- This topic has 8 replies, 2 voices, and was last updated 10 years, 2 months ago by mikemueller.
-
AuthorPosts
-
February 6, 2014 at 8:18 pm #89050mikemuellerParticipant
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/February 6, 2014 at 9:38 pm #89061AnitaKeymasterThat page is generated by the archive-listings.php page. Did you create one?
Love coffee, chocolate and my Bella!
February 6, 2014 at 9:40 pm #89062mikemuellerParticipantHi 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();
February 6, 2014 at 10:04 pm #89063AnitaKeymasterOkay, so now... did you copy over the CSS from the Agentpress theme to your CSS? I don't see it in there.
Love coffee, chocolate and my Bella!
February 6, 2014 at 10:11 pm #89067mikemuellerParticipantNot 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;
}February 6, 2014 at 10:46 pm #89080AnitaKeymasterYou 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.
Love coffee, chocolate and my Bella!
February 7, 2014 at 12:43 pm #89170mikemuellerParticipantAnita - 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?
February 7, 2014 at 1:02 pm #89175AnitaKeymasterBecause 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.
Love coffee, chocolate and my Bella!
February 7, 2014 at 1:53 pm #89189mikemuellerParticipantWill do! Thanks Anita!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.