Historical Monument
About This Attraction
The Portara is a massive marble doorway located on the island of Naxos, Greece. It stands as the only remaining part of an unfinished temple dedicated to Apollo and dates back to the 6th century BC. The structure is situated on a small islet that is connected to Naxos by a causeway, offering visitors an impressive view of both the sea and the town of Naxos. The site is open to the public with no entrance fee, making it accessible for all visitors interested in exploring this historical landmark. However, its essential to check the Portara opening hours before planning your visit, as these can vary depending on the season.
Visitors often enjoy visiting the Portara around sunset when the natural lighting enhances its grandeur against the sky. This time of day also offers a great opportunity for photography, capturing both the structure and its surroundings. Besides being a popular tourist attraction, the Portara serves as a symbol of Naxos and is visible from various points around the island. Whether traveling alone or with family, anyone can appreciate its beauty and historical significance. Remember to wear comfortable shoes, as the path leading up to the monument can be uneven.
Location Details
Address
Palatia Islet, Naxos, Greece
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
Free
Child
Free
Student
Free
Senior
Free
Opening Hours & Booking
Open
Days
Daily
Hours
24 hours
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
Naxos Castle, also known as Kastro, is a historic site located in the heart of…
Learn More
Agios Prokopios Beach in Naxos is a popular destination known for its long stretch of…
Learn More
Naoussa is a picturesque fishing village located on the northern coast of Paros, Greece. Known…
Learn More
Kolymbithres Beach, located on the island of Paros in Greece, is known for its unique…
Learn More
Parikia is the capital and main port of the Greek island of Paros, located in…
Learn More
Antiparos is a small island located near Paros in the Cyclades, Greece. Known for its…
Learn More
Delos Island in Mykonos is a site of great historical significance, known for its archaeological…
Learn More
Paradise Beach in Mykonos is one of the most famous beaches on the island, known…
Learn More
Little Venice in Mykonos is a picturesque area known for its charming waterfront houses that…
Learn More
Oia is a picturesque village located on the island of Santorini, Greece, known for its…
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';
}
});
});
}
});