Historic District

About This Attraction

Dubrovnik Croatia

Old Town in Dubrovnik is a historical area surrounded by well-preserved medieval walls. These walls offer stunning views and are open to visitors, with Old Town opening hours typically from early morning until late afternoon, depending on the season. Within its boundaries, youll find cobblestone streets lined with historic buildings, such as the Rectors Palace and Sponza Palace, which reflect the citys rich history.

The central street, Stradun, is a popular spot for tourists to stroll and enjoy local shops and cafes. Numerous museums and churches provide insight into the cultural heritage of Dubrovnik. Public transportation makes it easy to access Old Town from other parts of the city, though walking is the best way to experience its charm and history.

Location Details

Address Old Town, Dubrovnik, Croatia

Visitor Information

Pricing & Ratings

Ticket Prices

Adult 35

Child 15

Student 25

Senior 30

Ratings

Overall Rating

9.5/10

Crowd Level

9.0/10

Opening Hours & Booking

Open

Days Daily

Hours 24 hours

Seasonality Year-round

Booking

Booking Required? No

Nearby Attractions

Showing 10 of 20 attractions

Miles Kilometers

City Walls

Historical Site

The City Walls of Dubrovnik are one of the most prominent features of this historic…

9.5/10

Distance: 0.3 km 0.2 mi

Dubrovnik

Learn More

Lokrum Island

Nature Reserve

Lokrum Island, located just a short ferry ride from Dubrovnik, Croatia, offers visitors a peaceful…

8.5/10

Distance: 1.2 km 0.7 mi

Dubrovnik

Learn More

Bay of Kotor

Natural

The Bay of Kotor is a stunning coastal region located in southwestern Montenegro. Known for…

9.5/10

Distance: 50.3 km 31.3 mi

Kotor

Learn More

Kotor Old Town

Historic Site

Kotor Old Town is a well-preserved medieval town located in Montenegro, known for its winding…

9.3/10

Distance: 59.2 km 36.8 mi

Kotor

Learn More

St. Tryphon Cathedral

Cathedral

St. Tryphon Cathedral is a significant historical site located in Kotor, Montenegro. Built in 1166,…

8.5/10

Distance: 59.3 km 36.8 mi

Kotor

Learn More

Blagaj Tekke

Historical Site

The Blagaj Tekke is a historic Dervish monastery located near the town of Mostar in…

8.5/10

Distance: 70.6 km 43.9 mi

Mostar

Learn More

Stari Most

Historic Bridge

Stari Most, also known as the Old Bridge, is a significant historical landmark in Mostar,…

9.2/10

Distance: 81.1 km 50.4 mi

Mostar

Learn More

Koski Mehmed Pasha Mosque

Historical Mosque

The Koski Mehmed Pasha Mosque is an important historical site located in Mostar, Bosnia and…

8.5/10

Distance: 81.2 km 50.5 mi

Mostar

Learn More

Marco Polo Museum

Museum

The Marco Polo Museum in Korčula is dedicated to the life and travels of the…

7.5/10

Distance: 87.1 km 54.1 mi

Korčula

Learn More

Korčula Old Town

Historic Site

Korčula Old Town is a charming historic area located on the island of Korčula in…

9.2/10

Distance: 87.2 km 54.2 mi

Korčula

Learn More

Travel Information Notice: Information on this page is for general reference only and may not reflect current conditions. Please see our Travel Information Disclaimer for important notices regarding: I. Data sources and limitations; II. Safety information accuracy; III. Recommendation scope; IV. Traveler responsibilities; V. Terms of use. Last updated: July 24, 2025.

"; } // 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'; } }); }); } });