screen_protector_solutions

resources/views/liquid_src/1/screen_protector_solutions/404.liquid

@@ -41,4 +41,4 @@
     }, 5000); // 5000毫秒=5秒[3,4](@ref)
 </script>
 </body>
-</html>
+</html>

resources/views/liquid_src/1/screen_protector_solutions/__banner_list.liquid

@@ -1,16 +1,9 @@
-<section class="hero d-flex align-items-center">
-    <div class="container swiper-container">
+<section class="hero ">
+    <div class="swiper-container">
         <div class="swiper-wrapper">
             {% for item in banners %}
-            <div class="row swiper-slide">
-                <div class="col-md-6 text-center text-md-start">
-                    <h1 class="display-4">{{ item.title }}</h1>
-                    <p class="lead">{{ item.subtitle }}</p>
-                    <a href="{{ item.banner_url }}" class="btn">Mais Informações</a>
-                </div>
-                <div class="col-md-6 text-center">
-                    <img src="{{ site.image_base_url }}{{ item.image_url }}" alt="{{ item.title }}" class="img-fluid mt-4">
-                </div>
+            <div class="swiper-slide">
+                  <a href="{{ item.banner_url }}"><img src="{{ site.image_base_url }}{{ item.image_url }}" alt="{{ item.title }}"></a>
             </div>
             {% endfor %}
         </div>

resources/views/liquid_src/1/screen_protector_solutions/__collection_list_2.liquid

@@ -3,7 +3,7 @@
     <div class="container">
         <div class="row">
             <!-- 右侧表格 -->
-            <div class="col-md-4 supplier-left">
+            <div class="col-md-3 supplier-left">
                 {% for item in pages %}
                     <div class="card">
                         <div class="card-body">
@@ -39,7 +39,7 @@
             </div>
 
             <!-- 左侧地图 -->
-            <div class="col-md-8 supplier-right">
+            <div class="col-md-9 supplier-right">
                 <div id="chart"></div>
             </div>
 

resources/views/liquid_src/1/screen_protector_solutions/__collection_list_3.liquid

@@ -1,47 +1,51 @@
 <section class="index-new">
-    <div class="container px-0">
+    <div class="container">
         <!-- 标题 -->
-        <h1 class="display-5 fw-bold text-center mb-5">What's New At Mietubl</h1>
-
-        <div class="row gx-0">
+        <h2 class="text-center">Notícias</h2>
+        <hr class="w-25 mx-auto mb-5">
+        <div class="row index-new-wrapper">
             <!-- 左侧活动卡片 -->
             {% for item in pages %}
                 {% if forloop.index == 1 %}
-                    <div class="col-12 col-md-6">
-                        <div class="event-card bg-white h-100 main-new">
+                    <div class="div-card">
+                        <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" target="_blank">
+                        <div class="event-card heading-new">
                             {% if item.cover_image %}
-                                <img src="{% if item.cover_image contains 'http' %}{{ item.cover_image }}{% else %}{{ site.image_base_url }}{{ item.cover_image | append: '?x-oss-process=image/resize,m_fill,w_720,h_500' }}{% endif %}" alt="{{ item.title | strip_html }}">
+                                <img src="{% if item.cover_image contains 'http' %}{{ item.cover_image }}{% else %}{{ site.image_base_url }}{{ item.cover_image}}{% endif %}" alt="{{ item.title | strip_html }}">
                             {% else %}
-                                <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/product_default.jpg?x-oss-process=image/resize,m_fill,w_720,h_500" alt="{{ item.title | strip_html }}" class="img-fluid w-100 h-auto">
+                                <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/product_default.jpg" alt="{{ item.title | strip_html }}" class="img-fluid">
                             {% endif %}
                             <div class="main-new-text">
                                 <p class="date-text mb-3">{{ item.post_date | date: 'M %d.%Y' }}</p>
                                 <p class="fw-bold">{{ item.title | strip_html }}</p>
                             </div>
                         </div>
+                        </a>
                     </div>
                 {% endif %}
             {% endfor %}
 
             <!-- 右侧新闻列表 -->
-            <div class="col-12 col-md-6">
+            <div class="div-card">
                 <!-- 新闻条目 1 -->
                 {% for item in pages %}
                     {% if forloop.index > 1 %}
