Rơ le Omron MY2N-GS-R AC110/120
<!– 1. PHẦN THÔNG TIN SẢN PHẨM –>
<p><span class=”woocommerce-Price-amount amount” style=”color: #ed1c24; font-size: 20px; font-weight: bold;”><bdi>68.000 <span class=”woocommerce-Price-currencySymbol”>₫</span></bdi></span></p>
<p style=”margin-bottom: 15px; line-height: 1.6; color: #444444;”>SKU: MY2N-GS-R AC110/120 <br />
Chất lượng: Mới 100%<br />
Bảo hành: 1 Năm<br />
Chứng từ: hóa đơn VAT
</p>
<!– 2. NÚT BẤM NHẬN BÁO GIÁ –>
<button onclick=”document.getElementById(‘quoteModal’).style.display=’block'” class=”pulse-main-button” style=”background-color: #0068ff; color: #ffffff; border: none; font-weight: bold; font-size: 14px; padding: 10px 20px; border-radius: 30px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin-top: 15px; margin-bottom: 25px; width: 230px; max-width: 100%; height: 42px; box-sizing: border-box; transition: all 0.3s ease; font-family: Arial, sans-serif; animation: pulseBtnMain 2s infinite ease-in-out;”>
<svg viewBox=”0 0 24 24″ width=”16″ height=”16″ fill=”currentColor” style=”display: block; flex-shrink: 0;”><path d=”M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z”/></svg>
Click Nhận Báo Giá Ngay
</button>
<!– 3. BỘ NÚT LIÊN HỆ –>
<p style=”font-size: 15px; font-weight: bold; color: #333333; margin: 0 0 10px 0 !important; padding: 0 !important; border-left: 3px solid #cccccc; padding-left: 8px; line-height: 1.2;”>HOẶC LIÊN HỆ TRỰC TIẾP</p>
<p style=”margin: 6px 0 !important; padding: 0 !important; line-height: 1.2;”><a href=”tel:0977241159″ style=”display: inline-flex; align-items: center; text-decoration: none; color: #333333; font-weight: bold; font-size: 14px;”><span style=”width: 24px; height: 24px; background-color: #ff4d4d; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #ffffff; margin-right: 10px; flex-shrink: 0; animation: pulseRed 1.5s infinite ease-in-out;”><svg viewBox=”0 0 24 24″ width=”13″ height=”13″ fill=”currentColor”><path d=”M6.62 10.79a15.15 15.15 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z”/></svg></span>HOTLINE: 0977 241 159</a></p>
<p style=”margin: 6px 0 !important; padding: 0 !important; line-height: 1.2;”><a href=”https://zalo.me/0977241159″ target=”_blank” rel=”noopener noreferrer” style=”display: inline-flex; align-items: center; text-decoration: none; color: #333333; font-weight: bold; font-size: 14px;”><span style=”width: 24px; height: 24px; background-color: #0068ff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #ffffff; margin-right: 10px; flex-shrink: 0; font-size: 7px; font-weight: 900; text-transform: uppercase; font-family: Arial, sans-serif; animation: pulseBlue 1.5s infinite ease-in-out; animation-delay: 0.3s;”>Zalo</span>ZALO: 0977.241.159</a></p>
<!– 4. GIAO DIỆN FORM POPUP –>
<div id=”quoteModal” style=”display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.5); font-family: Arial, sans-serif;”>
<div style=”background-color: #ffffff; margin: 12% auto; padding: 22px 25px; border-radius: 8px; width: 90%; max-width: 440px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); position: relative; box-sizing: border-box; text-align: center !important;”>
<!– Nút đóng X –>
<span onclick=”document.getElementById(‘quoteModal’).style.display=’none'” style=”position: absolute; right: 15px; top: 8px; color: #aaa; font-size: 22px; font-weight: bold; cursor: pointer;” onmouseover=”this.style.color=’#333′” onmouseout=”this.style.color=’#aaa'”>×</span>
<h3 style=”margin-top: 0; margin-bottom: 4px; color: #333333; font-size: 16px; border-bottom: 2px solid #0068ff; padding-bottom: 6px; text-align: left !important;”>Yêu Cầu Nhận Báo Giá</h3>
<p style=”font-size: 12px; color: #666666; margin-top: 4px; margin-bottom: 18px; line-height: 1.4; text-align: left !important;”>Vui lòng bấm nút dưới đây để kết nối nhanh qua Zalo bộ phận báo giá!</p>
<div style=”display: flex; flex-direction: column; gap: 5px; text-align: center !important; width: 100%; align-items: center !important;”>
<p style=”font-size: 13px; color: #444444; line-height: 1.5; margin: 0; text-align: center !important;”>
Hệ thống sẽ tự động mở cửa sổ chat Zalo và soạn sẵn nội dung yêu cầu báo giá cho mã sản phẩm: <br><strong style=”color: #0068ff; display: inline-block; margin-top: 4px;”>MY2N-GS-R AC110/120 </strong>
</p>
<!– CODE HOÀN HẢO: Biến toàn bộ nút bấm thành liên kết ảnh SVG độc lập, cam kết chữ không bao giờ biến mất hay lệch dòng –>
<a href=”https://zalo.me/0977241159″
target=”_blank”
rel=”noopener noreferrer”
onclick=”document.getElementById(‘quoteModal’).style.display=’none’;”
style=”margin: 25px auto 5px auto !important; width: 240px; display: block !important; text-decoration: none !important; border: none !important; background: none !important; padding: 0 !important; transition: transform 0.2s;”
onmouseover=”this.style.transform=’scale(1.03)'”
onmouseout=”this.style.transform=’scale(1)'”>
<svg viewBox=”0 0 240 44″ width=”240″ height=”44″ style=”display: block; width: 100%; height: auto;”>
<rect width=”240″ height=”44″ rx=”22″ fill=”#0068ff”/>
<text x=”120″ y=”26″ fill=”#ffffff” font-family=”Arial, sans-serif” font-weight=”bold” font-size=”13″ text-anchor=”middle”>XÁC NHẬN GỬI QUA ZALO</text>
</svg>
</a>
</div>
</div>
</div>
<style>
@keyframes pulseBtnMain { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 104, 255, 0.5); } 70% { transform: scale(1.04); box-shadow: 0 0 0 6px rgba(0, 104, 255, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 104, 255, 0); } }
.pulse-main-button:hover { background-color: #0056d2 !important; }
@keyframes pulseRed { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 77, 77, 0.6); } 70% { transform: scale(1.08); box-shadow: 0 0 0 6px rgba(255, 77, 77, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 77, 77, 0); } }
@keyframes pulseBlue { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 104, 255, 0.6); } 70% { transform: scale(1.08); box-shadow: 0 0 0 6px rgba(0, 104, 255, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 104, 255, 0); } }
</style>




English