501 Ranchview, Johnson City, TX 78636 | Col Realty  <div id="share-modal" class="share-modal-overlay" onclick="if(event.target===this)closeShare()"> <div class="share-modal-box"> <button class="share-modal-close" onclick="closeShare()">×</button> <h3 class="share-modal-title">Share this home</h3> <p id="share-modal-address" class="share-modal-address"></p> <div class="share-options"> <button class="share-opt" onclick="shareVia('copy')"><span class="share-opt-icon">🔗</span><span>Copy link</span></button> <button class="share-opt" onclick="shareVia('email')"><span class="share-opt-icon">✉️</span><span>Email</span></button> <button class="share-opt" onclick="shareVia('text')"><span class="share-opt-icon">💬</span><span>Text</span></button> <button class="share-opt" onclick="shareVia('facebook')"><span class="share-opt-icon" style="background:#1877f2;color:#fff;border-radius:50%;font-weight:700;font-size:16px;">f</span><span>Facebook</span></button> <button class="share-opt" onclick="shareVia('twitter')"><span class="share-opt-icon" style="background:#000;color:#fff;border-radius:50%;font-size:14px;font-weight:700;">𝕏</span><span>X / Twitter</span></button> <button class="share-opt" onclick="shareVia('whatsapp')"><span class="share-opt-icon">📱</span><span>WhatsApp</span></button> </div> <div id="share-copy-confirm" class="share-copy-confirm" style="display:none;">✅ Link copied to clipboard!</div> </div> </div> <script> const IS_AUTHENTICATED = false; // ── Favorites ────────────────────────────────────────────────────── function handleFavorite(btn, listingId) { if (!IS_AUTHENTICATED) { const modal = document.getElementById('login-modal'); if (modal) modal.style.display = 'flex'; return; } fetch('/accounts/favorite/' + listingId + '/', { method: 'POST', headers: { 'X-CSRFToken': 'k4sa7D8X2buZ4sx8jfcUDfiQyF0pJ6vY3PNI9QCE91J2CGkFNgYmWJPRr0uXd053', 'Content-Type': 'application/json' } }) .then(r => r.json()) .then(data => { const saved = data.status === 'added'; btn.classList.toggle('saved', saved); const svg = btn.querySelector('svg'); svg.setAttribute('fill', saved ? '#e02020' : 'none'); svg.setAttribute('stroke', saved ? '#e02020' : 'currentColor'); }); } // ── Sticky nav: show Save/Share when topbar scrolls away ────────── document.addEventListener('DOMContentLoaded', function() { const topbar = document.querySelector('.cr-topbar'); const navActions = document.getElementById('cr-nav-actions'); if (topbar && navActions) { const observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (!entry.isIntersecting) { navActions.classList.add('visible'); } else { navActions.classList.remove('visible'); } }); }, { threshold: 0, rootMargin: '-80px 0px 0px 0px' }); observer.observe(topbar); } // Sync favorite state between topbar btn and nav btn const topFav = document.getElementById('detail-fav-btn'); const navFav = document.getElementById('nav-fav-btn'); if (topFav && navFav) { const origHandle = topFav.onclick; topFav.onclick = function(e) { handleFavorite(topFav, topFav.dataset.id || topFav.getAttribute('onclick').match(/\d+/)?.[0]); }; // Keep nav fav in sync when topbar fav changes const syncFav = function(mutations) { navFav.className = topFav.className; const svg = topFav.querySelector('svg'); const navSvg = navFav.querySelector('svg'); if (svg && navSvg) { navSvg.setAttribute('fill', svg.getAttribute('fill')); navSvg.setAttribute('stroke', svg.getAttribute('stroke')); } }; new MutationObserver(syncFav).observe(topFav, { attributes: true, subtree: true, attributeFilter: ['class', 'fill', 'stroke'] }); } // Section nav active link on scroll const sections = document.querySelectorAll('[id]'); const navLinks = document.querySelectorAll('.cr-nav a'); const navWrapH = 80 + (document.querySelector('.cr-nav-wrap')?.offsetHeight || 48); window.addEventListener('scroll', function() { let current = ''; sections.forEach(function(sec) { if (window.scrollY >= sec.offsetTop - navWrapH - 20) { current = sec.id; } }); navLinks.forEach(function(a) { a.classList.remove('active'); if (a.getAttribute('href') === '#' + current) a.classList.add('active'); }); }, { passive: true }); }); // ── Share ────────────────────────────────────────────────────────── let _shareUrl = '', _shareAddress = ''; function openShare(address, path) { _shareAddress = address; _shareUrl = window.location.origin + path; document.getElementById('share-modal-address').textContent = address; document.getElementById('share-copy-confirm').style.display = 'none'; document.getElementById('share-modal').style.display = 'flex'; } function closeShare() { document.getElementById('share-modal').style.display = 'none'; } function shareVia(method) { const url = encodeURIComponent(_shareUrl); const text = encodeURIComponent('Check out this home: ' + _shareAddress); if (method === 'copy') { navigator.clipboard.writeText(_shareUrl).then(() => { document.getElementById('share-copy-confirm').style.display='block'; setTimeout(()=>document.getElementById('share-copy-confirm').style.display='none',2500); }); } else if (method === 'email') { window.open('mailto:?subject=Check out this home&body=' + text + '%0A' + url); } else if (method === 'text') { window.open('sms:?body=' + text + '%20' + url); } else if (method === 'facebook') { window.open('https://www.facebook.com/sharer/sharer.php?u=' + url, '_blank'); } else if (method === 'twitter') { window.open('https://twitter.com/intent/tweet?text=' + text + '&url=' + url, '_blank'); } else if (method === 'whatsapp') { window.open('https://wa.me/?text=' + text + '%20' + url, '

1 / 28

▶ Virtual Tour

Description

Welcome to 501 Ranchview Dr in the heart of Johnson City’s established Ranchers Estates neighborhood—a thoughtfully designed, high-performance home that blends modern style with exceptional craftsmanship. Situated on a desirable corner lot in an established neighborhood, this open-concept residence features soaring 12’ ceilings with architectural beams in the great room and 10’ ceilings throughout, complemented by solid core 8’ interior doors, engineered hardwood floors, custom craftsman trim, and abundant natural light. The large gourmet kitchen is outfitted with quartz countertops, custom cabinetry, premium appliances, and a walk-in pantry. In addition, all bedrooms offer walk-in closets with built-in shelving. Enjoy three covered porches for a seamless indoor-outdoor lifestyle. Built with efficiency and durability in mind, the home includes spray foam insulation, air-conditioned HVAC system in the attic, ZIP System sheathing and underlayment, a metal roof, and a high-efficiency 18 SEER variable-speed heat pump. Smart infrastructure such as Cat6/RG5 wiring is run throughout the home, a central structured panel, and conduit for future needs ensures modern connectivity. Located just minutes from the Johnson City square and within easy reach of Austin and San Antonio, this property delivers upscale Hill Country living with meticulous attention to detail at every level.