Historical City
About This Attraction
Trier, located in the scenic Moselle Valley of Germany, is renowned for its well-preserved Roman architecture. The citys most famous landmark, the Porta Nigra, is the largest Roman city gate north of the Alps and offers visitors a glimpse into ancient history. In addition to historical sites, Trier also features beautiful churches and a vibrant marketplace where travelers can enjoy local foods and crafts.
For those seeking practical Trier travel information, its helpful to know that the city is easily accessible by train from major German cities like Frankfurt and Cologne. Public transportation within Trier is efficient, making it simple to explore all key attractions. Moreover, various guided tours are available for tourists interested in learning more about the city's rich history and cultural offerings.
Location Details
Address
Trier, Rhineland-Palatinate, Germany
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
12 EUR
Child
6 EUR
Student
8 EUR
Senior
10 EUR
Opening Hours & Booking
Open
Days
Monday to Sunday
Hours
10:00 AM to 6:00 PM
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
Bernkastel-Kues is a charming town located in the Moselle Valley, Germany. Known for its medieval…
Learn More
The Casemates du Bock in Luxembourg City is a remarkable historical site featuring a network…
Learn More
The Grand Ducal Palace in Luxembourg City is the official residence of the Grand Duke,…
Learn More
Luxembourg Old Town, located in Luxembourg City, is an area rich in history and culture.…
Learn More
Cochem Castle, located in the scenic Moselle Valley of Germany, offers visitors a glimpse into…
Learn More
The Moselle River Cruises take passengers through the scenic Moselle Valley, which is known for…
Learn More
Maison Leffe, located in Dinant, Belgium, is a museum dedicated to the history and production…
Learn More
The Citadel of Dinant is a historic fortress located in the town of Dinant, Belgium.…
Learn More
The Collegiate Church of Notre Dame in Dinant is a notable landmark with its striking…
Learn More
The St. Pietersberg Caves in Maastricht are a fascinating network of tunnels and passageways with…
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';
}
});
});
}
});