-                        <div class="news-card bg-white list-new {% if forloop.index < 4 %}list-new-botom{% endif %}">
-                            <div class="row align-items-center">
-                                <div class="col-12 col-md-4">
+                        <div class="news-card list-new">
+                                <div class="news-card-pic">
+                                    <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" target="_blank">
                                     {% if item.cover_image %}
-                                        <img src="{% if item.cover_image contains 'http' %}{{ item.cover_image }}{% else %}{{ site.image_base_url }}{{ item.cover_image | append: '?x-oss-process=image/resize,m_fill,w_400,h_266' }}{% endif %}" class="img-fluid rounded-top" style="min-height:120px" alt="{{ item.title | strip_html }}">
+                                        <img src="{% if item.cover_image contains 'http' %}{{ item.cover_image }}{% else %}{{ site.image_base_url }}{{ item.cover_image}}{% endif %}" class="img-fluid" alt="{{ item.title | strip_html }}">
                                     {% else %}
-                                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/product_default.jpg" alt="{{ item.title | strip_html }}" class="img-fluid rounded">
+                                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/product_default.jpg" alt="{{ item.title | strip_html }}" class="img-fluid">
                                     {% endif %}
+                                    </a>
                                 </div>
-                                <div class="col-12 col-md-8">
-                                    <p class="date-text">{{ item.post_date | date: 'M %d.%Y' }}</p>
-                                    <div class="news-title">{{ item.title | strip_html }}</div>
+                                <div class="news-card-text">
+                                    <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" target="_blank">
+                                    <div class="date-text">{{ item.post_date | date: 'M %d.%Y' }}</div>
+                                    <h3 class="news-title">{{ item.title | strip_html }}</h3>
+                                    </a>
                                 </div>
-                            </div>
                         </div>
                     {% endif %}
                 {% endfor %}

resources/views/liquid_src/1/screen_protector_solutions/_footer.liquid

@@ -4,18 +4,26 @@
     <div class="container mb-4 mt-4">
         <div class="row align-items-center">
             <h2 class="h4 mb-0 text-center">
-                <img src="https://mietubl-dev.oss.mietubl.com.cn/static/tpl/screen_protector_solutions/image/logo2.svg" mtb_edit="2" id="i2lcuj" class="logo"/> </h2></div><div class="row"><p mtb_edit="2" class="mb-0 text-center logo-txt" id="iy4snk">Make It Easier To Use, Better Life</p></div></div><div class="container footer-links"><div class="row"><div class="col-md-4 footer-contact"><h5>Contato</h5><p>Mietubl Tecnologia Brasil Ltda</p><p>Rua Camomil, 169 - Canindé   CEP 03032-010 - São Paulo - SP - Brasil</p><p>Telefone Telefone +(55) 11 97771-5699</p><p mtb_edit="2" id="i02i0y">Horário de Atendimento:<br/> Segunda a Sexta das 9 às 17 horas</p>
-                {% if site.dist.facebook %}
-                <a href="{{ site.dist.facebook }}" class="text-white me-2"><i class="fab fa-facebook"></i></a>
-                {% endif %}
-                {% if site.dist.instagram %}
-                <a href="{{ site.dist.instagram }}" class="text-white"><i class="fab fa-instagram"></i></a>
-                {% endif %}
-            </div>
+                <img src="https://mietubl-dev.oss.mietubl.com.cn/static/tpl/screen_protector_solutions/image/logo2.svg" mtb_edit="2" id="i2lcuj" class="logo"/> </h2></div>
+                <div class="row"><p mtb_edit="2" class="mb-0 text-center logo-txt" id="iy4snk">Make It Easier To Use, Better Life</p></div></div>
+                <div class="container footer-links">
+                    <div class="footer-grid">
+                        <div class="footer-contact footer-content">
+                        <h5>Contato</h5>
+                        <p>Mietubl Tecnologia Brasil Ltda</p>
+                        <p>Rua Camomil, 169 - Canindé   CEP 03032-010 - São Paulo - SP - Brasil</p><p>Telefone Telefone +(55) 11 97771-5699</p>
+                        <p mtb_edit="2" id="i02i0y">Horário de Atendimento:<br/> Segunda a Sexta das 9 às 17 horas</p>
+                        {% if site.dist.facebook %}
+                        <a href="{{ site.dist.facebook }}" class="text-white me-2"><i class="fab fa-facebook"></i></a>
+                        {% endif %}
+                        {% if site.dist.instagram %}
+                        <a href="{{ site.dist.instagram }}" class="text-white"><i class="fab fa-instagram"></i></a>
+                        {% endif %}
+                         </div>
 
             {% for menu in site.menus_footer %}
                 {% if menu.show %}
