Historical Landmark
About This Attraction
The Santa Catalina Arch in Antigua Guatemala is one of the citys most iconic landmarks. Constructed in the 17th century, it originally served as a passageway for cloistered nuns to cross between convent buildings without having to go outside. The arch is located on 5th Avenue North and is easily recognizable by its bright yellow facade and clock tower. Today, visitors can photograph the arch while enjoying views of the nearby Agua Volcano.
Tourists often visit the Santa Catalina Arch during their exploration of Antigua, but its important to note that there are no specific Santa Catalina Arch opening hours, as it is an outdoor structure accessible at any time. However, the best lighting for photos is often found in the early morning or late afternoon. While in the area, visitors can also explore surrounding shops, cafes, and historical sites that contribute to the charm of this UNESCO World Heritage site.
Location Details
Address
5a Avenida Norte, Antigua Guatemala, Guatemala
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
Antigua Guatemala Cathedral, also known as San José Cathedral, is a significant historical landmark located…
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';
}
});
});
}
});