Hanson.xyz Dev
cbeca7c6d8
Property details page: - Move address to header above gallery - Add property type badges (blue residential, red commercial) - Gallery autoplay with play/pause button, 5-second interval - Fade transitions for autoplay, slide transitions for swipe - Thumbnail navigation with sync - Swipe support in gallery and lightbox - Widget titles: 18px Times New Roman bold - Remove breadcrumbs Layout and styling: - Container width: 1400px - Contact page map 50% taller (375px) - Contact info labels: Times New Roman 16px - Agent photo backgrounds solid black - CTA accent button hover: black text Clickable components: - Service cards fully clickable with stretched links - Resource cards fully clickable with stretched links - Addresses link to Google Maps (contact page, footer) Footer updates: - Add Send Us a Message link with paper airplane icon - Replace credentials with legal section - Privacy Policy, Fair Housing, MLS Disclaimer, Brokerage Disclosure links - Credits: Web Design by HansonXyz Other: - Install Classic Editor plugin 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
117 lines
4.8 KiB
PHP
Executable File
117 lines
4.8 KiB
PHP
Executable File
<?php
|
|
/**
|
|
* Property Card Template Part
|
|
*
|
|
* Displays a property in card format for archive views
|
|
*
|
|
* @package HomeProz
|
|
*/
|
|
|
|
// Prevent direct access
|
|
if (!defined('ABSPATH')) {
|
|
exit;
|
|
}
|
|
|
|
// Get property data
|
|
$property_id = get_the_ID();
|
|
$price = get_field('property_price', $property_id);
|
|
$street_address = get_field('street_address', $property_id);
|
|
$city = get_field('city', $property_id);
|
|
$state = get_field('state', $property_id);
|
|
$bedrooms = get_field('bedrooms', $property_id);
|
|
$bathrooms = get_field('bathrooms', $property_id);
|
|
$square_feet = get_field('square_feet', $property_id);
|
|
$short_description = get_field('short_description', $property_id);
|
|
|
|
// Get status from taxonomy
|
|
$status_terms = get_the_terms($property_id, 'property_status');
|
|
$status = $status_terms && !is_wp_error($status_terms) ? $status_terms[0]->name : 'Active';
|
|
$status_class = homeproz_get_status_class($status);
|
|
|
|
// Format address
|
|
$full_address = $street_address;
|
|
if ($city) {
|
|
$full_address .= ', ' . $city;
|
|
}
|
|
if ($state) {
|
|
$full_address .= ', ' . $state;
|
|
}
|
|
?>
|
|
|
|
<article id="property-<?php echo esc_attr($property_id); ?>" data-property-id="<?php echo esc_attr($property_id); ?>" <?php post_class('property-card card'); ?>>
|
|
<a href="<?php the_permalink(); ?>" class="property-card-link-overlay" aria-hidden="true" tabindex="-1"></a>
|
|
<div class="property-card-image">
|
|
<?php if (has_post_thumbnail()) : ?>
|
|
<?php the_post_thumbnail('property-card', array('loading' => 'lazy')); ?>
|
|
<?php else : ?>
|
|
<div class="property-card-placeholder">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
|
|
<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
|
|
<polyline points="9 22 9 12 15 12 15 22"/>
|
|
</svg>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($status) : ?>
|
|
<span class="property-card-badge badge <?php echo esc_attr($status_class); ?>">
|
|
<?php echo esc_html($status); ?>
|
|
</span>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
<div class="property-card-content">
|
|
<div class="property-card-price">
|
|
<?php echo esc_html(homeproz_format_price($price)); ?>
|
|
</div>
|
|
|
|
<h3 class="property-card-title">
|
|
<?php echo esc_html($full_address ?: get_the_title()); ?>
|
|
</h3>
|
|
|
|
<?php if ($bedrooms || $bathrooms || $square_feet) : ?>
|
|
<ul class="property-card-specs">
|
|
<?php if ($bedrooms) : ?>
|
|
<li class="spec-item">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M3 7v11h18V7M3 7V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v3M3 7h18M7 11h4v4H7zM14 11h3"/>
|
|
</svg>
|
|
<span><?php echo esc_html($bedrooms); ?> <?php echo $bedrooms == 1 ? 'Bed' : 'Beds'; ?></span>
|
|
</li>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($bathrooms) : ?>
|
|
<li class="spec-item">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M4 12h16M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7M4 12V6a2 2 0 0 1 2-2h3v2a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4"/>
|
|
</svg>
|
|
<span><?php echo esc_html($bathrooms); ?> <?php echo $bathrooms == 1 ? 'Bath' : 'Baths'; ?></span>
|
|
</li>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($square_feet) : ?>
|
|
<li class="spec-item">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<rect x="3" y="3" width="18" height="18" rx="2"/>
|
|
<path d="M3 9h18M9 3v18"/>
|
|
</svg>
|
|
<span><?php echo esc_html(number_format($square_feet)); ?> sqft</span>
|
|
</li>
|
|
<?php endif; ?>
|
|
</ul>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($short_description) : ?>
|
|
<p class="property-card-excerpt">
|
|
<?php echo esc_html(wp_trim_words($short_description, 15, '...')); ?>
|
|
</p>
|
|
<?php endif; ?>
|
|
|
|
<span class="property-card-link">
|
|
View Details
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M5 12h14M12 5l7 7-7 7"/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</article>
|