-                    <div class="col-md-4">
+                    <div class="footer-content">
                         <h5>{{ menu.title }}</h5>
                         <ul class="list-unstyled">
                             {% for child in menu.children %}

resources/views/liquid_src/1/screen_protector_solutions/_header.liquid

@@ -51,7 +51,7 @@
                                                         {% endif %}
                                                     </div>
 
-                                                    <div class="flex-grow-1 ms-3">
+                                                    <div class="flex-grow-1">
                                                         <h6 class="mb-2 fw-bold">{{ child.title }}</h6>
                                                         <div class="d-flex flex-column">
                                                             {% for item in child.children %}

resources/views/liquid_src/1/screen_protector_solutions/collection_list.liquid

@@ -38,7 +38,7 @@
                       "item": {
                         "@type": "NewsArticle",
                         "headline": "{{ item.title | strip_html }}",
-                        "image": "{% if item.cover_image contains 'http' %}{{ item.cover_image }}{% else %}{{ site.image_base_url }}{{ item.cover_image | append: '?x-oss-process=image/resize,m_fill,w_400,h_266' }}{% endif %}",
+                        "image": "{% if item.cover_image contains 'http' %}{{ item.cover_image }}{% else %}{{ site.image_base_url }}{{ item.cover_image }}{% endif %}",
                         "datePublished": "{{ item.post_date | date: '%Y-%m-%d' }}",
                         "author": {"@type": "Organization", "name": "Mietubl"}
                       }
@@ -55,7 +55,7 @@
 
 <div class="container article-list">
 
-    <div class="breadcrumb">{% for breadcrumb in breadcrumbs %} {%if forloop.last%} <strong>{{ breadcrumb.name }}</strong> {%else%} <a href="{{ breadcrumb.url }}" title="Home page">{{ breadcrumb.name }}</a>{% endif %}{% endfor %} </div>
+    <div class="breadcrumb">{% for breadcrumb in breadcrumbs %} {%if forloop.last%} <strong>Notícias</strong> {%else%} <a href="{{ breadcrumb.url }}" title="Home page">{{ breadcrumb.name }}</a>{% endif %}{% endfor %} </div>
 
 
     <div class="article-list">

resources/views/liquid_src/1/screen_protector_solutions/home.liquid

@@ -26,7 +26,7 @@
             "@context": "https://schema.org",
             "@type": "LocalBusiness",
             "name": "Mietubl Tecnologia Brasil Ltda",
-            "image": "{{ site.asset_base_url }}dist_images/logo/logo67d12900e960a.webp",
+            "image": "{{ site.image_base_url }}{{ site.dist.logo }}",
             "address": {
                 "@type": "PostalAddress",
                 "streetAddress": "Rua Camomil, 169 - Canindé",
@@ -43,7 +43,7 @@
                 "closes": "17:00"
             },
             "sameAs": [
-                "https://www.facebook.com/MietublHolding/"
+                "{{ site.dist.facebook }}"
             ]
         }
     </script>
@@ -124,10 +124,8 @@
 </section>
 
 <!-- Banner de Chamada à Ação -->
-<section class="cta-banner text-center py-4 text-white" style="position: relative; height: 340px;">
-    <!-- 新增纯背景层 -->
-    <div class="bg-orange-overlay"></div>
-    <!-- 内容容器 -->
+<section class="cta-banner text-center py-4 text-white">
+    
     <div class="container index-waist" >
         <div class="container-txt d-flex flex-column justify-content-center">
             <h3 mtb_edit="1" id="ibk1l6">Veja como é simples <br/> produzir telas de proteção <br/> personalizadas para celular.</h3>
