Historic District
About This Attraction
The Pondicherry French Quarter is a charming area known for its colonial architecture and laid-back atmosphere. Visitors can stroll through streets lined with colorful buildings, many of which house cafes, boutiques, and art galleries. The region is particularly famous for its blend of French and Indian influences, offering a unique cultural experience. It is important to note that the Pondicherry French Quarter opening hours vary by establishment, so checking ahead is recommended.
This picturesque part of town is easily accessible and offers several points of interest. The Basilica of the Sacred Heart of Jesus and the Pondicherry Museum are popular stops for sightseers. Additionally, travelers can enjoy leisurely walks along the Promenade Beach nearby. The area caters to both tourists and locals looking for relaxation and exploration in a quaint setting.
Location Details
Address
French Quarter, White Town, Pondicherry, India
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
Free
Child
Free
Student
Free
Senior
Free
Opening Hours & Booking
Open
Days
Monday to Sunday
Hours
Open 24 hours
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
The Rose Garden in Chandigarh, officially known as Zakir Hussain Rose Garden, is one of…
Learn More
The Chinese Fishing Nets in Cochin, also known as Cheena Vala, are an iconic sight…
Learn More
The Aurobindo Ashram in Pondicherry is a spiritual community founded by Sri Aurobindo and Mirra…
Learn More
The ISKCON Temple in Bengaluru is a prominent spiritual and cultural attraction. It is situated…
Learn More
Hussain Sagar Lake is a large man-made lake located in Hyderabad, India, constructed in 1562…
Learn More
Golconda Fort in Hyderabad is a historic site that attracts many visitors due to its…
Learn More
The Salar Jung Museum in Hyderabad is one of the largest art museums in India,…
Learn More
The Charminar in Hyderabad is an iconic structure built in 1591 by Muhammad Quli Qutb…
Learn More
Ramoji Film City, located in Hyderabad, India, is one of the largest film studio complexes…
Learn More
The Elephanta Caves are a UNESCO World Heritage Site located on Elephanta Island in Mumbai…
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';
}
});
});
}
});