document.addEventListener("DOMContentLoaded", function() { // 1. ตรวจสอบและสร้างโครงสร้างกล่องโลโก้สำหรับพิมพ์ (วางไว้บนสุดของ Body นอกโครงสร้าง Elementor) if (!document.getElementById('print-global-header')) { const headerDiv = document.createElement('div'); headerDiv.id = 'print-global-header'; const logoImg = document.createElement('img'); logoImg.src = 'https://kreidenhuber.at/wp-content/uploads/2023/01/logo_kreidenhuber_2022_08.07.22-2048x775.png'; logoImg.className = 'print-main-logo'; headerDiv.appendChild(logoImg); document.body.prepend(headerDiv); // เอาไปแปะไว้บนสุดของเว็บ } // 2. ระบบดักจับการกดปุ่มพิมพ์ (แยกคันใครคันมันชัดเจน) const printButtons = document.querySelectorAll('.eael-creative-button, .eael-creative-button-wrapper a, .my-print-button'); printButtons.forEach(button => { button.addEventListener('click', function(e) { e.preventDefault(); // เคลียร์คลาสเก่าออกให้หมดก่อน document.querySelectorAll('.printable-car').forEach(el => { el.classList.remove('is-printing-now'); }); // ค้นหากล่องรถ (.printable-car) ของปุ่มที่ถูกกดจริง const currentCar = this.closest('.printable-car'); if (currentCar) { // แปะคลาสพิเศษให้เฉพาะคันที่เลือกพิมพ์ currentCar.classList.add('is-printing-now'); // สั่งพิมพ์ window.print(); } }); }); }); /* ซ่อนกล่องโลโก้พิเศษในหน้าจอเว็บปกติ */ #print-global-header { display: none; } @media print { @page { size: A4 portrait; margin: 15mm 10mm 15mm 10mm; /* ปรับระยะขอบให้สมดุล */ } /* 1. ซ่อนสิ่งที่ไม่เกี่ยวข้องทั้งหมด เมนู ฟุตเตอร์เว็บ ปุ่มกดต่างๆ */ header, footer, nav, .nav-arrows, .elementor-button, .eael-creative-button-wrapper, .eael-creative-button, a[href^="tel:"], a[href^="mailto:"], .btn-contact, button, .print-only-logo { /* ซ่อนโลโก้เก่าที่เคยฝังอยู่ในกล่องรถออกให้หมด */ display: none !important; } /* 2. บังคับซ่อน "รถคันอื่นๆ ทั้งหมด" ที่ไม่ได้ถูกกดพิมพ์ */ .printable-car:not(.is-printing-now) { display: none !important; } /* 3. เปิดการแสดงผลกล่องโลโก้พิเศษที่สร้างใหม่บนสุดของหน้ากระดาษ */ #print-global-header { display: block !important; width: 100% !important; text-align: center !important; /* สั่งจัดกึ่งกลางกระดาษเป๊ะๆ */ margin-top: 10px !important; /* ระยะเว้นจากขอบบนกระดาษ */ margin-bottom: 35px !important; /* ระยะเว้นก่อนถึงตัวเนื้อหารถ */ clear: both !important; } .print-main-logo { display: inline-block !important; width: 320px !important; /* ขนาดโลโก้กำลังพอดีสวย */ height: auto !important; } /* 4. รักษาโครงสร้างกล่องรถคันที่เลือกพิมพ์ให้แสดงผลตามกริดเดิม */ .printable-car.is-printing-now { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; position: relative !important; } /* 5. ปรับรูปภาพหลักรถให้เต็มบล็อก ไม่เบี้ยว ไม่พัง */ .printable-car.is-printing-now img:first-of-type { width: 100% !important; max-width: 100% !important; height: auto !important; max-height: 450px !important; object-fit: cover !important; display: block !important; border-radius: 8px !important; margin-bottom: 20px !important; } /* 6. รูปแกลเลอรีเล็กๆ ปรับขนาดไม่ให้ล้นหน้า */ .printable-car.is-printing-now img:not(:first-of-type) { max-height: 80px !important; object-fit: cover !important; border-radius: 4px !important; } /* 7. ข้อมูลติดต่อท้ายกระดาษ */ .printable-car.is-printing-now::after { content: "Autohaus Kreidenhuber GmbH & CoKG \A 📍 Glemmerstraße 317, 5752 Viehofen \A 📞 + 43 6542 20590 | 📠 + 43 6542 20590-3 \A ✉️ auto@kreidenhuber.at \A \A 🕒 Öffnungszeiten: \A Mo – Do 08:00 – 12:00 / 12:30 – 17:00 | Fr 08:00 – 12:30"; display: block !important; white-space: pre-wrap !important; text-align: center !important; font-size: 11pt !important; font-weight: bold !important; color: #000 !important; margin-top: 50px !important; padding-top: 15px !important; border-top: 2px solid #000 !important; } }