Hvar Town

Hvar Town, located on the island of Hvar in Croatia, is well-known for its stunning landscapes and historical landmarks. The towns central square, Trg Sv.

Hvar

Historic Town

About This Attraction

Hvar

Croatia

Hvar Town, located on the island of Hvar in Croatia, is well-known for its stunning landscapes and historical landmarks. The towns central square, Trg Sv. Stjepana, is a great starting point for exploring. Here, visitors can see St. Stephens Cathedral and enjoy the local cafes. The town is also famous for its 13th-century walls, which provide a glimpse into its past. Its important to check specific Hvar Town opening hours for attractions to plan your visit effectively.

In addition to its historical sites, Hvar Town offers vibrant nightlife and dining experiences. A walk along the harbor reveals an array of restaurants serving local cuisine. For those interested in nature, nearby beaches offer a chance to relax by the Adriatic Sea. Visitors should consider renting a boat to explore the surrounding islands for a day trip. With a mix of culture, history, and natural beauty, Hvar Town provides an enriching experience for all tourists.

Location Details

Address Hvar Town, 21450, Hvar, Croatia

Visitor Information

Pricing & Ratings

Ticket Prices

Adult Free

Child Free

Student Free

Senior Free

Ratings

Overall Rating

8.7/10

Crowd Level

8.0/10

Opening Hours & Booking

Open

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

9.2/10

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

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

Hvar Town

About This Attraction

Location Details

Visitor Information

Pricing & Ratings

Ticket Prices

Ratings

Overall Rating

Crowd Level

Opening Hours & Booking

Open

Booking

Nearby Attractions

Pakleni Islands

Vis Town

Stiniva Beach

Diocletian's Palace

Blue Cave

Marjan Hill

Korčula Old Town

Marco Polo Museum

Stari Most

Koski Mehmed Pasha Mosque

Reset Password