Botanical Garden
About This Attraction
The Exotic Garden in Èze is a stunning botanical garden located in the picturesque village of Èze, France. It is perched on a hilltop offering breathtaking views of the Mediterranean Sea and the surrounding landscape. The garden is home to an impressive collection of succulents and exotic plants, which thrive in the regions warm climate. Visitors can stroll through the well-maintained paths and enjoy the peaceful atmosphere while learning about various plant species.
In addition to its botanical beauty, the Exotic Garden also features historical ruins of a medieval castle that enhance its charm. For those planning a visit, its important to check the Exotic Garden opening hours as they may vary by season. The garden provides informative displays and signs to guide visitors through its diverse plant collections. Overall, it is a serene destination suitable for people of all ages interested in nature and history.
Location Details
Address
Rue du Château, 06360 Èze, France
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
6
Child
3
Student
4
Senior
5
Opening Hours & Booking
Open
Days
Daily
Hours
09:00 - 18:00
Seasonality
Closed in November
Booking
Booking Required?
No
Nearby Attractions
The Fragonard Perfume Factory in Èze is a notable destination for those interested in the…
Learn More
Château dAnnecy is a historic castle located in the picturesque town of Annecy in southeastern…
Learn More
Jardins de lEurope in Annecy is a picturesque park located on the shores of Lake…
Learn More
Lake Annecy is located in the Haute-Savoie region of France, near the city of Annecy.…
Learn More
The Van Gogh Foundation in Arles is dedicated to celebrating the works and legacy of…
Learn More
Arles Amphitheatre, located in the city of Arles in southern France, is a well-preserved Roman…
Learn More
The Alyscamps in Arles is a significant ancient necropolis that dates back to Roman times.…
Learn More
Caldea Spa in Andorra la Vella is a renowned thermal spa complex that offers a…
Learn More
Casa de la Vall is an important historic building located in Andorra la Vella, the…
Learn More
The Andorra la Vella Historic Centre is a charming area in the capital of Andorra,…
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';
}
});
});
}
});