Historical Cathedral
About This Attraction
Antigua Guatemala Cathedral, also known as San José Cathedral, is a significant historical landmark located in the heart of Antigua Guatemala. Originally built in 1541, it has endured several earthquakes, which have led to numerous reconstructions over the centuries. Despite these challenges, it remains an important religious and cultural site. Visitors will find the main entrance facing the central park, providing easy access for those exploring the city.
The cathedral is open to visitors throughout the week, offering flexible Antigua Guatemala Cathedral opening hours for tourists and locals alike. Inside, you can view various religious artifacts and appreciate the architecture that reflects its long history. The serene atmosphere makes it a peaceful place for reflection or simply enjoying the surroundings. Remember to check local resources for any changes to visiting times before planning your trip.
Location Details
Address
5a Calle Oriente 5, Antigua Guatemala, Guatemala
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
Free
Child
Free
Student
Free
Senior
Free
Opening Hours & Booking
Open
Days
Monday to Sunday
Hours
9:00 AM to 6:00 PM
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
The Santa Catalina Arch in Antigua Guatemala is one of the citys most iconic landmarks.…
Learn More
Cerro de la Cruz is an iconic viewpoint located in Antigua Guatemala, offering a panoramic…
Learn More
El Jardín in San Miguel de Allende is a central plaza that serves as the…
Learn More
Granada Cathedral, also known as the Cathedral of Our Lady of the Assumption, is located…
Learn More
The Islets of Granada are a group of over 360 small islands located in Lake…
Learn More
Hierve el Agua is a natural site in Oaxaca, Mexico, renowned for its petrified waterfalls.…
Learn More
Lake Nicaragua, also known as Cocibolca or Granada Lake, is the largest lake in Central…
Learn More
The Oaxaca Ethnobotanical Garden is a notable destination located in the heart of Oaxaca City,…
Learn More
Monte Albán is an ancient archaeological site located in Oaxaca, Mexico. This UNESCO World Heritage…
Learn More
Tulum Beach is a popular destination located on the Caribbean coastline of Mexico's Yucatán Peninsula.…
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';
}
});
});
}
});