@@ -155,11 +153,7 @@
 <script>
     //主页轮播图
     var swiper = new Swiper('.swiper-container', {
-        effect: 'flip', // 使用翻页效果
-        flip: { // Flip 效果的配置
-            slideShadows: false, // 滑动时显示阴影
-            limitRotation: true // 限制翻转角度
-        },
+        effect: 'slide', // 使用翻页效果
         nextButton: '.swiper-button-next',
         prevButton: '.swiper-button-prev',
         paginationClickable: true, // 分页器可点击

resources/views/liquid_src/1/screen_protector_solutions/pages_detail.liquid

@@ -31,7 +31,7 @@
             },
             "headline": "Privacy screen protector sheets111",
             "image": [
-                "{% if page.cover_image contains 'http' %}{{ page.cover_image }}{% else %}{{ site.image_base_url }}{{ page.cover_image | append: '?x-oss-process=image/resize,m_fill,w_400,h_266' }}{% endif %}"
+                "{% if page.cover_image contains 'http' %}{{ page.cover_image }}{% else %}{{ site.image_base_url }}{{ page.cover_image }}{% endif %}"
             ],
             "datePublished": "{{ page.post_date | date: '%Y-%m-%d' }}",
             "author": {
@@ -44,7 +44,7 @@
                 "name": "Mietubl",
                 "logo": {
                     "@type": "ImageObject",
-                    "url": "{{ site.asset_base_url }}dist_images/logo/logo67d12900e960a.webp"
+                    "url": "{{ site.image_base_url }}{{ site.dist.logo }}"
                 }
             },
             "description": "{{page.seo_description  | strip_html| strip_newlines }}",

resources/views/liquid_src/1/screen_protector_solutions/pages_sp_about.liquid

@@ -27,7 +27,7 @@
       "@type": "Organization",
       "name": "{{page.seo_title}}",
       "url": "{{site.current_url}}",
-      "logo": "{{ site.asset_base_url }}dist_images/logo/logo67d12900e960a.webp",
+      "logo": "{{ site.image_base_url }}{{ site.dist.logo }}",
       "description": "{{ page.seo_description  | strip_html| strip_newlines }}",
       "address": {
         "@type": "PostalAddress",
@@ -45,7 +45,7 @@
         "hoursAvailable": "Mo-Fr 09:00-17:00"
       },
       "sameAs": [
-        "https://www.facebook.com/MietublHolding/"
+                "{{ site.dist.facebook }}"
       ]
     }
     </script>
@@ -62,15 +62,15 @@
     <div class="container">
         <div class="breadcrumb"><a href="/" title="Home page">Home</a>  <strong>Sobre</strong></div>
 
-        <div class="row align-items-center g-5">
-            <div class="col-lg-6">
-
+        <div class="profile-page">
+            <div>
                 <h3 class="section-title"> {{ page.title | raw }}</h3>
-                <div class="text-muted lead">
+                <div class="text-muted">
                     {{page.content | raw }}
                 </div>
             </div>
-            <div class="col-lg-6">
+            
+            <div>
                 <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/Profile.webp"
                      alt="Manufacturing"
                      class="img-fluid rounded-3 shadow">
@@ -90,8 +90,8 @@
 <section class="core-values">
     <div class="container text-center py-5">
         <h3 class="section-title2" mtb_edit="2">O nosso compromisso</h3>
-        <div class="row g-4">
-            <div class="col-md-4">
+        <div class="profile-page-grid g-4">
+            <div>
                 <div class="card h-100 border-0">
                     <div class="card-body">
                         <i class="fas fa-globe-asia fa-3x text-primary mb-3"></i>
@@ -100,7 +100,7 @@
                     </div>
                 </div>
             </div>
-            <div class="col-md-4">
+            <div>
                 <div class="card h-100 border-0">
                     <div class="card-body">
                         <i class="fas fa-hand-holding-heart fa-3x text-primary mb-3"></i>
@@ -109,7 +109,7 @@
                     </div>
                 </div>
             </div>
-            <div class="col-md-4">
+            <div>
                 <div class="card h-100 border-0">
                     <div class="card-body">
                         <i class="fas fa-link fa-3x text-primary mb-3"></i>

resources/views/liquid_src/1/screen_protector_solutions/pages_sp_contact.liquid

@@ -26,7 +26,7 @@
       "@context": "https://schema.org",
       "@type": "LocalBusiness",
       "name": "Mietubl Tecnologia Brasil Ltda",
