Botanical Garden
About This Attraction
Kirstenbosch National Botanical Garden, located in Cape Town, South Africa, is renowned for its stunning collection of indigenous plants. Spanning over 528 hectares, it sits at the eastern foot of Table Mountain and offers a unique glimpse into the regions biodiversity. Visitors can enjoy walking trails, picnic spots, and an elevated tree canopy walk known as the Boomslang. The Kirstenbosch Gardens opening hours are generally from 8 AM to 7 PM during the summer months and 8 AM to 6 PM in winter.
This garden is not only a place to appreciate nature but also a venue for various cultural events. During the summer months, evening concerts are held on the lawns, attracting both locals and tourists. Facilities include a restaurant, tea room, and gift shop, making it convenient for visitors to spend a full day exploring. With its combination of natural beauty and practical amenities, Kirstenbosch is an excellent destination for families and individuals alike.
Location Details
Address
Rhodes Dr, Newlands, Cape Town, 7735, South Africa
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
R220
Child
R30
Student
R50
Senior
R120
Opening Hours & Booking
Open
Days
Monday to Sunday
Hours
08:00 to 19:00
Seasonality
08:00 to 18:00 (Winter)
Booking
Booking Required?
No
Nearby Attractions
Table Mountain is a prominent landmark located in Cape Town, South Africa. Known for its…
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';
}
});
});
}
});