Ver Fonte

模版更新

moshaorui há 1 mês atrás
pai
commit
fb2a425941

+ 11 - 0
resources/views/liquid_src/1/screen_protector_solutions/__banner_list_2.liquid

@@ -0,0 +1,11 @@
+<section class="additional-products py-5">
+    <div class="container swiper-container-bottom">
+        <div class="row swiper-wrapper">
+            {% for item in banners %}
+            <div class="col-md-3 mb-4 swiper-slide">
+                <div  class="card border-orange" > <a href="{{ item.banner_url }}"><img src="{{ site.image_base_url }}{{ item.image_url }}" alt="{{ item.title }}" class="card-img-top"/></a></div>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+</section>

+ 3 - 4
resources/views/liquid_src/1/screen_protector_solutions/_footer.liquid

@@ -5,14 +5,13 @@
     <div class="container mb-4">
         <div class="row align-items-center">
             <h2 class="h4 mb-0 text-center">
-                <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/logo2.svg" class="logo">
+                <img  src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/logo2.svg" class="logo" mtb_edit="2">
             </h2>
         </div>
         <div class="row">
-            <p class="mb-0 text-center logo-txt">Make It Easier To Use, Better Life</p>
+            <p class="mb-0 text-center logo-txt" mtb_edit="2">Make It Easier To Use, Better Life</p>
         </div>
     </div>
-    </div>
 
     <div class="container footer-links">
         <div class="row">
@@ -22,7 +21,7 @@
                     <p>{{ site.dist.company_name }}</p>
                     <p>{{ site.dist.company_address }}</p>
                     <p>Telefone {{ site.dist.service_hotline }}</p>
-                    <p>Horário de Atendimento:<br /> Segunda a Sexta das 9 às 17 horas</p>
+                    <p mtb_edit="2">Horário de Atendimento:<br /> Segunda a Sexta das 9 às 17 horas</p>
                 </a>
                 <a href="{{ site.dist.facebook }}" class="text-white me-2"><i class="fab fa-facebook"></i></a>
                 <a href="{{ site.dist.instagram }}" class="text-white"><i class="fab fa-instagram"></i></a>

+ 73 - 114
resources/views/liquid_src/1/screen_protector_solutions/home.liquid

@@ -8,80 +8,89 @@
 <!-- Seção de Produtos -->
 <section class="index-products py-5">
     <div class="container">
-        <h2 class="text-center mb-4">Nossos Produtos</h2>
+        <h2 mtb_edit="1" id="ibjxa4" class="text-center mb-4">Nossos Produtos</h2>
         <hr class="w-25 mx-auto mb-5">
-        <div class="row">
-
-            <div class="col-md-4 mb-4">
-                <div class="card">
-                    <a href="#">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p1.webp" class="card-img-top" alt="Máquinas para Protetores de Telas">
+        <div mtb_edit="2" mtb_toolbar="clone,delete" id="ilztiy" class="row">
+            <div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
+                <a href="#" mtb_edit="2">
+                    <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
+                        <img src="https://mietubl-dev.oss.mietubl.com.cn/static/tpl/screen_protector_solutions/image/p1.webp" alt="Máquinas para Protetores de Telas" class="card-img-top" mtb_edit="2"/>
                         <div class="card-body">
-                            <h5 class="card-title">Máquinas para Protetores de Telas</h5>
-                            <p class="card-text">Máquinas para imprimir ou cortar protetores de tela para celulares.</p>
+                            <h5 class="card-title" mtb_edit="2">Máquinas para Protetores de Telas</h5>
+                            <p class="card-text" mtb_edit="2">Máquinas para imprimir ou cortar protetores de tela para celulares.</p>
                         </div>
-                    </a>
-                </div>
+
+                    </div>
+                </a>
             </div>
 
-            <div class="col-md-4 mb-4">
-                <div class="card">
-                    <a href="#">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p2.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel">
+            <div class="col-md-4 mb-4"  mtb_edit="2" mtb_toolbar="clone,delete">
+                <a href="#" mtb_edit="2" >
+                    <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
+                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p2.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel" mtb_edit="2">
                         <div class="card-body">
