Historical Site
About This Attraction
Dorp Street in Stellenbosch is one of the oldest streets in South Africa, showcasing a mix of architectural styles from different eras. Visitors walking along Dorp Street can see well-preserved examples of Cape Dutch buildings, which provide a glimpse into the regions history. In addition to its historical significance, the street is lined with cafes, boutiques, and art galleries, offering a variety of activities for tourists and locals alike.
For practical Dorp Street travel information, visitors should note that the area is pedestrian-friendly, making it easy to explore on foot. Parking is available nearby, but it can be limited during peak times. Public transportation options are also accessible for those looking to explore further. Whether youre visiting for its historical sites or modern amenities, Dorp Street offers a unique experience in the heart of Stellenbosch.
Location Details
Address
Dorp St, Stellenbosch Central, Stellenbosch, 7600, South Africa
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
Free
Child
Free
Student
Free
Senior
Free
Opening Hours & Booking
Open
Days
Open 24 hours
Hours
All day
Seasonality
Open all year round
Booking
Booking Required?
No
Nearby Attractions
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
Kirstenbosch National Botanical Garden, located in Cape Town, South Africa, is renowned for its stunning…
Learn More
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
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';
}
});
});
}
});