Basilica

About This Attraction

Barcelona Spain

The Sagrada Familia is a renowned basilica located in Barcelona, Spain, designed by the architect Antoni Gaudí. It is famous for its unique architectural style that combines Gothic and Art Nouveau forms. Construction began in 1882 and continues to this day, making it one of the longest-running architectural projects in history. Visitors can marvel at its intricate facades and stunning interior, which features towering columns and colorful stained glass windows.

For those planning a visit, its important to note the Sagrada Familia opening hours, which typically range from 9:00 AM to 8:00 PM, though these may vary depending on the season. Tickets should be purchased in advance due to high demand. The site also offers guided tours that provide deeper insights into its history and design. Remember to dress modestly as it is a place of worship.

Location Details

Address Carrer de Mallorca, 401, 08013 Barcelona, Spain

Visitor Information

Pricing & Ratings

Ticket Prices

Adult 26 EUR

Child Free (under 11 years)

Student 24 EUR

Senior 21 EUR

Ratings

Overall Rating

9.5/10

Crowd Level

9.0/10

Opening Hours & Booking

Open

Days Monday to Sunday

Hours 9:00 AM to 8:00 PM

Seasonality Reduced hours in winter

Booking

Booking Required? Yes

Book Your Visit

*Prices may vary. Check official website for the most up-to-date information.

Nearby Attractions

Showing 10 of 33 attractions

Miles Kilometers

La Rambla

Street

La Rambla is a famous street in the heart of Barcelona, Spain, stretching about 1.2…

8.5/10

Distance: 2 km 1.2 mi

Barcelona

Learn More

Park Güell

Public Park

Park Güell is a famous public park in Barcelona, designed by the renowned architect Antoni…

9.2/10

Distance: 2.2 km 1.4 mi

Barcelona

Learn More

Caldea Spa

Spa

Caldea Spa in Andorra la Vella is a renowned thermal spa complex that offers a…

8.5/10

Distance: 133.9 km 83.2 mi

Andorra la Vella

Learn More

Casa de la Vall

Historic Building

Casa de la Vall is an important historic building located in Andorra la Vella, the…

8.5/10

Distance: 134 km 83.3 mi

Andorra la Vella

Learn More

Andorra la Vella Historic Centre

Historic District

The Andorra la Vella Historic Centre is a charming area in the capital of Andorra,…

8.5/10

Distance: 134 km 83.3 mi

Andorra la Vella

Learn More

Alcudia Old Town

Historic Site

Alcudia Old Town in Mallorca offers a glimpse into the islands past with its well-preserved…

8.5/10

Distance: 190.1 km 118.1 mi

Mallorca

Learn More

Serra de Tramuntana

Mountain Range

The Serra de Tramuntana is a mountain range in Mallorca, Spain, known for its stunning…

9.5/10

Distance: 206.3 km 128.2 mi

Mallorca

Learn More

Palma Cathedral

Historical Landmark

Palma Cathedral, also known as La Seu, is an iconic landmark in Mallorca, Spain. Constructed…

9.2/10

Distance: 208.1 km 129.3 mi

Mallorca

Learn More

Cuevas del Drach

Cave System

The Cuevas del Drach, located on the eastern coast of Mallorca, Spain, are a series…

8.5/10

Distance: 229.6 km 142.7 mi

Mallorca

Learn More

Cala Comte

Beach

Cala Comte is a popular beach located on the western coast of Ibiza, known for…

9.2/10

Distance: 283.3 km 176 mi

Ibiza

Learn More

Travel Information Notice: Information on this page is for general reference only and may not reflect current conditions. Please see our Travel Information Disclaimer for important notices regarding: I. Data sources and limitations; II. Safety information accuracy; III. Recommendation scope; IV. Traveler responsibilities; V. Terms of use. Last updated: July 24, 2025.

"; } // 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'; } }); }); } });