-                            <h5 class="card-title">Protetores de Telas de Hidrogel</h5>
-                            <p class="card-text">Fáceis de aplicar e remover.</p>
+                            <h5 class="card-title" mtb_edit="2">Protetores de Telas de Hidrogel</h5>
+                            <p class="card-text" mtb_edit="2">Fáceis de aplicar e remover.</p>
                         </div>
-                    </a>
-                </div>
+                    </div>
+                </a>
             </div>
-            <div class="col-md-4 mb-4">
-                <div class="card">
-                    <a href="#">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p3.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel">
-                        <div class="card-body">
-                            <h5 class="card-title">Protetores de Telas de Hidrogel</h5>
-                            <p class="card-text">Fáceis de aplicar e remover.</p>
+
+            <div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
+                <a href="#" mtb_edit="2" mtb_toolbar="clone,delete">
+                    <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
+                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p3.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel" mtb_edit="2">
+                        <div class="card-body" mtb_edit="2">
+                            <h5 class="card-title" mtb_edit="2">Protetores de Telas de Hidrogel</h5>
+                            <p class="card-text" mtb_edit="2">Fáceis de aplicar e remover.</p>
                         </div>
-                    </a>
-                </div>
+                    </div>
+                </a>
             </div>
             <!-- Adicione mais cards conforme necessário -->
         </div>
-        <div class="row">
-            <div class="col-md-4 mb-4">
-                <div class="card">
-                    <a href="#">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p4.webp" class="card-img-top" alt="Máquinas para Protetores de Telas">
+
+        <div mtb_edit="2" mtb_toolbar="clone,delete" id="icljgq" class="row">
+            <div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
+                <a href="#" mtb_edit="2">
+                    <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
+                        <img src="https://mietubl-dev.oss.mietubl.com.cn/static/tpl/screen_protector_solutions/image/p4.webp" alt="Máquinas para Protetores de Telas" class="card-img-top" mtb_edit="2"/>
                         <div class="card-body">
-                            <h5 class="card-title">Máquinas para Protetores de Telas</h5>
-                            <p class="card-text">Máquinas para imprimir ou cortar protetores de tela para celulares.</p>
+                            <h5 class="card-title" mtb_edit="2">Máquinas para Protetores de Telas</h5>
+                            <p class="card-text" mtb_edit="2">Máquinas para imprimir ou cortar protetores de tela para celulares.</p>
                         </div>
-                    </a>
-                </div>
+                    </div>
+                </a>
             </div>
-            <div class="col-md-4 mb-4">
-                <div class="card">
-                    <a href="#">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p5.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel">
+
+
+
+            <div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
+                <a href="#" mtb_edit="2">
+                    <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
+                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p5.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel" mtb_edit="2">
                         <div class="card-body">
-                            <h5 class="card-title">Protetores de Telas de Hidrogel</h5>
-                            <p class="card-text">Fáceis de aplicar e remover.</p>
+                            <h5 class="card-title" mtb_edit="2">Protetores de Telas de Hidrogel</h5>
+                            <p class="card-text" mtb_edit="2">Fáceis de aplicar e remover.</p>
                         </div>
-                    </a>
-                </div>
+                    </div>
+                </a>
             </div>
-            <div class="col-md-4 mb-4">
-                <div class="card">
-                    <a href="#">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p6.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel">
+
+
+
+            <div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
+                <a href="#" mtb_edit="2">
+                    <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
+                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p6.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel" mtb_edit="2">
                         <div class="card-body">
-                            <h5 class="card-title">Protetores de Telas de Hidrogel</h5>
-                            <p class="card-text">Fáceis de aplicar e remover.</p>
+                            <h5 class="card-title" mtb_edit="2">Protetores de Telas de Hidrogel</h5>
+                            <p class="card-text" mtb_edit="2">Fáceis de aplicar e remover.</p>
                         </div>
-                    </a>
-                </div>
+                    </div>
+                </a>
             </div>
+
             <!-- Adicione mais cards conforme necessário -->
         </div>
     </div>
