Scenic Village
About This Attraction
Oia is a picturesque village located on the island of Santorini, Greece, known for its stunning sunsets and white-washed buildings with blue domes. It sits atop a cliff, offering breathtaking views of the Aegean Sea. Visitors can explore narrow streets filled with shops, cafes, and art galleries that reflect the local culture. Oia opening hours for most shops and restaurants vary but typically align with tourist peak times, generally from mid-morning to late evening.
The village is also home to several attractions, including the Maritime Museum and beautiful churches like Panagia Platsani. Public transportation and taxis are available for easy access to other parts of the island. While visiting Oia, its important to wear comfortable shoes due to its steep pathways. This scenic destination provides an ideal setting for photography enthusiasts and those interested in Greek history and architecture.
Location Details
Address
Oia, 847 02, 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
Fira is the capital of Santorini, an island in Greece known for its stunning views…
Learn More
Santorini is renowned for its stunning caldera views, which attract visitors from around the world.…
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';
}
});
});
}
});