Rơ le Omron MY4N-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>70.000 <span class=”woocommerce-Price-currencySymbol”>₫</span></bdi></span></p>

<p style=”margin-bottom: 15px; line-height: 1.6; color: #444444;”>SKU: MY4N-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'”>&times;</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;”>MY4N-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>

Danh mục: , ,