@@ -94,56 +103,19 @@
     <!-- 内容容器 -->
     <div class="container d-flex h-100 position-relative" style="z-index: 1;">
         <div class="container-txt d-flex flex-column justify-content-center">
-            <h3>Veja como é simples produzir telas de proteção personalizadas para celular.</h3>
+            <h3 mtb_edit="1" id="ibk1l6">Veja como é simples produzir telas de proteção personalizadas para celular.</h3>
         </div>
         <div class="elementor-widget-container">
             <div class="elementor-wrapper elementor-open-inline">
-                <iframe class="elementor-video" frameborder="0" allowfullscreen="" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" title="Mietubl mini phone skin printer- make DIY the highlight of your store" width="495" height="280" src="https://www.youtube.com/embed/oXRHiw72XMw?controls=0&amp;rel=0&amp;playsinline=0&amp;modestbranding=0&amp;cc_load_policy=0&amp;autoplay=0&amp;enablejsapi=1&amp;origin=https%3A%2F%2Fmietubloficial.com.br&amp;widgetid=1" id="widget2"></iframe>
+                <iframe allowfullscreen=""  frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" title="Mietubl mini phone skin printer- make DIY the highlight of your store" width="495" height="280" src="https://www.youtube.com/embed/oXRHiw72XMw?&controls=0&showinfo=0&rel=0" id="widget2" class="elementor-video"> </iframe>
             </div>
         </div>
     </div>
 </section>
 
 <!-- Seção de Produtos Adicionais -->
-<section class="additional-products py-5">
-    <div class="container">
-        <div class="row">
-            <div class="col-md-3 mb-4">
-                <div class="card border-orange">
-                    <a href="#">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/index-plist1.webp" class="card-img-top" alt="Carregador 65W">
-                    </a>
-                </div>
-            </div>
-            <div class="col-md-3 mb-4">
-                <div class="card border-orange">
-                    <a href="#">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/index-plist2.webp" class="card-img-top" alt="Carregador 65W">
-                    </a>
-                </div>
-            </div>
-
-            <div class="col-md-3 mb-4">
-                <div class="card border-orange">
-                    <a href="#">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/index-plist3.webp" class="card-img-top" alt="Carregador 65W">
-                    </a>
-                </div>
-            </div>
-
-            <div class="col-md-3 mb-4">
-                <div class="card border-orange">
-                    <a href="#">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/index-plist4.webp" class="card-img-top" alt="Carregador 65W">
-                    </a>
-                </div>
-            </div>
-
-            <!-- Adicione mais cards conforme necessário -->
-        </div>
-    </div>
-</section>
 
+{% banner limit=4 position=2 template='__banner_list_2.liquid' %}
 
 
 
@@ -157,27 +129,14 @@
         autoplay: 5000,
     });
 
-    // 控制下拉菜单显示和箭头方向
-    $("#navbarNav .dropdown").hover(
-        function() {
-            const $toggle = $(this).find(".dropdown-toggle");
-            const $menu = $(this).find(".dropdown-menu");
-
-            $menu.addClass('show');
-            $toggle.attr('aria-expanded', 'true');
-        },
-        function() {
-            const $toggle = $(this).find(".dropdown-toggle");
-            const $menu = $(this).find(".dropdown-menu");
-
-            $menu.removeClass('show');
-            $toggle.attr('aria-expanded', 'false');
-        }
-    );
+
+    var swiper2 = new Swiper('.swiper-container-bottom', {
+        slidesPerView: 5,
+        paginationClickable: true,
+        spaceBetween: 30,
+        freeMode: true,
+        autoplay: 15000,
+    });
 </script>
 </body>
 </html>
-
-
-
-

+ 9 - 9
resources/views/liquid_src/1/screen_protector_solutions/pages_sp_about.liquid

@@ -5,8 +5,8 @@
 <!-- Hero Section -->
 <section class="about-hero text-center" style="background-image: url('{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/contact_us.png');">
     <div class="container">
