Cultural Experience
About This Attraction
The Clog Workshop in Zaanse Schans provides visitors with an engaging experience centered around the traditional Dutch craft of clog-making. Situated in a picturesque area close to Amsterdam, this workshop offers daily demonstrations showing how these iconic wooden shoes are made. The Clog Workshop opening hours are typically from 9:00 AM to 5:00 PM, allowing plenty of time for people to plan their visit. With its accessible location and informative presentations, the workshop is a popular attraction for those interested in Dutch culture and history.
In addition to watching skilled artisans at work, visitors can also explore a selection of clogs available for purchase. This includes both traditional designs and modern variations, providing a range of options for souvenirs. The welcoming environment encourages guests of all ages to learn more about this unique aspect of Dutch heritage. Whether youre stopping by as part of a larger tour or simply visiting on your own, the Clog Workshop offers an insightful glimpse into a centuries-old tradition.
Location Details
Address
Kraaienest 4, 1509 AZ Zaandam, Netherlands
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
Free
Child
Free
Student
Free
Senior
Free
Opening Hours & Booking
Open
Days
Daily
Hours
9:00 AM - 5:00 PM
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
Giethoorn, often referred to as the Dutch Venice, is a charming village in the Netherlands…
Learn More
Doolhof in Volendam is an intriguing area known for its narrow alleyways and charming old-style…
Learn More
The Maritime Museum in Rotterdam offers a fascinating look into the citys rich maritime history.…
Learn More
Utrecht University, located in the city of Utrecht in the Netherlands, is one of the…
Learn More
The Rietveld Schröder House in Utrecht is a significant landmark in the world of architecture.…
Learn More
The Dom Tower in Utrecht is a prominent landmark and the tallest church tower in…
Learn More
The Rijksmuseum in Amsterdam is a renowned Dutch national museum dedicated to arts and history.…
Learn More
The Van Gogh Museum in Amsterdam houses the largest collection of Vincent van Goghs paintings…
Learn More
Vondelpark is the largest city park in Amsterdam and a popular destination for both locals…
Learn More
The Anne Frank House in Amsterdam is a historical museum dedicated to the life and…
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';
}
});
});
}
});