Cathedral
About This Attraction
St. Stephens Cathedral in Vienna is a significant landmark that embodies the citys architectural heritage. Its construction began in the 12th century, and it showcases a blend of Romanesque and Gothic styles. The cathedrals iconic south tower, known as the Steffl, stands at an impressive 136 meters and offers breathtaking views of Vienna. Inside, visitors can explore the catacombs and admire intricate details like the massive organ and ornate altars.
For those planning a visit, St. Stephens Cathedral, Vienna opening hours are essential to know. Typically, the cathedral is open from early morning until late evening, allowing ample time for exploration. Guided tours are available, providing deeper insights into its history and architecture. Its advisable to check for any special events or services that might affect visiting times.
Location Details
Address
Stephansplatz 3, 1010 Vienna, Austria
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
Free entry, guided tours €6
Child
Free entry, guided tours €2.50
Student
Free entry, guided tours €4
Senior
Free entry, guided tours €4
Opening Hours & Booking
Open
Days
Monday to Sunday
Hours
6:00 AM to 10:00 PM
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
The Belvedere Museum in Vienna is renowned for its impressive collection of art, including works…
Learn More
Schönbrunn Palace in Vienna is a UNESCO World Heritage Site and one of Austrias most…
Learn More
The Czech Old Town in Český Krumlov is a well-preserved historical area that attracts visitors…
Learn More
Český Krumlov Castle is a significant historical landmark located in the town of Český Krumlov…
Learn More
The Egon Schiele Art Centrum in Český Krumlov is a museum dedicated to the works…
Learn More
Vintgar Gorge is a popular natural attraction located near Bled, Slovenia. It stretches approximately 1.6…
Learn More
Bled Castle is a historical fortress perched on a cliff overlooking Lake Bled in Slovenia.…
Learn More
Lake Bled is a popular tourist destination located in the town of Bled, Slovenia. The…
Learn More
Dragon Bridge is a well-known landmark in Ljubljana, the capital of Slovenia. It was completed…
Learn More
Preseren Square in Ljubljana is a central point of the city and a common meeting…
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';
}
});
});
}
});