-        <h1 class="display-4 fw-bold mb-4">Sobre Mietubl</h1>
-        <p class="lead">Nascido na China, crescendo com fabricação inteligente</p>
+        <h1 class="display-4 fw-bold mb-4" mtb_edit="2">Sobre Mietubl</h1>
+        <p class="lead" mtb_edit="2">Nascido na China, crescendo com fabricação inteligente</p>
     </div>
 </section>
 
@@ -37,14 +37,14 @@
 <!-- Core Values -->
 <section class="core-values">
     <div class="container text-center py-5">
-        <h3 class="section-title">O nosso compromisso</h3>
+        <h3 class="section-title" mtb_edit="2">O nosso compromisso</h3>
         <div class="row g-4">
             <div class="col-md-4">
                 <div class="card h-100 border-0">
                     <div class="card-body">
                         <i class="fas fa-globe-asia fa-3x text-primary mb-3"></i>
-                        <h5>Soluções Globais</h5>
-                        <p class="text-muted">Fornecer soluções tecnológicas em todo o mundo com experiência localizada</p>
+                        <h5 mtb_edit="2">Soluções Globais</h5>
+                        <p class="text-muted" mtb_edit="2">Fornecer soluções tecnológicas em todo o mundo com experiência localizada</p>
                     </div>
                 </div>
             </div>
@@ -52,8 +52,8 @@
                 <div class="card h-100 border-0">
                     <div class="card-body">
                         <i class="fas fa-hand-holding-heart fa-3x text-danger mb-3"></i>
-                        <h5>Criação de Valor</h5>
-                        <p class="text-muted">Garantir a satisfação do consumidor e a rentabilidade do revendedor</p>
+                        <h5 mtb_edit="2">Criação de Valor</h5>
+                        <p class="text-muted" mtb_edit="2">Garantir a satisfação do consumidor e a rentabilidade do revendedor</p>
                     </div>
                 </div>
             </div>
@@ -61,8 +61,8 @@
                 <div class="card h-100 border-0">
                     <div class="card-body">
                         <i class="fas fa-link fa-3x text-success mb-3"></i>
-                        <h5>Construção de ecossistemas</h5>
-                        <p class="text-muted">Integração de recursos ao longo do ciclo de vida do produto</p>
+                        <h5 mtb_edit="2">Construção de ecossistemas</h5>
+                        <p class="text-muted" mtb_edit="2">Integração de recursos ao longo do ciclo de vida do produto</p>
                     </div>
                 </div>
             </div>

+ 10 - 10
resources/views/liquid_src/1/screen_protector_solutions/pages_sp_contact.liquid

@@ -8,7 +8,7 @@
         <div class="row g-5">
             <!-- Left Column -->
             <div class="col-md-6">
-                <h2 class="mb-4">Contato</h2>
+                <h2 class="mb-4" mtb_edit="2">Contato</h2>
                 <div class="mb-4">
                     <h3>{{ site.dist.company_name }}</h3>
                     <p class="text-muted">
@@ -20,8 +20,8 @@
                     <h5>Telefone</h5>
                     <p class="text-muted">{{ site.dist.service_hotline }}</p>
 
-                    <h5>Horário de Atendimento</h5>
-                    <p class="text-muted">
+                    <h5 mtb_edit="2">Horário de Atendimento</h5>
+                    <p class="text-muted" mtb_edit="2">
                         Segunda a Sexta das 09:00 às 17:00 horas
                     </p>
                 </div>
@@ -60,11 +60,11 @@
 
             <div class="col-md-6 contact-form">
                 <div class="form-container">
-                    <h3 class="mb-4">Seja um Representante</h3>
+                    <h3 class="mb-4" mtb_edit="2">Seja um Representante</h3>
                     <form id="form_contact" data-action="/contact" class="form-default" role="form">
                         <!-- 姓名 -->
                         <div class="row mb-3 align-items-center">
-                            <label class="col-md-3 col-form-label">Nome</label>
+                            <label class="col-md-3 col-form-label" mtb_edit="2">Nome</label>
                             <div class="col-md-9">
                                 <input type="text" name="customer_name" class="form-control" required>
                             </div>
@@ -72,7 +72,7 @@
 
                         <!-- 邮箱 -->
                         <div class="row mb-3 align-items-center">
