122 Heritage, 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': 'sIc68ej9MRotGv8Nyp0PkSZ8tYEd8kjFDE9Mnm6ONZZjNMfSudSWJMAYv55zYefs', '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 / 37

▶ Virtual Tour

Description

MOTIVATED SELLER!!! Well kept 1680 sf home with 3 bedrooms and two baths conveniently located in Johnson City. This is an older mobile home, but you would never know it! Many custom touches and very cozy home. Entire property is fenced so your family can enjoy both spacious front and back yards. Peaceful front porch to enjoy the beautiful outdoors. Very affordable all within one hour to Austin or San Antonio and 30 minutes to Marble Falls, Dripping Springs and Fredericksburg.