Town
About This Attraction
Fira is the capital of Santorini, an island in Greece known for its stunning views and vibrant culture. The town is perched on the edge of a caldera, offering panoramic views of the Aegean Sea and surrounding islands. Fira is home to numerous cafes, restaurants, and shops where visitors can enjoy local cuisine and purchase souvenirs. Many establishments in Fira have varying opening hours, so its advisable to check ahead if you have specific places in mind to visit.
The town also serves as a hub for exploring other parts of Santorini. Public buses and taxis are readily available for those who wish to explore beyond Fira. Additionally, the Archaeological Museum of Thera is located here, showcasing artifacts from the islands ancient history. With its blend of natural beauty and cultural attractions, Fira provides a memorable experience for travelers.
Location Details
Address
Fira, 84700, Santorini, Greece
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
Free
Child
Free
Student
Free
Senior
Free
Opening Hours & Booking
Open
Days
Daily
Hours
Open 24 hours
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
Santorini is renowned for its stunning caldera views, which attract visitors from around the world.…
Learn More
Oia is a picturesque village located on the island of Santorini, Greece, known for its…
Learn More
The Akrotiri Archaeological Site in Santorini is a significant prehistoric settlement that was buried by…
Learn More
Red Beach in Santorini is famous for its striking red volcanic sand and impressive cliffs.…
Learn More
Agios Prokopios Beach in Naxos is a popular destination known for its long stretch of…
Learn More
Antiparos is a small island located near Paros in the Cyclades, Greece. Known for its…
Learn More
Naxos Castle, also known as Kastro, is a historic site located in the heart of…
Learn More
The Portara is a massive marble doorway located on the island of Naxos, Greece. It…
Learn More
Parikia is the capital and main port of the Greek island of Paros, located in…
Learn More
Naoussa is a picturesque fishing village located on the northern coast of Paros, Greece. Known…
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';
}
});
});
}
});