-                            <label class="col-md-3 col-form-label">E-mail</label>
+                            <label class="col-md-3 col-form-label" mtb_edit="2">E-mail</label>
                             <div class="col-md-9">
                                 <input type="email" name="email" class="form-control" required>
                             </div>
@@ -80,7 +80,7 @@
 
                         <!-- 公司名称 -->
                         <div class="row mb-3 align-items-center">
-                            <label class="col-md-3 col-form-label">Empresa</label>
+                            <label class="col-md-3 col-form-label" mtb_edit="2">Empresa</label>
                             <div class="col-md-9">
                                 <input type="text" name="company_name" class="form-control">
                             </div>
@@ -88,7 +88,7 @@
 
                         <!-- WhatsApp -->
                         <div class="row mb-3 align-items-center">
-                            <label class="col-md-3 col-form-label">WhatsApp</label>
+                            <label class="col-md-3 col-form-label" mtb_edit="2">WhatsApp</label>
                             <div class="col-md-9">
                                 <input type="tel" name="whats_app" class="form-control">
                             </div>
@@ -96,7 +96,7 @@
 
                         <!-- 消息 -->
                         <div class="row mb-3 align-items-center">
-                            <label class="col-md-3 col-form-label">Mensagem</label>
+                            <label class="col-md-3 col-form-label" mtb_edit="2">Mensagem</label>
                             <div class="col-md-9">
                                 <textarea class="form-control" name="content" rows="4"></textarea>
                             </div>
@@ -105,7 +105,7 @@
                         <!-- 提交按钮 -->
                         <div class="row">
                             <div class="col-md-9 offset-md-3">
-                                <button type="submit" class="btn btn-custom w-100">Enviar</button>
+                                <button type="submit" class="btn btn-custom w-100" mtb_edit="2">Enviar</button>
                             </div>
                         </div>
                     </form>

+ 29 - 32
resources/views/liquid_src/1/screen_protector_solutions/products_detail.liquid

@@ -22,35 +22,32 @@
         <div class="col-md-5 top-left">
             <div id="mainCarousel" class="carousel slide main-carousel">
                 <div class="carousel-inner">
-                    <div class="carousel-item active">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/list1.webp" class="d-block w-100" alt="产品图1">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/list2.webp" class="d-block w-100" alt="产品图2">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/list3.webp" class="d-block w-100" alt="产品图3">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/list4.webp" class="d-block w-100" alt="产品图3">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/list5.webp" class="d-block w-100" alt="产品图3">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/list2.webp" class="d-block w-100" alt="产品图2">
-                    </div>
+                    {% if product.images and product.images.size > 0 %}
+                        {% for item in product.images %}
+                            {% assign image_url = item.image_url %}
+                        <div class="carousel-item {% if forloop.first %}active {% endif %}">
+                            <img src="{% if image_url contains 'http' %}{{ image_url }}?x-oss-process=image/resize,w_500,m_lfit{% else %}{{ site.image_base_url }}{{ image_url }}?x-oss-process=image/resize,w_500,m_lfit{% endif %}" class="d-block w-100" alt="{{ product.title }}">
+                        </div>
+                        {% endfor %}
+                    {% else %}
+                        <div class="carousel-item active">
+                            <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/product_default.jpg" class="d-block w-100" alt="{{ product.title }}">
+                        </div>
+                    {% endif %}
                 </div>
             </div>
 
             <div class="carousel-thumbnails   swiper-container" >
                 <div class="swiper-wrapper">