-      "image": "https://mietubl-dev.oss.mietubl.com.cn/dist_images/logo/logo67d12900e960a.webp",
+      "image": "{{ site.image_base_url }}{{ site.dist.logo }}",
       "url": "{{site.current_url}}",
       "priceRange": "$$",
       "address": {
@@ -51,7 +51,7 @@
         "email": "support@mietubl.com.br"
       },
       "sameAs": [
-        "https://www.facebook.com/MietublHolding/"
+                "{{ site.dist.facebook }}"
       ]
     }
     </script>

resources/views/liquid_src/1/screen_protector_solutions/products_categories.liquid

@@ -31,15 +31,15 @@
       "url": {{site.current_url}}",
       "numberOfItems": {{products | size}},
       "itemListElement": [
-       {% for item in products %}
+       {% for item in products %} {% if item.images and item.images[0].image_url %}{% assign image_url = item.images[0].image_url %}{% endif %}
         {
           "@type": "ListItem",
           "position": {{forloop.index}},
           "item": {
             "@type": "Product",
             "name": "{{ item.title | strip_html }}",
-            "image": "{% if image_url contains 'http' %}{{ image_url }}?x-oss-process=image/resize,m_pad,w_260,h_260{% else %}{{ site.image_base_url }}{{ image_url | append: '?x-oss-process=image/resize,m_pad,w_260,h_260' }}{% endif %}",
-            "url": "/products/{{ item.id }}",
+            "image": "{% if image_url contains 'http' %}{{ image_url }}{% else %}{{ site.image_base_url }}{{ image_url}}{% endif %}",
+            "url": "/produto/{{ item.slug }}",
             "brand": {"@type": "Brand", "name": "Mietubl"},
             "description": "{{ item.seo_description }}"
           }
@@ -55,7 +55,7 @@
 
 
 <div class="products-list container"> <!-- 修改外层容器类名 -->
-    <div class="breadcrumb"><a href="/" title="Home page">Home</a>  <strong>Data cable</strong></div>
+    <div class="breadcrumb"><a href="/" title="Home page">Home</a>  <strong>{{category.name}}</strong></div>
     
     <h2 class="section-header">{{category.name}}</h2>
 
@@ -64,7 +64,7 @@
         {% for item in products %}
         <div>
             <div class=" product-card">
-                <a href="/products/{{ item.id }}" title="{{ item.title | strip_html }}">
+                <a href="/produto/{{ item.slug }}" title="{{ item.title | strip_html }}">
                     {% if item.images and item.images[0].image_url %}
                     {% assign image_url = item.images[0].image_url %}
                         <img src="{% if image_url contains 'http' %}{{ image_url }}?x-oss-process=image/resize,m_pad,w_260,h_260{% else %}{{ site.image_base_url }}{{ image_url | append: '?x-oss-process=image/resize,m_pad,w_260,h_260' }}{% endif %}" class="card-img-top product-image"  alt="{{ item.title | strip_html }}">

resources/views/liquid_src/1/screen_protector_solutions/products_detail.liquid

@@ -2,7 +2,7 @@
 <html lang="{{site.dist.country_lang}}">
 <head>
     <meta charset="UTF-8">
-    <title>{{product.seo_title}} - Screen Protector Factory Directly</title>
+    <title>{{product.seo_title}}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="keywords" content="{{product.seo_keywords}}" />
     <meta name="description" content="{{product.seo_description}}" />
@@ -27,13 +27,13 @@
             "@type": "Product",
             "name": "{{product.seo_title}}",
             "image": [
-                {% for item in product.images %}"{% 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 %}"{% if forloop.last == false %},{% endif %}{% endfor %}
+                {% for item in product.images %}{% assign image_url = item.image_url %}"{% if image_url contains 'http' %}{{ image_url }}{% else %}{{ site.image_base_url }}{{ image_url }}{% endif %}"{% if forloop.last == false %},{% endif %}{% endfor %}
             ],
             "description": "{{product.seo_description}}",
             "brand": {
                 "@type": "Brand",
                 "name": "Mietubl",
-                "logo": "{{ site.asset_base_url }}dist_images/logo/logo67d12900e960a.webp"
+                "logo": "{{ site.image_base_url }}{{ site.dist.logo }}"
             },
             "sku": "{{product.sku | strip_html }}",
             "offers": {