Marina
About This Attraction
Albufeira Marina is a popular destination in Portugal offering a variety of attractions and activities for visitors. The marina is known for its colorful buildings, making it a picturesque spot for tourists and locals alike. Visitors can enjoy various water sports, including sailing and kayaking, or simply relax at one of the many cafes and restaurants overlooking the harbor. Additionally, Albufeira Marinas opening hours accommodate early morning and late evening visits, allowing guests to plan their day flexibly.
The marina also serves as a starting point for several boat tours, providing opportunities to explore the coastline. These tours often include stops at nearby caves and beaches, offering unique views of the region's natural beauty. Beyond recreational activities, the marina area includes essential services such as rental shops and information centers to assist travelers. This makes Albufeira Marina not only a leisure destination but also a convenient hub for maritime adventures.
Location Details
Address
Alameda da Orada, 8200-394 Albufeira, Portugal
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
Free
Child
Free
Student
Free
Senior
Free
Opening Hours & Booking
Open
Days
Daily
Hours
09:00 - 18:00
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
Albufeira Old Town is a charming area located in the Algarve region of Portugal. Known…
Learn More
Zoomarine in Albufeira is a popular marine theme park that offers a variety of attractions…
Learn More
Praia da Falésia is a stunning beach located in Albufeira, Portugal. Stretching over six kilometers,…
Learn More
Alfama is one of the oldest neighborhoods in Lisbon, known for its narrow streets and…
Learn More
Belem Tower, officially known as the Tower of Saint Vincent, is a fortified structure located…
Learn More
Jeronimos Monastery in Lisbon is a stunning example of Manueline architecture, a style unique to…
Learn More
Seville Cathedral, officially known as the Cathedral of Saint Mary of the See, is located…
Learn More
The Alcázar of Seville is a stunning example of Mudejar architecture, showcasing the cultural history…
Learn More
Plaza de España in Seville is a notable landmark and a prime example of the…
Learn More
Pena Palace in Sintra, Portugal, is a renowned architectural landmark and one of the Seven…
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';
}
});
});
}
});