-                    <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/list1.webp" class="swiper-slide" data-bs-target="#mainCarousel" data-bs-slide-to="0" alt="缩略图1">
-                    <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/list2.webp" class="swiper-slide" data-bs-target="#mainCarousel" data-bs-slide-to="1" alt="缩略图2">
-                    <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/list3.webp" class="swiper-slide" data-bs-target="#mainCarousel" data-bs-slide-to="2" alt="缩略图3">
-                    <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/list4.webp" class="swiper-slide" data-bs-target="#mainCarousel" data-bs-slide-to="3" alt="缩略图3">
-                    <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/list5.webp" class="swiper-slide" data-bs-target="#mainCarousel" data-bs-slide-to="4" alt="缩略图3">
-                    <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/list2.webp" class="swiper-slide" data-bs-target="#mainCarousel" data-bs-slide-to="5" alt="缩略图2">
+                    {% if product.images and product.images.size > 0 %}
+                        {% for item in product.images %}
+                            {% assign image_url = item.image_url %}
+                            <img src="{% if image_url contains 'http' %}{{ image_url }}?x-oss-process=image/resize,w_100,m_lfit{% else %}{{ site.image_base_url }}{{ image_url }}?x-oss-process=image/resize,w_100,m_lfit{% endif %}" class="swiper-slide" data-bs-target="#mainCarousel" data-bs-slide-to="{{ forloop.index0 }}" alt="{{ product.title }}">
+                        {% endfor %}
+                    {% else %}
+                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/product_default.jpg" class="swiper-slide" data-bs-target="#mainCarousel" data-bs-slide-to="0" alt="{{ product.title }}">
+                    {% endif %}
+
                 </div>
             </div>
         </div>
@@ -65,12 +62,12 @@
 
             <div class="contact-form">
                 <div class="form-container">
-                    <h3 class="mb-4">Obter Amostra Gratuita Agora</h3>
+                    <h3 class="mb-4" mtb_edit="2">Obter Amostra Gratuita Agora</h3>
 
                     <form id="form_contact" data-action="/contact" class="form-default" role="form">
                         <!-- 姓名 -->
                         <div class="row mb-3 align-items-center">
-                            <label class="col-md-3 col-form-label">Nome</label>
+                            <label class="col-md-3 col-form-label" mtb_edit="2">Nome</label>
                             <div class="col-md-9">
                                 <input type="text" name="customer_name" class="form-control" required>
                             </div>
@@ -78,7 +75,7 @@
 
                         <!-- 邮箱 -->
                         <div class="row mb-3 align-items-center">
-                            <label class="col-md-3 col-form-label">E-mail</label>
+                            <label class="col-md-3 col-form-label" mtb_edit="2">E-mail</label>
                             <div class="col-md-9">
                                 <input type="email" name="email" class="form-control" required>
                             </div>
@@ -86,7 +83,7 @@
 
                         <!-- 公司名称 -->
                         <div class="row mb-3 align-items-center">
-                            <label class="col-md-3 col-form-label">Empresa</label>
+                            <label class="col-md-3 col-form-label" mtb_edit="2">Empresa</label>
                             <div class="col-md-9">
                                 <input type="text" name="company_name" class="form-control">
                             </div>
@@ -94,7 +91,7 @@
 
                         <!-- WhatsApp -->
                         <div class="row mb-3 align-items-center">
-                            <label class="col-md-3 col-form-label">WhatsApp</label>
+                            <label class="col-md-3 col-form-label" mtb_edit="2">WhatsApp</label>
                             <div class="col-md-9">
                                 <input type="tel" name="whats_app" class="form-control">
                             </div>
@@ -102,7 +99,7 @@
 
                         <!-- 消息 -->
                         <div class="row mb-3 align-items-center">
-                            <label class="col-md-3 col-form-label">Mensagem</label>
+                            <label class="col-md-3 col-form-label" mtb_edit="2">Mensagem</label>
                             <div class="col-md-9">
                                 <textarea class="form-control" name="content" rows="2"></textarea>
                             </div>
@@ -111,7 +108,7 @@
                         <!-- 提交按钮 -->
                         <div class="row">
                             <div class="col-md-9 offset-md-3">
-                                <button type="submit" class="btn btn-custom w-100">Enviar</button>
+                                <button type="submit" class="btn btn-custom w-100" mtb_edit="2">Enviar</button>
                             </div>
                         </div>
                     </form>
@@ -126,7 +123,7 @@
     <!-- 第二行 产品详情 -->
     <div class="row mt-5">
         <div class="col-12">
-            <h2 class="mb-4">Informações adicionais
+            <h2 class="mb-4" mtb_edit="2">Informações adicionais
             </h2>
             <hr class="w-100 mx-auto mb-5">
             <div class="product-description">