Beach
About This Attraction
Sunset Beach on Koh Rong Sanloem is known for its pristine sandy shores and tranquil atmosphere. Located on the western side of the island, it offers a perfect spot for those looking to relax away from the busier beaches. The beach is accessible by foot through a jungle path or by boat, providing a sense of adventure for visitors. Its important to note that Sunset Beach does not have specific opening hours, as it is a natural location open to the public at any time.
Accommodations on Sunset Beach range from simple bungalows to more comfortable resorts, catering to different preferences and budgets. Visitors can enjoy swimming, snorkeling, or simply sunbathing while taking in the beautiful views of the sunset. Basic facilities are available, but it is advisable to bring essentials as options can be limited. Overall, Sunset Beach provides a serene environment for those looking to unwind and enjoy nature.
Location Details
Address
Sunset Beach, Koh Rong Sanloem, Cambodia
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
Free
Child
Free
Student
Free
Senior
Free
Opening Hours & Booking
Open
Days
Daily
Hours
24 hours
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
Phnom Sampeau is a notable hill in Battambang, Cambodia, known for its historical and cultural…
Learn More
Wat Banan Temple is a historical site located in Battambang, Cambodia. The temple dates back…
Learn More
Wat Phnom is a significant historical and cultural site in Phnom Penh, Cambodia. It stands…
Learn More
The Phnom Penh Royal Palace is a stunning complex in Cambodias capital city that serves…
Learn More
The Tuol Sleng Genocide Museum in Phnom Penh is a stark reminder of Cambodias tragic…
Learn More
Pub Street in Siem Reap is a popular destination for both locals and tourists looking…
Learn More
Ta Prohm is a famous temple located in Siem Reap, Cambodia, known for the large…
Learn More
Angkor Wat, located in Siem Reap, Cambodia, is one of the largest religious monuments in…
Learn More
Angkor Thom, located in Siem Reap, Cambodia, is a historical site known for its remarkable…
Learn More
The Bamboo Train in Battambang is a unique and intriguing form of rural transportation in…
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';
}
});
});
}
});