Natural Landmark
About This Attraction
Table Mountain is a prominent landmark located in Cape Town, South Africa. Known for its flat-topped shape, it rises approximately 1,086 meters above sea level and offers breathtaking views of the city and surrounding ocean. Visitors can reach the summit via a cable car or by hiking one of the many trails available. The mountain is part of Table Mountain National Park, which is home to a variety of flora and fauna, making it a favorite spot for nature enthusiasts.
For those planning a visit, its important to check the weather conditions as they can change rapidly. The cable car operates daily but may be closed during adverse weather. Additionally, visitors should wear comfortable walking shoes and bring water if they plan to hike. Table Mountain travel information suggests visiting early in the day to avoid crowds and enjoy cooler temperatures. This ensures a more enjoyable experience while taking in the stunning scenery.
Location Details
Address
Table Mountain National Park, Cape Town, 8001, South Africa
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
R395
Child
R195
Student
R295
Senior
R295
Opening Hours & Booking
Open
Days
Monday to Sunday
Hours
8:00 AM to 8:00 PM
Seasonality
Varies by season
Booking
Booking Required?
Yes
Book Your Visit
*Prices may vary. Check official website for the most up-to-date information.
Nearby Attractions
Kirstenbosch National Botanical Garden, located in Cape Town, South Africa, is renowned for its stunning…
Learn More
Robben Island, located off the coast of Cape Town, South Africa, is a significant historical…
Learn More
Dorp Street in Stellenbosch is one of the oldest streets in South Africa, showcasing a…
Learn More
Stellenbosch University is located in Stellenbosch, South Africa. It is one of the oldest universities…
Learn More
Jonkershoek Nature Reserve is located in the scenic Jonkershoek Valley near Stellenbosch, South Africa. The…
Learn More
The Golden Mile in Durban is a well-known stretch of beachfront, approximately 6 kilometers long,…
Learn More
Stellenbosch is home to a wide range of wine estates, each offering unique experiences amid…
Learn More
Soweto, short for South Western Townships, is located in Johannesburg, South Africa. It is known…
Learn More
The Apartheid Museum in Johannesburg is a significant historical site dedicated to illustrating the rise…
Learn More
Gold Reef City in Johannesburg is a popular theme park and entertainment destination built on…
Learn More
";
}
// Initialize modal controls
const initModalControls = function() {
console.log('Initializing modal controls');
const modal = document.getElementById('attraction-modal');
const closeBtn = document.querySelector('.attraction-modal-close');
if (closeBtn) {
closeBtn.addEventListener('click', function() {
modal.style.display = 'none';
document.body.style.overflow = '';
});
}
window.addEventListener('click', function(event) {
if (event.target === modal) {
modal.style.display = 'none';
document.body.style.overflow = '';
}
});
// Make attraction cards clickable
const attractionCards = document.querySelectorAll('.attraction-card');
console.log('Found ' + attractionCards.length + ' attraction cards');
attractionCards.forEach(card => {
card.addEventListener('click', function(e) {
openModalWithCardData(this);
});
});
};
// Function to open modal with card data
const openModalWithCardData = function(card) {
// Get data from hidden div
const data = card.querySelector('.attraction-full-data');
if (!data) {
console.error('No attraction data found in card');
return;
}
const modal = document.getElementById('attraction-modal');
if (!modal) {
console.error('Modal element still not found after creation attempt');
return;
}
// Helper function to safely get element text
function getElementText(selector) {
const element = data.querySelector(selector);
return element ? element.textContent : '';
}
try {
// Basic Info
document.getElementById('attraction-modal-title').textContent = getElementText('.attraction-name');
document.getElementById('attraction-modal-type').textContent = getElementText('.attraction-type-full');
document.getElementById('attraction-modal-description').textContent = getElementText('.attraction-description-full');
// Reset all containers to hidden
['attraction-modal-hours-container', 'attraction-modal-price-container',
'attraction-modal-address-container', 'attraction-modal-image-container'].forEach(id => {
const container = document.getElementById(id);
if (container) container.style.display = 'none';
});
// Rating
const ratingText = getElementText('.attraction-rating-full');
if (ratingText) {
const ratingValue = parseFloat(ratingText);
if (!isNaN(ratingValue)) {
const ratingValueEl = document.getElementById('attraction-modal-rating-value');
const ratingFillEl = document.getElementById('attraction-modal-rating-fill');
if (ratingValueEl) ratingValueEl.textContent = ratingValue.toFixed(1) + '/10';
if (ratingFillEl) ratingFillEl.style.width = (ratingValue * 10) + '%';
}
}
// Show the modal
modal.style.display = 'block';
document.body.style.overflow = 'hidden'; // Prevent background scrolling
console.log('Modal opened successfully');
} catch (error) {
console.error('Error opening modal:', error);
}
};
// Try to create the modal
const created = createModal();
console.log('Modal created:', created);
// If not created (already exists), initialize the controls
if (!created) {
initModalControls();
}
// Also initialize distance toggle
const distanceToggle = document.getElementById('distance-unit-toggle');
if (distanceToggle) {
distanceToggle.addEventListener('change', function() {
const showKm = this.checked;
// Update toggle labels
const labels = document.querySelectorAll('.toggle-label');
if (labels.length >= 2) {
labels[0].style.opacity = showKm ? '0.5' : '1';
labels[1].style.opacity = showKm ? '1' : '0.5';
}
// Update all distance displays
document.querySelectorAll('.nearby-attraction-card').forEach(card => {
const kmEl = card.querySelector('.distance-km');
const miEl = card.querySelector('.distance-mi');
if (kmEl && miEl) {
kmEl.style.display = showKm ? 'inline' : 'none';
miEl.style.display = showKm ? 'none' : 'inline';
}
});
});
}
});