Merge branch 'refs/heads/master' into stable

app/Http/Controllers/ContactController.php

@@ -71,7 +71,20 @@ class ContactController extends Controller
             // 指定特殊字段的值
             $data['dist_id'] = 0; // app('dist')->id; // 指定当前登录的分销商ID
             $data['referer_url']=$request->headers->get('referer'); // 获取上一页的URL
-            $data['ip_address'] = $request->ip(); // 获取用户IP地址
+
+            $data['ip_address'] = $request->server('HTTP_X_REAL_IP');
+
+            if (empty($data['ip_address'])) {
+                $forwardedFor = $request->server('HTTP_X_FORWARDED_FOR');
+                if ($forwardedFor) {
+                    $ips = explode(',', $forwardedFor);
+                    $data['ip_address'] = trim($ips[0]); // 取第一个 IP 并去除空格
+                } else {
+                    $data['ip_address'] = $request->ip(); // 备用方案
+                }
+            }
+
+
             $data['order_number']= generateOrderNumber('ORD');
             // 使用模型的 create 方法插入数据
             $distInquiry = DistInquiry::create($data);
@@ -87,12 +100,13 @@ class ContactController extends Controller
                 'order_number' => $distInquiry->order_number,
                 'customer_name' => $distInquiry->customer_name,
                 'email' => $distInquiry->email,
+                'whats_app' => $distInquiry->whats_app,
                 'consulting_products' => $distInquiry->consulting_products,
                 'freight_forwarder' => $distInquiry->freight_forwarder,
                 'business_model' => $distInquiry->business_model,
                 'content' => $distInquiry->content,
                 'referer_url' => $distInquiry->referer_url,
-                'ip'=>  $request->ip(),
+                'ip'=>  $data['ip_address'],
             ];
 
 

app/Http/Controllers/ProductController.php

@@ -46,6 +46,7 @@ class ProductController extends Controller
         $products = DistProduct::where('category_id', $category->id)
             ->where('dist_id', getDistId())
             ->where('enabled', 1)
+            ->where('status', 2)
             ->with('images') // Eager load images
             ->orderBy('order', 'desc') // 按 order 字段降序排序
             ->orderBy('id', 'desc') // 按 id 降序排序
@@ -115,6 +116,7 @@ class ProductController extends Controller
         $relatedProducts = DistProduct::where('category_id',  $product->category_id)
             ->where('dist_id', getDistId())
             ->where('enabled', 1)
+            ->where('status', 2)
             ->where('id', '<>', $product->id)
             ->with('images') // Eager load images
             ->orderBy('order', 'desc') // 按 order 字段降序排序

app/Services/LiquidRenderer.php

@@ -145,6 +145,8 @@ class LiquidRenderer
      */
     private static function getGlobalConfig(): array
     {
+        $preview = isset($_GET['mtb-preview']) ? intval($_GET['mtb-preview']) : 0;
+        //dd($preview);
         return [
             'site_title' => config('app.name'),
             'image_base_url' => config('liquid.image_base_url'),
@@ -154,6 +156,7 @@ class LiquidRenderer
             'menus_header'=>app('menus_header'),
             'menus_footer'=>app('menus_footer'),
             'current_url'=>app('current_url'),
+            'mtb_preview' => $preview,
         ];
     }
 }

resources/views/emails/inquiry.blade.php

@@ -10,10 +10,12 @@
 <p><strong>订单号：</strong>{{ $order_number }}</p>
 <p><strong>客户名称：</strong>{{ $customer_name }}</p>
 <p><strong>邮箱：</strong>{{ $email }}</p>
+<p><strong>Whatsapp ：</strong>{{ $whats_app }}</p>
 <p><strong>咨询产品：</strong>{{ $consulting_products }}</p>
 <p><strong>是否有货代：</strong>{{ $freight_forwarder }}</p>
 <p><strong>业务模式：</strong>{{ $business_model }}</p>
 <p><strong>内容：</strong>{{ $content }}</p>
 <p><strong>来源链接：</strong>{{ $referer_url }}</p>
+<p><strong>IP：</strong>{{ $ip }}</p>
 </body>
 </html>

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

@@ -0,0 +1,20 @@
+
+<section class="hero d-flex align-items-center">
+    <div class="container 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 btn-dark">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>
+            {% endfor %}
+        </div>
+        <div class="swiper-pagination"></div>
+    </div>
+</section>

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

@@ -0,0 +1,14 @@
+<section class="additional-products py-5">
+    <div class="container">
+        <!-- 添加导航按钮 -->
+        <div class="swiper-container-bottom">
+            <div class="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>
+    </div>
+</section>

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

@@ -0,0 +1,35 @@
+
+
+<!-- FAQ Section -->
+<section>
+    <div class="container faq">
+        <div class="breadcrumb"><a href="/" title="Home page">Home</a>  <strong>Perguntas frequentes</strong></div>
+        <div class="row justify-content-center">
+            <div class="col-md-12 col-lg-12">
+                <h2 class="faq-title">Perguntas frequentes</h2>
+                <!-- FAQ Accordion -->
+                <div class="accordion" id="faqAccordion">
+                    <!-- 修改了data-bs-target和id使其动态绑定 -->
+                    {% for item in pages %}
+                        <div class="accordion-item border-0 mb-3">
+                            <h3 class="accordion-header">
+                                <div class="accordion-button "
+                                     type="button"
+                                     data-bs-toggle="collapse"
+                                     data-bs-target="#collapse{{ forloop.index }}">  <!-- 动态ID -->
+                                    {{ item.title | decode_html_entities | strip_html }}
+                                </div>
+                            </h3>
+                            <div id="collapse{{ forloop.index }}" class="accordion-collapse collapse"
+                                 data-bs-parent="#faqAccordion">  <!-- 移除默认show类 -->
+                                <div class="accordion-body text-secondary">
+                                    {{ item.content | strip_html}}
+                                </div>
+                            </div>
+                        </div>
+                    {% endfor %}
+                </div>
+            </div>
+        </div>
+    </div>
+</section>

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

@@ -0,0 +1,54 @@
+
+<!-- Rodapé -->
+<footer class="bg-dark text-white py-4 footer">
+    <!-- 品牌标识区 -->
+    <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" mtb_edit="2">
+            </h2>
+        </div>
+        <div class="row">
+            <p class="mb-0 text-center logo-txt" mtb_edit="2">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>{{ site.dist.company_name }}</p>
+                <p>{{ site.dist.company_address }}</p>
+                <p>Telefone {{ site.dist.service_hotline }}</p>
+                <p mtb_edit="2">Horário de Atendimento:<br /> Segunda a Sexta das 9 às 17 horas</p>
+
+                <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>
+            </div>
+
+            {% for menu in site.menus_footer %}
+                {% if menu.show %}
+                    <div class="col-md-4">
+                        <h5>{{ menu.title }}</h5>
+                        <ul class="list-unstyled">
+                            {% for child in menu.children %}
+                                {% if child.show %}
+                                    <li><a href="{{ child.uri }}" class="text-white" title="{{ child.title }}">{{ child.title }}</a></li>
+                                {% endif %}
+                            {% endfor %}
+                        </ul>
+                    </div>
+                {% endif %}
+            {% endfor %}
+        </div>
+    </div>
+</footer>
+
+<!-- jQuery e Bootstrap JS -->
+<script src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/js/jquery-3.6.0.min.js"></script>
+<script src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
+<script src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/swiper/js/swiper.min.js"></script>
+<!-- JS Personalizado -->
+<script src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/js/scripts.js"></script>
+

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

@@ -0,0 +1,77 @@
+<header>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-orange">
+
+        <div class="container">
+            {% if site.dist.logo %}
+            <a class="header-logo position-absolute start-0 translate-middle-y" style="top:50%; z-index: 1000" href="/"><img src="{{ site.image_base_url }}{{ site.dist.logo }}" height="115px"></a>
+            {% endif %}
+
+            <div class="navbar-toggler-container position-absolute ">
+                <button class="navbar-toggler " type="button"
+                        data-bs-toggle="collapse"
+                        data-bs-target="#navbarNav"
+                        aria-controls="navbarNav"
+                        aria-expanded="false"
+                        aria-label="切换导航">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+            </div>
+
+            <div class="collapse navbar-collapse" id="navbarNav">
+                <ul class="navbar-nav">
+                    {% for menu in site.menus_header %}
+                        <li class="nav-item {% if menu.children and menu.children.size > 0 %}dropdown{% endif %}">
+                            {% if menu.children and menu.children.size > 0 %}
+                                <a  class="nav-link dropdown-toggle"  id="protetoresTelasDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="{% if menu.children and menu.children.size > 0 %}#{% else %}{{ menu.uri }}{% endif %}">
+                                    {{ menu.title }}
+                                </a>
+                            {% else %}
+                                <a class="nav-link" href="{% if menu.children and menu.children.size > 0 %}#{% else %}{{ menu.uri }}{% endif %}">
+                                    {{ menu.title }}
+                                </a>
+                            {% endif %}
+                            {% if menu.children and menu.children.size > 0 %}
+                                <ul class="dropdown-menu w-100 p-0">
+                                    <div class="container py-3" style="max-width: 90%; margin: 0 auto;">
+                                        <div class="row g-4">
+                                            {% for child in menu.children %}
+                                            <div class="col-4">
+                                                <div class="d-flex align-items-start">
+
+                                                    <div class="flex-shrink-0">
+                                                        {%  if child.image_url %}
+                                                        <img src="{{ site.asset_base_url }}{{ child.image_url }}"
+                                                             class="img-fluid rounded"
+                                                             style="width: 100%; height: 100%; object-fit: cover;">
+                                                        {% else %}
+                                                            <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/product_default.jpg"
+                                                                 class="img-fluid rounded"
+                                                                 style="width: 100%; height: 100%; object-fit: cover;">
+                                                        {% endif %}
+                                                    </div>
+
+                                                    <div class="flex-grow-1 ms-3">
+                                                        <h6 class="mb-2 fw-bold">{{ child.title }}</h6>
+                                                        <div class="d-flex flex-column">
+                                                            {% for item in child.children %}
+                                                            <a href="{{ item.uri }}" class="text-decoration-none  mb-1 small">{{ item.title }}</a>
+                                                            {% endfor %}
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            {% endfor %}
+                                        </div>
+                                    </div>
+                                </ul>
+                            {% endif %}
+                        </li>
+                    {% endfor %}
+
+                </ul>
+            </div>
+        </div>
+    </nav>
+</header>
+
+

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

@@ -0,0 +1,146 @@
+<!DOCTYPE html>
+<html lang="{{site.dist.country_lang}}">
+<head>
+    <meta charset="UTF-8">
+    <title>{{tag.seo_title}}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <link rel="canonical" href="{{site.current_url}}" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="{{site.dist.company_name}}" />
+    <meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <meta property="og:url" content="{{site.current_url}}" />
+    <meta property="og:site_name" content="{{site.dist.site_name}}" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <link rel='shortlink' href='{{site.current_url}}' />
+    <!-- Bootstrap CSS -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Font Awesome para ícones sociais -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/fontawesome/css/all.min.css" rel="stylesheet">
+    <!-- CSS Personalizado -->
+    <link rel="stylesheet" href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/swiper/css/swiper.min.css">
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/css/styles.css" rel="stylesheet">
+</head>
+<body>
+
+{% include '_header.liquid' %}
+
+
+<div class="container article-list">
+
+    <div class="breadcrumb">{% for breadcrumb in breadcrumbs %} {%if forloop.last%} <strong>Perguntas frequentes</strong> {%else%} <a href="{{ breadcrumb.url }}" title="Home page">{{ breadcrumb.name }}</a>{% endif %}{% endfor %} </div>
+
+
+    <div class="row g-4">
+        <!-- 左侧文章列表 -->
+        <div class="col-lg-8">
+            <div class="row row-cols-1 g-4">
+                {% for item in pages %}
+                    <!-- 单篇文章卡片 -->
+                    <div class="col">
+                        <div class="card article-card h-100 article-left">
+                            <div class="row g-0">
+                                <div class="col-md-4">
+                                    <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_pad,w_1024,h_1024' }}{% endif %}" class="img-fluid rounded-start post-cover" alt="{{ item.title | strip_html }}">
+                                        {% else %}
+                                            <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/" alt="{{ item.title | strip_html }}" class="post-cover">
+                                        {% endif %}
+                                    </a>
+                                </div>
+                                <div class="col-md-8">
+                                    <div class="card-body">
+                                        <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" target="_blank">
+                                            <h5 class="card-title">{{ item.title | strip_html }}</h5>
+                                        </a>
+
+                                        <div class="d-flex justify-content-between mb-2">
+                                            <small class="text-muted">{{ item.post_date | date: '%Y-%m-%d' }}</small>
+                                        </div>
+
+                                        <p class="card-text text-secondary">
+                                            {% if item.seo_description %}
+                                                {{ item.seo_description | truncatewords: 200 }}
+                                            {% endif %}
+                                        </p>
+                                    </div>
+                                </div>
+                                <hr class="w-100 mx-auto">
+                            </div>
+                        </div>
+                    </div>
+                {% endfor %}
+                <!-- 更多文章重复上述结构 -->
+                <!-- 分页代码 -->
+                <nav aria-label="Page navigation" class="mt-4">
+                    <ul class="pagination justify-content-center flex-wrap">
+                        {% if paginator.previous_page %}
+                            <li class="page-item mr-2">
+
+                                <a class="page-link" href="{{ paginator.previous_page_url }}" tabindex="-1">
+                                    <i class="fas fa-arrow-left fa-xs"></i>
+                                </a>
+                            </li>
+                        {% else %}
+                            <li class="page-item disabled mr-2">
+                                <a class="page-link text-gray" href="#" tabindex="-1">
+                                    <i class="fas fa-arrow-left fa-xs"></i>
+                                </a>
+                            </li>
+                        {% endif %}
+
+                        {% for page in paginator.pages %}
+                            {% if page == paginator.current_page %}
+                                <li class="page-item active mr-2" aria-current="page">
+                                    <a class="page-link" href="#">{{ page }}</a>
+                                </li>
+                            {% else %}
+                                <li class="page-item mr-2">
+                                    <a class="page-link" href="{{ paginator.page_url[page] }}">{{ page }}</a>
+                                </li>
+                            {% endif %}
+                        {% endfor %}
+
+                        {% if paginator.next_page %}
+                            <li class="page-item">
+                                <a class="page-link" href="{{ paginator.next_page_url }}">
+                                    <i class="fas fa-arrow-right fa-xs"></i>
+                                </a>
+                            </li>
+                        {% else %}
+                            <li class="page-item disabled">
+                                <a class="page-link text-gray" href="#">
+                                    <i class="fas fa-arrow-right fa-xs"></i>
+                                </a>
+                            </li>
+                        {% endif %}
+                    </ul>
+                </nav>
+            </div>
+        </div>
+
+        <!-- 右侧边栏 -->
+        <div class="col-lg-4">
+            <div class="recent-posts">
+                <h4 class="mb-4 bg-teal p-3 rounded">RECENT POSTS</h4>
+                <hr class="w-100 mx-auto ">
+                <div class="list-group">
+                    {% for item in pages %}
+                        <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" class="list-group-item list-group-item-action d-flex justify-content-between" title="{{ item.title | strip_html }}" target="_blank">
+                            <span>{{ item.title | strip_html }}</span>
+                            <small class="text-muted">{{ item.post_date | date: '%m-%d' }}</small>
+                        </a>
+                    {% endfor %}
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
+{% include '_footer.liquid' %}
+</body>
+</html>

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

@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang="{{site.dist.country_lang}}">
+<head>
+    <meta charset="UTF-8">
+    <title>{{site.dist.seo_title}}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta name="keywords" content="{{ site.dist.seo_keywords  | strip_html| strip_newlines }}" />
+    <meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <link rel="canonical" href="{{site.current_url}}" />
+    <meta property="og:locale" content="en" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="{{site.dist.seo_title}}" />
+    <meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <meta property="og:url" content="{{site.current_url}}" />
+    <meta property="og:site_name" content="{{ site.dist.site_name | strip_html| strip_newlines }}" />
+    <link rel='shortlink' href="{{site.current_url}}" />
+    <!-- Bootstrap CSS -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Font Awesome para ícones sociais -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/fontawesome/css/all.min.css" rel="stylesheet">
+    <!-- CSS Personalizado -->
+    <link rel="stylesheet" href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/swiper/css/swiper.min.css">
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/css/styles.css" rel="stylesheet">
+</head>
+<body>
+
+{% include '_header.liquid' %}
+
+<!-- Seção Hero -->
+
+{% banner limit=5 position=1 template='__banner_list.liquid' %}
+
+
+<!-- Seção de Produtos -->
+<section class="index-products py-5  {% if site.mtb_preview == 1 %}products-show{% endif %}">
+    <div class="container">
+        <h2 mtb_edit="1" id="ibjxa4" class="text-center mb-4">Nossos Produtos</h2>
+        <hr class="w-25 mx-auto mb-5">
+        <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">
+                        <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" mtb_edit="2">Máquinas para Protetores de Telas</h5>
+                            <p class="card-text" mtb_edit="2">Máquinas para impressão e corte para protetores de telas de celular</p>
+                        </div>
+
+                    </div>
+                </a>
+            </div>
+
+            <div class="col-md-4 mb-4"  mtb_edit="2" mtb_toolbar="clone,delete">
+                <a href="#" mtb_edit="2" >
+                    <div class="card">
+                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p2.webp" class="card-img-top" alt="Protetores de Telas de Vidro" mtb_edit="2">
+                        <div class="card-body">
+                            <h5 class="card-title" mtb_edit="2">Protetores de Telas de Vidro</h5>
+                            <p class="card-text" mtb_edit="2">Telas protetoras de vidro temperado para variados modelos de celulares e tablets</p>
+                        </div>
+                    </div>
+                </a>
+            </div>
+
+            <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">
+                        <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">Telas protetoras adesivas e em Hidrogel para celulares, tablets e laptops</p>
+                        </div>
+                    </div>
+                </a>
+            </div>
+            <!-- Adicione mais cards conforme necessário -->
+        </div>
+
+        <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">
+                        <img src="https://mietubl-dev.oss.mietubl.com.cn/static/tpl/screen_protector_solutions/image/p4.webp" alt="Fones Bluetooth" class="card-img-top" mtb_edit="2"/>
+                        <div class="card-body">
+                            <h5 class="card-title" mtb_edit="2">Fones Bluetooth</h5>
+                            <p class="card-text" mtb_edit="2">Fones auriculares sem fio</p>
+                        </div>
+                    </div>
+                </a>
+            </div>
+
+
+
+            <div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
+                <a href="#" mtb_edit="2">
+                    <div class="card">
+                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p5.webp" class="card-img-top" alt="Alto Falantes" mtb_edit="2">
+                        <div class="card-body">
+                            <h5 class="card-title" mtb_edit="2">Alto Falantes</h5>
+                            <p class="card-text" mtb_edit="2">Alto-falantes Bluetooth portáteis</p>
+                        </div>
+                    </div>
+                </a>
+            </div>
+
+
+
+            <div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
+                <a href="#" mtb_edit="2">
+                    <div class="card">
+                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p6.webp" class="card-img-top" alt="Headphones" mtb_edit="2">
+                        <div class="card-body">
+                            <h5 class="card-title" mtb_edit="2">Headphones</h5>
+                            <p class="card-text" mtb_edit="2">Headphones com ou sem fio</p>
+                        </div>
+                    </div>
+                </a>
+            </div>
+        </div>
+
+        <div mtb_edit="2" mtb_toolbar="clone,delete"  class="row">
+
+            <div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
+                <a href="#" mtb_edit="2">
+                    <div class="card">
+                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p7.webp" class="card-img-top" alt="Cabos de Dados" mtb_edit="2">
+                        <div class="card-body">
+                            <h5 class="card-title" mtb_edit="2">Cabos de Dados</h5>
+                            <p class="card-text" mtb_edit="2">Cabos de Dados para celulares e tablets</p>
+                        </div>
+                    </div>
+                </a>
+            </div>
+
+            <div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
+                <a href="#" mtb_edit="2">
+                    <div class="card">
+                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p8.webp" class="card-img-top" alt="Carregadores" mtb_edit="2">
+                        <div class="card-body">
+                            <h5 class="card-title" mtb_edit="2">Carregadores</h5>
+                            <p class="card-text" mtb_edit="2">Carregadores rápidos para celulares, tablets, laptops e notebooks</p>
+                        </div>
+                    </div>
+                </a>
+            </div>
+
+            <div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
+                <a href="#" mtb_edit="2">
+                    <div class="card">
+                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p9.jpg" class="card-img-top" alt="Carregadores" mtb_edit="2">
+                        <div class="card-body">
+                            <h5 class="card-title" mtb_edit="2">Fones Auriculares</h5>
+                            <p class="card-text" mtb_edit="2">Fones de ouvido com fio</p>
+                        </div>
+                    </div>
+                </a>
+            </div>
+        </div>
+    </div>
+</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>
+    <!-- 内容容器 -->
+    <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 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 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 -->
+
+{% banner limit=10 position=2 template='__banner_list_2.liquid' %}
+
+
+
+{% include '_footer.liquid' %}
+
+<script>
+    //主页轮播图
+    var swiper = new Swiper('.swiper-container', {
+        effect: 'flip', // 使用翻页效果
+        flip: { // Flip 效果的配置
+            slideShadows: false, // 滑动时显示阴影
+            limitRotation: true // 限制翻转角度
+        },
+        pagination: '.swiper-pagination', // 分页器
+        paginationClickable: true, // 分页器可点击
+        autoplay: 5000, // 自动播放间隔（毫秒）
+        loop: true // 循环播放
+    });
+
+    var swiperBottom = new Swiper('.swiper-container-bottom', {
+        loop: true,
+        autoplay: 5000,
+        slidesPerView: 4,
+        spaceBetween: 31,
+        breakpoints: {
+            0: {    // 手机端
+                slidesPerView: 1,
+                spaceBetween: 10
+            },
+            576: {  // 小屏
+                slidesPerView: 2,
+                spaceBetween: 20
+            },
+            768: {  // 平板
+                slidesPerView: 3,
+                spaceBetween: 25
+            },
+            992: {  // 桌面
+                slidesPerView: 4,
+                spaceBetween: 30
+            }
+        }
+    });
+</script>
+</body>
+</html>

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

@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="{{site.dist.country_lang}}">
+<head>
+    <meta charset="UTF-8">
+    <title>{{page.seo_title}}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta name="keywords" content="{{page.seo_keywords  | strip_html| strip_newlines }}" />
+    <meta name="description" content="{{page.seo_description  | strip_html| strip_newlines }}" />
+    <link rel="canonical" href="{{site.current_url}}" />
+    <meta property="og:locale" content="en" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="{{page.seo_title}}" />
+    <meta property="og:description" content="{{page.seo_title | strip_html| strip_newlines }}" />
+    <meta property="og:url" content="{{site.current_url}}" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <link rel='shortlink' href="{{site.current_url}}" />
+    <!-- Bootstrap CSS -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Font Awesome para ícones sociais -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/fontawesome/css/all.min.css" rel="stylesheet">
+    <!-- CSS Personalizado -->
+    <link rel="stylesheet" href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/swiper/css/swiper.min.css">
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/css/styles.css" rel="stylesheet">
+</head>
+<body>
+
+{% include '_header.liquid' %}
+
+
+<div class="container article-detail">
+
+    <div class="breadcrumb">{% for breadcrumb in breadcrumbs %} {%if forloop.last%} <strong>Perguntas frequentes</strong> {%else%} <a href="{{ breadcrumb.url }}" title="Home page">{{ breadcrumb.name }}</a>{% endif %}{% endfor %} </div>
+
+
+    <div class="row">
+        <!-- 主内容区 -->
+        <div class="col-lg-12">
+            <article class="card article-content">
+                <div class="card-body">
+                    <!-- 文章标题 -->
+                    <h1 class="mb-5 fw-bold display-6">{{ page.title | raw }}</h1>
+
+                    <!-- 文章元信息 -->
+                    <div class="d-flex justify-content-between mb-4 text-muted article-date">
+                        <div>
+                            <span><i class="fas fa-clock me-1"></i>{{ page.post_date | date: '%Y-%m-%d' }}</span>
+                        </div>
+                    </div>
+
+
+
+                    <!-- 文章正文 -->
+                    <div class="article-body">
+                        {{page.content | raw }}
+                    </div>
+
+                    <!-- 分页导航 -->
+                    <nav class="mt-5 text-center">
+                        <ul class="pagination justify-content-center post-pagination">
+                            {% if paginator.previous_page %}
+                            <li class="page-item">
+                                <a class="page-link text-white page-bg-orange" href="{{ paginator.previous_page_url }}">
+                                    <i class="fas fa-chevron-left me-2"></i>
+                                </a>
+                            </li>
+                            {% else %}
+                                <li class="page-item disabled">
+                                    <a class="page-link text-white" href="#">
+                                        <i class="fas fa-chevron-left me-2"></i>
+                                    </a>
+                                </li>
+                            {% endif %}
+
+
+                            {% if paginator.next_page %}
+                                <li class="page-item button-next">
+                                    <a class="page-link text-white page-bg-orange" href="{{ paginator.next_page_url }}">
+                                        <i class="fas fa-chevron-right ms-2"></i>
+                                    </a>
+                                </li>
+                            {% else %}
+                                <li class="page-item disabled button-next">
+                                    <a class="page-link  text-white" href="#">
+                                        <i class="fas fa-chevron-right ms-2"></i>
+                                    </a>
+                                </li>
+                            {% endif %}
+                        </ul>
+                    </nav>
+                </div>
+            </article>
+        </div>
+
+        <!-- 右侧边栏 -->
+
+    </div>
+</div>
+
+
+{% include '_footer.liquid' %}
+</body>
+</html>

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

@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="{{site.dist.country_lang}}">
+<head>
+    <meta charset="UTF-8">
+    <title>{{page.seo_title}}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta name="keyword" content="{{ page.seo_keywords  | strip_html| strip_newlines }}" />
+    <meta name="description" content="{{ page.seo_description  | strip_html| strip_newlines }}" />
+    <link rel="canonical" href="{{site.current_url}}" />
+    <meta property="og:locale" content="en" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="{{ site.dist.seo_title }}" />
+    <meta property="og:description" content="{{ page.seo_description  | strip_html| strip_newlines }}" />
+    <meta property="og:url" content="{{site.current_url}}" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <link rel='shortlink' href='{{site.current_url}}' />
+    <!-- Bootstrap CSS -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Font Awesome para ícones sociais -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/fontawesome/css/all.min.css" rel="stylesheet">
+    <!-- CSS Personalizado -->
+    <link rel="stylesheet" href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/swiper/css/swiper.min.css">
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/css/styles.css" rel="stylesheet">
+</head>
+<body>
+
+{% include '_header.liquid' %}
+
+
+<!-- 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" mtb_edit="2">Sobre Mietubl</h1>
+        <p class="lead" mtb_edit="2">Nascido na China, crescendo com fabricação inteligente</p>
+    </div>
+</section>
+
+<!-- Main Content -->
+<section class="py-5">
+    <div class="container">
+        <div class="row align-items-center g-5">
+            <div class="col-lg-6">
+
+                <h3 class="section-title  text-center py-5"> {{ page.title | raw }}</h3>
+                <div class="text-muted lead">
+                    {{page.content | raw }}
+                </div>
+            </div>
+            <div class="col-lg-6">
+                <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/Profile.webp"
+                     alt="Manufacturing"
+                     class="img-fluid rounded-3 shadow">
+            </div>
+        </div>
+    </div>
+</section>
+
+
+
+
+
+<!-- Core Values -->
+<section class="core-values">
+    <div class="container text-center py-5">
+        <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 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>
+            <div class="col-md-4">
+                <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 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>
+            <div class="col-md-4">
+                <div class="card h-100 border-0">
+                    <div class="card-body">
+                        <i class="fas fa-link fa-3x text-success mb-3"></i>
+                        <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>
+        </div>
+    </div>
+</section>
+
+
+
+
+{% include '_footer.liquid' %}
+</body>
+</html>

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

@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="{{site.dist.country_lang}}">
+<head>
+    <meta charset="UTF-8">
+    <title>{{page.seo_title}}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta name="keyword" content="{{ page.seo_keywords  | strip_html| strip_newlines }}" />
+    <meta name="description" content="{{ page.seo_description  | strip_html| strip_newlines }}" />
+    <link rel="canonical" href="{{site.current_url}}" />
+    <meta property="og:locale" content="en" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="{{ site.dist.seo_title }}" />
+    <meta property="og:description" content="{{ page.seo_description  | strip_html| strip_newlines }}" />
+    <meta property="og:url" content="{{site.current_url}}" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <link rel='shortlink' href='{{site.current_url}}' />
+    <!-- Bootstrap CSS -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Font Awesome para ícones sociais -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/fontawesome/css/all.min.css" rel="stylesheet">
+    <!-- CSS Personalizado -->
+    <link rel="stylesheet" href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/swiper/css/swiper.min.css">
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/css/styles.css" rel="stylesheet">
+</head>
+<body>
+
+{% include '_header.liquid' %}
+
+
+
+
+<section class="contact-section">
+    <div class="container">
+        <div class="breadcrumb"><a href="/" title="Home page">Home</a>  <strong>Perguntas frequentes</strong></div>
+        <div class="row g-5 contact-row">
+            <!-- Left Column -->
+            <div class="col-md-6">
+                <h2 class="mb-5" mtb_edit="2">Contato</h2>
+                <div class="mb-5">
+                    <h3>{{ site.dist.company_name }}</h3>
+                    <p class="text-muted">
+                        {{ site.dist.company_address }}
+                    </p>
+                </div>
+
+                <div class="mb-5">
+                    <h3>Telefone</h3>
+                    <p class="text-muted">{{ site.dist.service_hotline }}</p>
+                </div>
+
+                <div class="mb-5">
+                    <h3 mtb_edit="2">Horário de Atendimento</h3>
+                    <p class="text-muted" mtb_edit="2">
+                        Segunda a Sexta das 09:00 às 17:00 horas
+                    </p>
+                </div>
+            </div>
+
+
+
+
+            <div class="col-md-6 contact-form">
+                <div class="form-container">
+                    <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" mtb_edit="2">Nome</label>
+                            <div class="col-md-9">
+                                <input type="text" name="customer_name" class="form-control" required>
+                            </div>
+                        </div>
+
+                        <!-- 邮箱 -->
+                        <div class="row mb-3 align-items-center">
+                            <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>
+                        </div>
+
+                        <!-- 公司名称 -->
+                        <div class="row mb-3 align-items-center">
+                            <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>
+                        </div>
+
+                        <!-- WhatsApp -->
+                        <div class="row mb-3 align-items-center">
+                            <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>
+                        </div>
+
+                        <!-- 消息 -->
+                        <div class="row mb-3 align-items-center">
+                            <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>
+                        </div>
+
+                        <!-- 提交按钮 -->
+                        <div class="row">
+                            <div class="col-md-9 offset-md-3">
+                                <button class="quote btnch"  data-bs-toggle="modal" data-bs-target="#quoteModal">Get a quote</button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+{% include '_footer.liquid' %}
+<script>
+    $(document).ready(function() {
+        $('#form_contact').on('submit', function(event) {
+            event.preventDefault();
+            var form = $(this);
+            var token = $('input[name="_token"]').val();
+            var formData = form.serialize();
+
+            // Validate required fields
+            var requiredFields = form.find('.required-field input, .required-field textarea');
+            var hasError = false;
+
+            requiredFields.each(function() {
+                if ($(this).val().trim() === '') {
+                    alert('please fill in all required fields');
+                    hasError = true;
+                }
+            });
+
+            if (hasError) return;
+
+            // Validate WhatsApp as a number
+            var whatsapp = $('input[name="whats_app"]').val();
+            if (whatsapp == "") {
+                alert('please enter a valid WhatsApp number');
+                return;
+            }
+
+            // Validate email format
+            var email = $('input[name="email"]').val();
+            if (email == "") {
+                alert('please enter a valid email address');
+                return;
+            }
+            // Submit via AJAX
+            $.ajax({
+                url: form.data('action'),
+                type: 'POST',
+                data: formData,
+                dataType: 'json',
+                beforeSend: function() {
+                    // Before send
+                },
+                success: function(response) {
+                    alert('Success!');
+                    form.trigger('reset');
+                },
+                error: function(xhr, status, error) {
+                    alert('error! Please try again later.');
+                }
+            });
+
+        });
+    });
+</script>
+</body>
+</html>

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

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="{{site.dist.country_lang}}">
+<head>
+    <meta charset="UTF-8">
+    <title>{{page.seo_title}}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta name="keyword" content="{{ page.seo_keywords  | strip_html| strip_newlines }}" />
+    <meta name="description" content="{{ page.seo_description  | strip_html| strip_newlines }}" />
+    <link rel="canonical" href="{{site.current_url}}" />
+    <meta property="og:locale" content="en" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="{{ site.dist.seo_title }}" />
+    <meta property="og:description" content="{{ page.seo_description  | strip_html| strip_newlines }}" />
+    <meta property="og:url" content="{{site.current_url}}" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <link rel='shortlink' href='{{site.current_url}}' />
+    <!-- Bootstrap CSS -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Font Awesome para ícones sociais -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/fontawesome/css/all.min.css" rel="stylesheet">
+    <!-- CSS Personalizado -->
+    <link rel="stylesheet" href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/swiper/css/swiper.min.css">
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/css/styles.css" rel="stylesheet">
+</head>
+<body>
+{% include '_header.liquid' %}
+
+
+{% collection slug="FAQ" limit=3 template="__collection_list_1.liquid" %}
+
+
+
+{% include '_footer.liquid' %}
+</body>
+</html>

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

@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="{{site.dist.country_lang}}">
+<head>
+    <meta charset="UTF-8">
+    <title> {{category.seo_title}}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta name="keywords" content="{{ site.dist.seo_keywords}}" />
+	<meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <link rel="canonical" href="{{site.current_url}}/" />
+    <meta property="og:locale" content="en" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="{{site.dist.company_name}}" />
+    <meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <meta property="og:url" content="{{site.current_url}}" />
+    <meta property="og:site_name" content="{{site.dist.site_name}}" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <link rel='shortlink' href='{{site.current_url}}' />
+    <!-- Bootstrap CSS -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Font Awesome para ícones sociais -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/fontawesome/css/all.min.css" rel="stylesheet">
+    <!-- CSS Personalizado -->
+    <link rel="stylesheet" href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/swiper/css/swiper.min.css">
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/css/styles.css" rel="stylesheet">
+</head>
+<body>
+{% include '_header.liquid' %}
+
+
+<div class="products-list container"> <!-- 修改外层容器类名 -->
+    <div class="breadcrumb"><a href="/" title="Home page">Home</a>  <strong>{{category.name}}</strong></div>
+
+    <h2 class="section-header">{{category.name}}</h2>
+
+    <div class="row g-4 section-list"> <!-- 修改内层容器类名 -->
+        <!-- 头戴式降噪耳机 -->
+        {% for item in products %}
+        <div class="col-6 col-md-3">
+            <div class=" product-card">
+                <a href="/products/{{ item.id }}" 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 }}">
+                    {% else %}
+                        <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/product_default.jpg" class="card-img-top product-image"  alt="{{ item.title | strip_html }}">
+                    {% endif %}
+                    <div class="card-body text-center">
+                        <h3 class="product-title">{{ item.title | strip_html }}</h3>
+                    </div>
+                </a>
+            </div>
+        </div>
+        {% endfor %}
+
+        <!-- 分页代码 -->
+        <nav aria-label="Page navigation" class="mt-4">
+            <ul class="pagination justify-content-center flex-wrap">
+                {% if paginator.previous_page %}
+                    <li class="page-item mr-2">
+
+                        <a class="page-link" href="{{ paginator.previous_page_url }}" tabindex="-1">
+                            <i class="fas fa-arrow-left fa-xs"></i>
+                        </a>
+                    </li>
+                {% else %}
+                    <li class="page-item disabled mr-2">
+                        <a class="page-link text-gray" href="#" tabindex="-1">
+                            <i class="fas fa-arrow-left fa-xs"></i>
+                        </a>
+                    </li>
+                {% endif %}
+
+                {% for page in paginator.pages %}
+                    {% if page == paginator.current_page %}
+                        <li class="page-item active mr-2" aria-current="page">
+                            <a class="page-link" href="#">{{ page }}</a>
+                        </li>
+                    {% else %}
+                        <li class="page-item mr-2">
+                            <a class="page-link" href="{{ paginator.page_url[page] }}">{{ page }}</a>
+                        </li>
+                    {% endif %}
+                {% endfor %}
+
+                {% if paginator.next_page %}
+                    <li class="page-item">
+                        <a class="page-link" href="{{ paginator.next_page_url }}">
+                            <i class="fas fa-arrow-right fa-xs"></i>
+                        </a>
+                    </li>
+                {% else %}
+                    <li class="page-item disabled">
+                        <a class="page-link text-gray" href="#">
+                            <i class="fas fa-arrow-right fa-xs"></i>
+                        </a>
+                    </li>
+                {% endif %}
+            </ul>
+        </nav>
+
+    </div>
+</div>
+
+
+
+
+{% include '_footer.liquid' %}
+</body>
+</html>

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

@@ -0,0 +1,323 @@
+<!DOCTYPE html>
+<html lang="{{site.dist.country_lang}}">
+<head>
+    <meta charset="UTF-8">
+    <title>{{product.seo_title}} - Screen Protector Factory Directly</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}}" />
+    <link rel="canonical" href="{{site.current_url}}/" />
+    <meta property="og:locale" content="{{site.dist.country_lang}}" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="{{product.seo_title}}" />
+    <meta property="og:description" content="{{product.seo_description}}" />
+    <meta property="og:url" content="{{site.current_url}}" />
+    <meta property="og:site_name" content="{{site.dist.site_name}}" />
+    <link rel='shortlink' href="{{site.current_url}}" />
+    <!-- Bootstrap CSS -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Font Awesome para ícones sociais -->
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/fontawesome/css/all.min.css" rel="stylesheet">
+    <!-- CSS Personalizado -->
+    <link rel="stylesheet" href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/swiper/css/swiper.min.css">
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/css/styles.css" rel="stylesheet">
+</head>
+<body>
+
+
+
+{% include '_header.liquid' %}
+
+
+<div class="container products-detail">
+    <div class="breadcrumb">{% for breadcrumb in breadcrumbs %} {%if forloop.last%} <strong>Perguntas frequentes</strong> {%else%} <a href="{{ breadcrumb.url }}" title="Home page">{{ breadcrumb.name }}</a>{% endif %}{% endfor %} </div>
+
+
+
+    <!-- 第一行 -->
+    <div class="row g-4">
+        <!-- 左侧图片轮播 -->
+        <div class="col-md-5 top-left">
+            <div id="mainCarousel" class="carousel slide main-carousel">
+                <div class="carousel-inner">
+                    {% 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">
+                    {% 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>
+
+        <!-- 右侧产品介绍 -->
+        <div class="col-md-7 top-right">
+            <h1> {{product.title | strip_html }}</h1>
+
+            <div class="sku">{{product.sku | strip_html }}</div>
+
+            <div class="product-parameters">
+                {{ product.seo_description | strip_html }}
+            </div>
+
+            <div class="features"></div>
+
+
+            {% comment %}{% endcomment %}
+            {% comment %}<div class="contact-form">{% endcomment %}
+            {% comment %}<div class="form-container">{% endcomment %}
+            {% comment %}<h3 class="mb-4" mtb_edit="2">Obter Amostra Gratuita Agora</h3>{% endcomment %}
+            {% comment %}{% endcomment %}
+            {% comment %}<form id="form_contact" data-action="/contact" class="form-default" role="form">{% endcomment %}
+            {% comment %}<input type="hidden" name="consulting_products" value="{{ product.title }}" />{% endcomment %}
+            {% comment %}<!-- 姓名 -->{% endcomment %}
+            {% comment %}<div class="row mb-3 align-items-center">{% endcomment %}
+            {% comment %}<label class="col-md-3 col-form-label" mtb_edit="2">Nome</label>{% endcomment %}
+            {% comment %}<div class="col-md-9">{% endcomment %}
+            {% comment %}<input type="text" name="customer_name" class="form-control" required>{% endcomment %}
+            {% comment %}</div>{% endcomment %}
+            {% comment %}</div>{% endcomment %}
+            {% comment %}{% endcomment %}
+            {% comment %}<!-- 邮箱 -->{% endcomment %}
+            {% comment %}<div class="row mb-3 align-items-center">{% endcomment %}
+            {% comment %}<label class="col-md-3 col-form-label" mtb_edit="2">E-mail</label>{% endcomment %}
+            {% comment %}<div class="col-md-9">{% endcomment %}
+            {% comment %}<input type="email" name="email" class="form-control" required>{% endcomment %}
+            {% comment %}</div>{% endcomment %}
+            {% comment %}</div>{% endcomment %}
+            {% comment %}{% endcomment %}
+            {% comment %}<!-- 公司名称 -->{% endcomment %}
+            {% comment %}<div class="row mb-3 align-items-center">{% endcomment %}
+            {% comment %}<label class="col-md-3 col-form-label" mtb_edit="2">Empresa</label>{% endcomment %}
+            {% comment %}<div class="col-md-9">{% endcomment %}
+            {% comment %}<input type="text" name="company_name" class="form-control">{% endcomment %}
+            {% comment %}</div>{% endcomment %}
+            {% comment %}</div>{% endcomment %}
+            {% comment %}{% endcomment %}
+            {% comment %}<!-- WhatsApp -->{% endcomment %}
+            {% comment %}<div class="row mb-3 align-items-center">{% endcomment %}
+            {% comment %}<label class="col-md-3 col-form-label" mtb_edit="2">WhatsApp</label>{% endcomment %}
+            {% comment %}<div class="col-md-9">{% endcomment %}
+            {% comment %}<input type="tel" name="whats_app" class="form-control">{% endcomment %}
+            {% comment %}</div>{% endcomment %}
+            {% comment %}</div>{% endcomment %}
+            {% comment %}{% endcomment %}
+            {% comment %}<!-- 消息 -->{% endcomment %}
+            {% comment %}<div class="row mb-3 align-items-center">{% endcomment %}
+            {% comment %}<label class="col-md-3 col-form-label" mtb_edit="2">Mensagem</label>{% endcomment %}
+            {% comment %}<div class="col-md-9">{% endcomment %}
+            {% comment %}<textarea class="form-control" name="content" rows="2"></textarea>{% endcomment %}
+            {% comment %}</div>{% endcomment %}
+            {% comment %}</div>{% endcomment %}
+            {% comment %}{% endcomment %}
+            {% comment %}<!-- 提交按钮 -->{% endcomment %}
+            {% comment %}<div class="row">{% endcomment %}
+            {% comment %}<div class="col-md-9 offset-md-3">{% endcomment %}
+            {% comment %}<button type="submit" class="btn btn-custom w-100" mtb_edit="2">Enviar</button>{% endcomment %}
+            {% comment %}</div>{% endcomment %}
+            {% comment %}</div>{% endcomment %}
+            {% comment %}</form>{% endcomment %}
+            {% comment %}</div>{% endcomment %}
+            {% comment %}</div>{% endcomment %}
+
+            <button class="quote btnch"  data-bs-toggle="modal" data-bs-target="#quoteModal">Get a quote</button>
+        </div>
+    </div>
+
+
+    <!-- 第二行 产品详情 -->
+    {% comment %}<div class="row mt-5">{% endcomment %}
+        {% comment %}<div class="col-12">{% endcomment %}
+            {% comment %}<h2 class="mb-4" mtb_edit="2">{% endcomment %}
+                {% comment %}Informações adicionais{% endcomment %}
+            {% comment %}</h2>{% endcomment %}
+            {% comment %}<hr class="w-100 mx-auto mb-5">{% endcomment %}
+            {% comment %}<div class="product-description">{% endcomment %}
+                {% comment %}{{product.content | raw }}{% endcomment %}
+            {% comment %}</div>{% endcomment %}
+        {% comment %}</div>{% endcomment %}
+    {% comment %}</div>{% endcomment %}
+
+    <div class="row mt-5">
+        <div class="col-12">
+            <ul class="nav nav-tabs mb-4" id="myTab" role="tablist">
+                <li class="nav-item" role="presentation">
+                    <button class="nav-link active" id="description-tab" data-bs-toggle="tab" data-bs-target="#description" type="button" role="tab" aria-controls="description" aria-selected="true">
+                        Descrição
+                    </button>
+                </li>
+                <li class="nav-item" role="presentation">
+                    <button class="nav-link" id="specification-tab" data-bs-toggle="tab" data-bs-target="#specification" type="button" role="tab" aria-controls="specification" aria-selected="false">
+                        Especificação
+                    </button>
+                </li>
+            </ul>
+
+            <div class="tab-content" id="myTabContent">
+                <div class="tab-pane fade show active" id="description" role="tabpanel" aria-labelledby="description-tab">
+                    <div class="product-description">
+                        {{product.content | raw }}
+                    </div>
+                </div>
+                <div class="tab-pane fade" id="specification" role="tabpanel" aria-labelledby="specification-tab">
+                    <!-- 在这里添加Specification的内容 -->
+                    <table class="table table-striped table-hover parameters-table">
+                        {% for item in product.parameters %}
+                        <tr>
+                            <td>
+                                <strong>{{ item.key }}</strong>
+                            </td>
+                            <td>
+                                {{ item.value }}
+                            </td>
+                        </tr>
+                        {% endfor %}
+                    </table>
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+
+<!-- Hidden content -->
+
+<div class="modal fade" id="quoteModal" tabindex="-1" aria-labelledby="quoteModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="quoteModalLabel">Seja um Representante</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body contact-form">
+                <form id="form_contact" data-action="/contact" class="form-default" role="form">
+                    <input type="hidden" name="consulting_products" value="{{ product.title }}" />
+
+                    <!-- 修改为上下布局 -->
+                    <div class="mb-3">
+                        <label class="form-label">Nome</label>
+                        <input type="text" name="customer_name" class="form-control" required>
+                    </div>
+
+                    <div class="mb-3">
+                        <label class="form-label">E-mail</label>
+                        <input type="email" name="email" class="form-control" required>
+                    </div>
+
+                    <div class="mb-3">
+                        <label class="form-label">Empresa</label>
+                        <input type="text" name="company_name" class="form-control">
+                    </div>
+
+                    <div class="mb-3">
+                        <label class="form-label">WhatsApp</label>
+                        <input type="tel" name="whats_app" class="form-control">
+                    </div>
+
+                    <div class="mb-3">
+                        <label class="form-label">Mensagem</label>
+                        <textarea class="form-control" name="content" rows="4"></textarea>
+                    </div>
+
+                    <!-- 按钮保持原宽度 -->
+                    <div class="d-grid text-center" style="display: grid; justify-content: center;">
+                        <button type="submit" class="quote btnch">Enviar</button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+{% include '_footer.liquid' %}
+
+<script>
+    var swiper = new Swiper('.swiper-container', {
+        slidesPerView: 5,
+        paginationClickable: true,
+        spaceBetween: 30,
+        freeMode: true
+    });
+
+    $(document).ready(function() {
+        $('#form_contact').on('submit', function(event) {
+            event.preventDefault();
+            var form = $(this);
+            var token = $('input[name="_token"]').val();
+            var formData = form.serialize();
+
+            // Validate required fields
+            var requiredFields = form.find('.required-field input, .required-field textarea');
+            var hasError = false;
+
+            requiredFields.each(function() {
+                if ($(this).val().trim() === '') {
+                    alert('please fill in all required fields');
+                    hasError = true;
+                }
+            });
+
+            if (hasError) return;
+
+            // Validate WhatsApp as a number
+            var whatsapp = $('input[name="whats_app"]').val();
+            if (whatsapp == "") {
+                alert('please enter a valid WhatsApp number');
+                return;
+            }
+
+            // Validate email format
+            var email = $('input[name="email"]').val();
+            if (email == "") {
+                alert('please enter a valid email address');
+                return;
+            }
+            console.log(formData);
+
+            // Submit via AJAX
+            $.ajax({
+                url: form.data('action'),
+                type: 'POST',
+                data: formData,
+                dataType: 'json',
+                beforeSend: function() {
+                    // Before send
+                },
+                success: function(response) {
+                    alert('Success!');
+                    form.trigger('reset');
+                },
+                error: function(xhr, status, error) {
+                    alert('error! Please try again later.');
+                }
+            });
+
+        });
+    });
+
+
+</script>
+</body>
+</html>

resources/views/liquid_src/1/screenprotector/__collection_list_1.liquid

@@ -7,7 +7,7 @@
                         {% assign image_url = item.images[0].image_url %}
 
                         {% 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_pad,w_380,h_220' }}{% endif %}" alt="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_pad,w_380,h_220' }}{% endif %}" alt=" {{ item.title | decode_html_entities | strip_html }}">
                         {% else %}
                             <img src="{{ site.image_base_url }}static/common/images/product_default.jpg" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
                         {% endif %}
@@ -16,14 +16,14 @@
 
                     <div class="post-content">
                         <div class="blog-header">
-                            <a href="/pages/{{ item.id }}" target="_blank">
+                            <a href="/pages/{{ item.id }}" title="{{ item.title | decode_html_entities | strip_html }}" target="_blank">
                                 {{ item.title | decode_html_entities | strip_html }}
                             </a>
                         </div>
                         <div class="blog-summary">
 
-                            {% if item.content %}
-                                {{ item.title | truncatewords: 20 }}
+                            {% if item.seo_description %}
+                                {{ item.seo_description |raw | truncatewords: 20 }}
                             {% else %}
                                 No description available
                             {% endif %}

resources/views/liquid_src/1/screenprotector/__contact.liquid

@@ -6,17 +6,17 @@
             <p mtb_edit="1" class="sub-title" id="ijoiu2">Talk to our team and share your exciting ideas with Mietubl.We will always be ready to help.</p>
             <div class="widget-container">
                 <div class="contact-widget">
-                    <div class="icon-box"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/whatsapp.svg"></div>
+                    <div class="icon-box"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/whatsapp.svg" alt="WhatsApp"></div>
                     <div class="contact-widget-title">WhatsApp</div>
                     <div mtb_edit="1" class="contact-widget-detail" id="ihk88g">Questions about our product or pricing? Talk to us now</div>
-                    <div class="contact-widget-number">{{ site.dist.service_hotline }}</div>
+                    <div class="contact-widget-number"><a href="whatsapp://send/?phone=+8617000161888&text=Hello!">{{site.dist.service_hotline }}</a></div>
                 </div>
 
                 <div class="contact-widget">
-                    <div class="icon-box"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/mail.svg"></div>
+                    <div class="icon-box"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/mail.svg" alt="E-mail"></div>
                     <div class="contact-widget-title">Email</div>
                     <div mtb_edit="1" class="contact-widget-detail" id="i62o56">For more questions, you can also write to us.</div>
-                    <div class="contact-widget-number">{{ site.dist.dist_email }}</div>
+                    <div class="contact-widget-number"><a href="mailto:{{ site.dist.dist_email }}">{{ site.dist.dist_email }}</a></div>
                 </div>
             </div>
         </div>
@@ -41,7 +41,7 @@
                             <label for="form-field-message" class="elementor-field-label">Message</label>
                             <textarea class="field-textual" name="content" id="form-field-message" rows="4" placeholder="Message"></textarea>
                         </div>
-                        <div class="button-wrapper" id="send_button" style="cursor: pointer;"> Send</div>
+                        <div class="button-wrapper" id="send_button" style="cursor: pointer;">Send</div>
                     </div>
                 </form>
             </div>

resources/views/liquid_src/1/screenprotector/__index.about.liquid

@@ -2,19 +2,17 @@
 <div class="left-box">
 				<div class="elementor-element elementor-element-4fb7960 elementor-widget elementor-widget-heading" data-id="4fb7960" data-element_type="widget" data-widget_type="heading.default">
 				<div class="elementor-widget-container">
-					<h2 class="elementor-heading-title elementor-size-default">{{ page.title }}</h2>		</div>
+					<h2 class="elementor-heading-title elementor-size-default">{{ page.title }}</h2>
+				</div>
 				</div>
 				<div class="elementor-widget-container">
 					<p>{{ page.content }}</p>
 				</div>
 				<div class="elementor-widget-container">
 					<div class="elementor-button-wrapper">
-					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://www.lucentparts.com/lucent-electronic-technology-guangzhou-co-ltd-mobile-phone-lcd-screen/">
-                        <a href="pages/{{page.slug }}"><span class="elementor-button-content-wrapper">
-                                <span class="elementor-button-text">Learn More</span>					</span></a>
-					</a>
+					<a class="elementor-button elementor-button-link elementor-size-sm" href="pages/{{page.slug }}" title="{{page.title }}"><span class="elementor-button-text">Learn More</span></a>
 				</div>
 				</div>
 			</div><!--left-box-->
 
-<!-- about end -->
+<!-- about end -->

resources/views/liquid_src/1/screenprotector/__product_list_1.liquid

@@ -10,7 +10,7 @@
 
                     {% if image_url %}
                         {% if image_url contains 'http' %}
-                            <img src="{{ image_url }}" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
+                            <img src="{{ image_url | append: '?x-oss-process=image/resize,m_pad,w_300,h_300' }}" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
                         {% else %}
                             <img src="{{ site.image_base_url }}{{ image_url | append: '?x-oss-process=image/resize,m_pad,w_300,h_300' }}" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
                         {% endif %}
@@ -19,7 +19,7 @@
                     {% endif %}
                 </div>
                 <div class="item-name">
-                    <a  href="/products/{{ item.id }}" target="_blank" >
+                    <a  href="/products/{{ item.id }}" title="{{ item.title |decode_html_entities| strip_html  }}" target="_blank" >
                         {{ item.title |decode_html_entities| strip_html  }}
                     </a>
                 </div>

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

@@ -78,5 +78,6 @@
             });
     });
 </script>
+<script src="//code.jivosite.com/widget/1w7IVKXsrb"></script>
 {{ site.dist.statistics_js | raw }}
 <!-- footer end -->

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

@@ -31,33 +31,33 @@
 								<div class="sub-box sub-nav-container">
 									<div class="grid-wrapper">
 										<div class="grid-col">
-											<div class="col-header"><a href="/products/categories/for-mobile-phone" title="Mobile phone screen protectors">For mobile phone</a></div>
-											<div class="col"><a href="/products/347" title="Super D screen protector">Super D screen protector</a></div>
-											<div class="col"><a href="/products/348" title="Antistatic screen protector">Antistatic screen protector</a></div>
-											<div class="col"><a href="/products/349" title="HD clear big curved edge screen protector">HD clear screen protector</a></div>
+											<div class="col-header"><a href="/products/categories/for-mobile-phone" title="Mobile phone screen protectors">For Mobile Phone</a></div>
+											<div class="col"><a href="/products/347" title="Super D screen protector">Super D Screen Protector</a></div>
+											<div class="col"><a href="/products/348" title="Antistatic screen protector">Antistatic Screen Protector</a></div>
+											<div class="col"><a href="/products/349" title="HD clear big curved edge screen protector">HD Clear Screen Protector</a></div>
 											<div class="col"><a href="/products/350" title="Colored MTB Glass Screen Protector">Colored MTB Glass Screen Protector</a></div>
-											<div class="col"><a href="/products/351" title="Privacy screen protector">Privacy screen protector</a></div>
-											<div class="col"><a href="/products/352" title="Hot bending screen protector">Hot bending screen protector</a></div>
-											<div class="col"><a href="/products/353" title="UV screen protector">UV screen protector</a></div>
-											<div class="col"><a href="/products/354" title="Lace edge screen protector">Lace edge screen protector</a></div>	
-											<div class="col"><a href="/products/355" title="Lace edge screen protector">Big curved edge screen protector</a></div>												
+											<div class="col"><a href="/products/351" title="Privacy screen protector">Privacy Screen Protector</a></div>
+											<div class="col"><a href="/products/352" title="Hot bending screen protector">Hot Bending Screen Protector</a></div>
+											<div class="col"><a href="/products/353" title="UV screen protector">UV Screen Protector</a></div>
+											<div class="col"><a href="/products/354" title="Lace edge screen protector">Lace Edge Screen Protector</a></div>	
+											<div class="col"><a href="/products/355" title="Lace edge screen protector">Big Curved Edge Screen Protector</a></div>												
 										</div>
 										<div class="grid-col">
 											<div class="col-header"><a href="/products/categories/for-pc" title="Computer screen protectors">For PC</a></div>
-											<div class="col"><a href="/products/356" title="Clip-on monitor privacy filter">Clip-on monitor privacy filter</a></div>
-											<div class="col"><a href="/products/357" title="PC screen privacy filter">PET screen protector</a></div>
-											<div class="col"><a href="/products/358" title="Magnetic privacy screen protector">Magnetic privacy screen protector</a></div>
+											<div class="col"><a href="/products/356" title="Clip-on monitor privacy filter">Clip-on Monitor privacy filter</a></div>
+											<div class="col"><a href="/products/357" title="PC screen privacy filter">PET Screen Protector</a></div>
+											<div class="col"><a href="/products/358" title="Magnetic privacy screen protector">Magnetic Privacy Screen Protector</a></div>
 										</div>
 										<div class="grid-col">
-											<div class="col-header"><a href="/products/359" title="Tablet screen protectors">For tablet</a></div>								
-											<div class="col-header"><a href="/products/360" title="Car screen protectors">For car</a></div>
-											<div class="col-header"><a href="/products/361" title="Lens protectors">For phone Lens</a></div>
+											<div class="col-header"><a href="/products/359" title="Tablet screen protectors">For Tablet</a></div>								
+											<div class="col-header"><a href="/products/360" title="Car screen protectors">For Car</a></div>
+											<div class="col-header"><a href="/products/categories/for-phone-lens" title="Lens protectors">For Phone Lens</a></div>
 										</div>
 									</div>
 								</div>
 						</li>
                         <li class="nav-item"><a title="News" href="/collections/news">News</a></li>
-                        <li class="nav-item"><a title="" href="/pages/faqs">FAQs</a></li>
+                        <li class="nav-item"><a title="FAQs" href="/pages/faqs">FAQs</a></li>
                         <li class="nav-item"><a class="btn" href="/pages/Contact-us">Talk To Us</a></li>
 					</ul>
 				</nav>
@@ -89,15 +89,15 @@
 						</li>
 						<li class="m-sub-nav"><a title="About Mietubl" href="#" class="m-sub-nav">Products</a>
 							<ul class="m-sub-list">
-								<li><a href="{URL}" title="Mobile phone screen protectors">For mobile phone</a></li>
-								<li><a href="{URL}" title="Computer screen protectors">For PC</a></li>
-								<li><a href="{URL}" title="Tablet screen protectors">For tablet</a></li>
-								<li><a href="{URL}" title="Car screen protectors">For car</a></li>
-								<li><a href="{URL}" title="Lens protectors">For phone Lens</a></li>
+								<li><a href="/products/categories/for-mobile-phone" title="Mobile phone screen protectors">For Mobile Phone</a></li>
+								<li><a href="/products/categories/for-pc" title="Computer screen protectors">For PC</a></li>
+								<li><a href="/products/359" title="Tablet screen protectors">For Tablet</a></li>
+								<li><a href="/products/360" title="Car screen protectors">For Car</a></li>
+								<li><a href="/products/categories/for-phone-lens" title="Lens protectors">For Phone Lens</a></li>
 							</ul>
 						</li>
 						<li><a title="News" href="/collections/news">News</a></li>
-						<li><a title="" href="/pages/faq">FAQs</a></li>
+						<li><a title="" href="/pages/faqs">FAQs</a></li>
 						<li><a class="btn" href="/contact">Talk to us</a></li>
 					</ul>
 			</nav>

resources/views/liquid_src/1/screenprotector/_header_black.liquid

@@ -31,27 +31,27 @@
 								<div class="sub-box sub-nav-container">
 									<div class="grid-wrapper">
 										<div class="grid-col">
-											<div class="col-header"><a href="/products/categories/for-mobile-phone" title="Mobile phone screen protectors">For mobile phone</a></div>
-											<div class="col"><a href="/products/347" title="Super D screen protector">Super D screen protector</a></div>
-											<div class="col"><a href="/products/348" title="Antistatic screen protector">Antistatic screen protector</a></div>
-											<div class="col"><a href="/products/349" title="HD clear big curved edge screen protector">HD clear screen protector</a></div>
+											<div class="col-header"><a href="/products/categories/for-mobile-phone" title="Mobile phone screen protectors">For Mobile Phone</a></div>
+											<div class="col"><a href="/products/347" title="Super D screen protector">Super D Screen Protector</a></div>
+											<div class="col"><a href="/products/348" title="Antistatic screen protector">Antistatic Screen Protector</a></div>
+											<div class="col"><a href="/products/349" title="HD clear big curved edge screen protector">HD Clear Screen Protector</a></div>
 											<div class="col"><a href="/products/350" title="Colored MTB Glass Screen Protector">Colored MTB Glass Screen Protector</a></div>
-											<div class="col"><a href="/products/351" title="Privacy screen protector">Privacy screen protector</a></div>
-											<div class="col"><a href="/products/352" title="Hot bending screen protector">Hot bending screen protector</a></div>
-											<div class="col"><a href="/products/353" title="UV screen protector">UV screen protector</a></div>
-											<div class="col"><a href="/products/354" title="Lace edge screen protector">Lace edge screen protector</a></div>	
-											<div class="col"><a href="/products/355" title="Lace edge screen protector">Big curved edge screen protector</a></div>												
+											<div class="col"><a href="/products/351" title="Privacy screen protector">Privacy Screen Protector</a></div>
+											<div class="col"><a href="/products/352" title="Hot bending screen protector">Hot Bending Screen Protector</a></div>
+											<div class="col"><a href="/products/353" title="UV screen protector">UV Screen Protector</a></div>
+											<div class="col"><a href="/products/354" title="Lace edge screen protector">Lace Edge Screen Protector</a></div>	
+											<div class="col"><a href="/products/355" title="Lace edge screen protector">Big Curved Edge Screen Protector</a></div>												
 										</div>
 										<div class="grid-col">
 											<div class="col-header"><a href="/products/categories/for-pc" title="Computer screen protectors">For PC</a></div>
-											<div class="col"><a href="/products/356" title="Clip-on monitor privacy filter">Clip-on monitor privacy filter</a></div>
-											<div class="col"><a href="/products/357" title="PC screen privacy filter">PET screen protector</a></div>
-											<div class="col"><a href="/products/358" title="Magnetic privacy screen protector">Magnetic privacy screen protector</a></div>
+											<div class="col"><a href="/products/356" title="Clip-on monitor privacy filter">Clip-on Monitor privacy filter</a></div>
+											<div class="col"><a href="/products/357" title="PC screen privacy filter">PET Screen Protector</a></div>
+											<div class="col"><a href="/products/358" title="Magnetic privacy screen protector">Magnetic Privacy Screen Protector</a></div>
 										</div>
 										<div class="grid-col">
-											<div class="col-header"><a href="/products/359" title="Tablet screen protectors">For tablet</a></div>								
-											<div class="col-header"><a href="/products/360" title="Car screen protectors">For car</a></div>
-											<div class="col-header"><a href="/products/361" title="Lens protectors">For phone Lens</a></div>
+											<div class="col-header"><a href="/products/359" title="Tablet screen protectors">For Tablet</a></div>								
+											<div class="col-header"><a href="/products/360" title="Car screen protectors">For Car</a></div>
+											<div class="col-header"><a href="/products/categories/for-phone-lens" title="Lens protectors">For Phone Lens</a></div>
 										</div>
 									</div>
 								</div>
@@ -89,15 +89,15 @@
 						</li>
 						<li class="m-sub-nav"><a title="About Mietubl" href="#" class="m-sub-nav">Products</a>
 							<ul class="m-sub-list">
-								<li><a href="{URL}" title="Mobile phone screen protectors">For mobile phone</a></li>
-								<li><a href="{URL}" title="Computer screen protectors">For PC</a></li>
-								<li><a href="{URL}" title="Tablet screen protectors">For tablet</a></li>
-								<li><a href="{URL}" title="Car screen protectors">For car</a></li>
-								<li><a href="{URL}" title="Lens protectors">For phone Lens</a></li>
+								<li><a href="/products/categories/for-mobile-phone" title="Mobile phone screen protectors">For Mobile Phone</a></li>
+								<li><a href="/products/categories/for-pc" title="Computer screen protectors">For PC</a></li>
+								<li><a href="/products/359" title="Tablet screen protectors">For Tablet</a></li>
+								<li><a href="/products/360" title="Car screen protectors">For Car</a></li>
+								<li><a href="/products/categories/for-phone-lens" title="Lens protectors">For Phone Lens</a></li>
 							</ul>
 						</li>
 						<li><a title="News" href="/collections/news">News</a></li>
-						<li><a title="" href="/pages/faq">FAQs</a></li>
+						<li><a title="" href="/pages/faqs">FAQs</a></li>
 						<li><a class="btn" href="/contact">Talk to us</a></li>
 					</ul>
 			</nav>

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

@@ -1,11 +1,11 @@
 <!DOCTYPE html>
-<html lang="{{site.dist.country}}">
+<html lang="{{site.dist.country_lang}}">
 <head><meta charset="UTF-8">
 	<title>{{tag.seo_title}}</title>
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 	<meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
 	<link rel="canonical" href="{{site.current_url}}" />
-	<meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
+	<meta property="og:locale" content="en_US" />
 	<meta property="og:type" content="website" />
 	<meta property="og:title" content="{{site.dist.company_name}}" />
 	<meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
@@ -14,6 +14,7 @@
 	<meta name="twitter:card" content="summary_large_image" />
 	<link rel='shortlink' href='{{site.current_url}}' />
 	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/css.css?ver=0705">
+	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/responsive.css?ver=0118">	
 	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/jquery.min.js"></script>
 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/swiper-bundle.min.js"></script>

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

@@ -1,22 +1,81 @@
 <!DOCTYPE html>
-<html lang="{{site.dist.country}}">
+<html lang="{{site.dist.country_lang}}">
 <head><meta charset="UTF-8">
 	<title>{{site.dist.seo_title}}</title>
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+	<meta name="keywords" content="{{ site.dist.seo_keywords  | strip_html| strip_newlines }}" />	
 	<meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
 	<link rel="canonical" href="{{site.current_url}}" />
-	<meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
+	<meta property="og:locale" content="en" />
 	<meta property="og:type" content="website" />
 	<meta property="og:title" content="{{site.dist.seo_title}}" />
 	<meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
 	<meta property="og:url" content="{{site.current_url}}" />
-	<meta property="og:site_name" content="{{ site.dist.site_name  | strip_html| strip_newlines }}" />
-	<link rel='shortlink' href='{{site.current_url}}' />
+	<meta property="og:site_name" content="{{ site.dist.site_name | strip_html| strip_newlines }}" />
+	<link rel='shortlink' href="{{site.current_url}}" />
 	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/css.css?ver=0705">
+	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/responsive.css?ver=0118">
 	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/jquery.min.js"></script>
 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
     <script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/main.js?ver=0705"></script>
+    <script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@graph": [{
+      "@type": "Organization",
+      "@id": "https://www.screenguardfactory.com/#About-us",
+      "name": "Mietubl",
+      "logo": {
+        "@type": "ImageObject",
+        "@id": "https://www.screenguardfactory.com/#logo",
+        "url": "https://mietubl-website.oss-accelerate.aliyuncs.com/static/tpl/screenprotector/images/logo-black.svg",
+        "contentUrl": "https://mietubl-website.oss-accelerate.aliyuncs.com/static/tpl/screenprotector/images/logo-black.svg",
+        "caption": "Mietubl logo",
+        "inLanguage": "en-US",
+        "width": "114",
+        "height": "38"
+      },
+      "contactPoint": {
+        "@type": "ContactPoint",
+        "telephone": "+(86)-170-0016-1888",
+        "contactType": "Customer Service",
+        "areaServed": "Global",
+        "availableLanguage": "English"
+      },
+      "sameAs": [
+        "https://www.facebook.com/MietublMachine/",
+        "https://www.youtube.com/@mietublmachine",
+        "https://www.linkedin.com/company/mietubl/"
+      ]
+    },
+    {
+      "@type": "WebSite",
+      "@id": "https://www.screenguardfactory.com/#website",
+      "url": "https://www.screenguardfactory.com",
+      "name": "China Screen Protector Factory Manufacturer | Mietubl",
+      "publisher": {
+        "@id": "https://www.screenguardfactory.com/#About-us"
+      },
+      "description": "{{ site.dist.seo_description  | strip_html| strip_newlines }}",
+      "keywords": "{{ site.dist.seo_keywords  | strip_html| strip_newlines }}",
+      "mainEntityOfPage": "https://www.screenguardfactory.com",
+      "inLanguage": "en-US",
+      "datePublished": "2025-01-01",
+      "dateModified": "2025-01-12"
+    },
+    {
+      "@type": "ImageObject",
+      "@id": "https://mietubl-website.oss-accelerate.aliyuncs.com/static/tpl/screenprotector/images/factory-8.webp",
+      "url": "https://mietubl-website.oss-accelerate.aliyuncs.com/static/tpl/screenprotector/images/factory-8.webp",
+      "width": "363",
+      "height": "204",
+      "caption": "China Screen Protector Factory ",
+      "inLanguage": "en-US"
+    }
+  ]
+}
+ </script>
 </head>
 <body>
 
@@ -126,14 +185,10 @@
 	<div class="e-con-inner">
 		<h2 mtb_edit="1" id="iisxts" class="heading-title">Hot Screen Protector Series</h2>
 			<div mtb_edit="1" id="itwepi" class="sub-title">
-					
-Mietubl offers comprehensive solutions, working closely with customers to develop the best solutions for their needs.<br/> And dedicated to providing high-cost-performance screen protector products to users worldwide.
+			    Mietubl offers comprehensive solutions, working closely with customers to develop the best solutions for their needs.<br/> And dedicated to providing high-cost-performance screen protector products to users worldwide.
 			</div>
-
         {% product  mode="list" limit=8 template='__product_list_1.liquid' %}
 
-
-
 	</div>
 </section>
 
@@ -158,11 +213,11 @@ Compared to other screen protector materials, UTG glass offers exceptional optic
 	<div class="section-wrapper">
 		<div class="showcase">
 			<div class="zoom-in-pic">
-				<div class="pic active"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer1.jpg"></div>
-				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer2.jpg"></div>
-				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer3.jpg"></div>
-				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer4.jpg"></div>
-				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer5.jpg"></div>				
+				<div class="pic active"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer1.jpg" alt="Customer review of Mietubl screen protector"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer2.jpg" alt="Customer review of Mietubl screen protector"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer3.jpg"  alt="Customer review of Mietubl screen protector"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer4.jpg"  alt="Customer review of Mietubl screen protector"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer5.jpg"  alt="Customer review of Mietubl screen protector"></div>				
 			</div>
 			<div class="reviews">
 				<h2 mtb_edit="1">What Our Customers Say</h2>
@@ -185,11 +240,11 @@ Compared to other screen protector materials, UTG glass offers exceptional optic
 			
 				<div class="preview-pic">
 					<ul>
-						<li class="pic active"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer1.jpg"></li>
-						<li class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer2.jpg"></li>
-						<li class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer3.jpg"></li>
-						<li class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer4.jpg"></li>
-						<li class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer5.jpg"></li>						
+						<li class="pic active"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer1.jpg"  alt="Customer review of Mietubl screen protector"></li>
+						<li class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer2.jpg"  alt="Customer review of Mietubl screen protector"></li>
+						<li class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer3.jpg"  alt="Customer review of Mietubl screen protector"></li>
+						<li class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer4.jpg"  alt="Customer review of Mietubl screen protector"></li>
+						<li class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/customer5.jpg"  alt="Customer review of Mietubl screen protector"></li>						
 					</ul>
 				</div>
 			</div>
@@ -212,7 +267,7 @@ Compared to other screen protector materials, UTG glass offers exceptional optic
 		</div>
 
 		<div class="more">
-			<a href="/collections/news"><span class="btn">View more information</span></a>
+			<a href="/collections/news" title="Recent post"><span class="btn">View more information</span></a>
 		</div>
 	</div>
 </section>

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

@@ -1,22 +1,53 @@
-
 <!DOCTYPE html>
-<html lang="{{site.dist.country}}">
+<html lang="{{site.dist.country_lang}}">
 <head><meta charset="UTF-8">
     <title>{{page.seo_title}}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-    <meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <meta name="keywords" content="{{page.seo_keywords  | strip_html| strip_newlines }}" />    
+    <meta name="description" content="{{page.seo_description  | strip_html| strip_newlines }}" />
     <link rel="canonical" href="{{site.current_url}}" />
-    <meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
+    <meta property="og:locale" content="en" />
     <meta property="og:type" content="website" />
-    <meta property="og:title" content="{{ site.dist.seo_title }}" />
-    <meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <meta property="og:title" content="{{page.seo_title}}" />
+    <meta property="og:description" content="{{page.seo_title | strip_html| strip_newlines }}" />
     <meta property="og:url" content="{{site.current_url}}" />
     <meta name="twitter:card" content="summary_large_image" />
-    <link rel='shortlink' href='{{site.current_url}}' />
+    <link rel='shortlink' href="{{site.current_url}}" />
     <link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/css.css?ver=0705">
+	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/responsive.css?ver=0118">    
     <link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
     <script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/jquery.min.js"></script>
     <script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
+    <script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/main.js?ver=0705"></script>   
+    <script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "Article",
+  "headline": "{{page.seo_title}}",
+  "description": "{{page.seo_description  | strip_html| strip_newlines }}",
+  "image": {
+    "@type": "ImageObject",
+    "url": "{{ page.cover_image }}",
+    "height": 885,
+    "width": 509
+  },
+
+  "publisher": {
+    "@type": "Organization",
+    "name": "Mietubl",
+    "logo": {
+      "@type": "ImageObject",
+      "url": "https://www.screenguardfactory.com/static/images/logo-black.svg",
+      "height": 114,
+      "width": 38
+    }
+  },
+  "datePublished": "{{page.post_date}}",
+  "dateModified": "{{page.post_date}}",
+  "mainEntityOfPage": "{{site.current_url}}",
+  "inLanguage": "en-US"
+}
+</script>
 
 </head>
 <body>
@@ -84,6 +115,4 @@
 {% include '__contact.liquid' %}
 {% include '_footer.liquid' %}
 	</body>
-</html>
-
- 
+</html>

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

@@ -1,22 +1,99 @@
 <!DOCTYPE html>
-<html lang="{{site.dist.country}}">
+<html lang="{{site.dist.country_lang}}">
 <head><meta charset="UTF-8">
     <title>{{page.seo_title}}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-    <meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <meta name="keyword" content="{{ page.seo_keywords  | strip_html| strip_newlines }}" />    
+    <meta name="description" content="{{ page.seo_description  | strip_html| strip_newlines }}" />
     <link rel="canonical" href="{{site.current_url}}" />
-    <meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
+    <meta property="og:locale" content="en" />
     <meta property="og:type" content="website" />
     <meta property="og:title" content="{{ site.dist.seo_title }}" />
-    <meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+    <meta property="og:description" content="{{ page.seo_description  | strip_html| strip_newlines }}" />
     <meta property="og:url" content="{{site.current_url}}" />
     <meta name="twitter:card" content="summary_large_image" />
     <link rel='shortlink' href='{{site.current_url}}' />
     <link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/css.css?ver=0705">
+ 	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/responsive.css?ver=0118">   
     <link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
     <script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/jquery.min.js"></script>
     <script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
     <script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/main.js?ver=0705"></script>
+    <script type="application/ld+json">
+    {
+  "@context": "https://schema.org",
+  "@graph": [{
+      "@type": "WebPage",
+      "@id": "https://www.screenguardfactory.com/pages/about-us",
+      "url": "https://www.screenguardfactory.com/pages/about-us",
+      "name": "About Us | Mietubl",
+      "publisher": {
+        "@id": "https://www.screenguardfactory.com/pages/about-us"
+      },
+      "inLanguage": "en-US",
+      "mainEntityOfPage": "https://www.screenguardfactory.com/pages/about-us",
+      "description": "{{ page.seo_description  | strip_html| strip_newlines }}",
+      "datePublished": "2025-01-01",
+      "dateModified": "2025-01-12",
+      "keywords": "{{ site.dist.seo_keywords  | strip_html| strip_newlines }}",
+      "breadcrumb": {
+        "@type": "BreadcrumbList",
+        "itemListElement": [
+          {
+            "@type": "ListItem",
+            "position": 1,
+            "name": "Home",
+            "item": "https://www.screenguardfactory.com"
+          },
+          {
+            "@type": "ListItem",
+            "position": 2,
+            "name": "About Us",
+            "item": "https://www.screenguardfactory.com/pages/about-us"
+          }
+        ]
+      },
+      "copyrightNotice": "© 2025 Mietubl. All rights reserved."
+    },
+    {
+      "@type": "Organization",
+      "@id": "https://www.screenguardfactory.com/pages/about-us",
+      "name": "Mietubl",
+      "logo": {
+        "@type": "ImageObject",
+        "@id": "https://www.screenguardfactory.com/#logo",
+        "url": "https://mietubl-website.oss-accelerate.aliyuncs.com/static/tpl/screenprotector/images/logo-black.svg",
+        "contentUrl": "https://mietubl-website.oss-accelerate.aliyuncs.com/static/tpl/screenprotector/images/logo-black.svg",
+        "caption": "Mietubl logo",
+        "inLanguage": "en-US",
+        "width": "114",
+        "height": "38"
+      },
+      "contactPoint": {
+        "@type": "ContactPoint",
+        "telephone": "+(86)-170-0016-1888",
+        "contactType": "Customer Service",
+        "areaServed": "Global",
+        "availableLanguage": "English"
+      },
+      "sameAs": [
+        "https://www.facebook.com/MietublMachine/",
+        "https://www.youtube.com/@mietublmachine",
+        "https://www.linkedin.com/company/mietubl/"
+      ]
+    },
+    {
+      "@type": "ImageObject",
+      "@id": "https://mietubl-website.oss-accelerate.aliyuncs.com/static/tpl/screenprotector/images/videobg.jpg",
+      "url": "https://mietubl-website.oss-accelerate.aliyuncs.com/static/tpl/screenprotector/images/videobg.jpg",
+      "width": "640",
+      "height": "360",
+      "caption": "China Screen Protector Factory",
+      "inLanguage": "en-US"
+    }
+  ]
+}
+</script>
 </head>
 <body>
 {% include '_header.liquid' %}
@@ -37,7 +114,7 @@
 			<div class="left-box">
 				<div class="elementor-element elementor-element-4fb7960 elementor-widget elementor-widget-heading" data-id="4fb7960" data-element_type="widget" data-widget_type="heading.default">
 				<div class="elementor-widget-container">
-					<h2 class="elementor-heading-title elementor-size-default">{{ page.title }}</h2>		</div>
+					<h2 class="elementor-heading-title elementor-size-default">About Mietubl<br>Screen Protector Manufacturer</h2>		</div>
 				</div>
 				<div class="elementor-widget-container">
 					<p>{{ page.content |raw }}</p>
@@ -47,8 +124,8 @@
 		<div class="right-box">
 					<div class="elementor-widget-container">
 						<div class="right-box-video">
-							<img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/videobg.jpg">
-							<div class="play" aria-label="Play Video about mobile phone parts wholesale">
+							<img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/videobg.jpg" alt="Video about Mietubl">
+							<div class="play" aria-label="Play Video about Mietubl">
 									<svg aria-hidden="true" class="e-font-icon-svg e-eicon-play" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M838 162C746 71 633 25 500 25 371 25 258 71 163 162 71 254 25 367 25 500 25 633 71 746 163 837 254 929 367 979 500 979 633 979 746 933 838 837 929 746 975 633 975 500 975 367 929 254 838 162M808 192C892 279 933 379 933 500 933 621 892 725 808 808 725 892 621 938 500 938 379 938 279 896 196 808 113 725 67 621 67 500 67 379 108 279 196 192 279 108 383 62 500 62 621 62 721 108 808 192M438 392V642L642 517 438 392Z"></path></svg>
 							</div>
 					</div>
@@ -62,7 +139,7 @@
 	<div class="e-con-inner">
 		<div class="con-data">
 		<div class="inner-widget">
-			<div class="widget-pic"><img width="43" height="49" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/001-1.png" alt="" /></div>
+			<div class="widget-pic"><img width="43" height="49" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/001-1.png" alt="Customer Icon" /></div>
 			<div class="widget-text">
 				<div class="box1">
 					<span class="counter-number" data-to-value="130" data-from-value="0" mtb_edit="1">0</span>
@@ -74,7 +151,7 @@
 			</div>
 		</div>
 		<div class="inner-widget">
-			<div class="widget-pic"><img width="43" height="49" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/002.png" alt="" /></div>
+			<div class="widget-pic"><img width="43" height="49" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/002.png" alt="Factory Icon" /></div>
 			<div class="widget-text">
 				<div class="box1">
 					<span class="counter-number" data-to-value="10000" data-from-value="0" mtb_edit="1">0</span>
@@ -86,7 +163,7 @@
 			</div>
 		</div>
 		<div class="inner-widget">
-			<div class="widget-pic"><img width="43" height="49" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/003.png" alt="" /></div>
+			<div class="widget-pic"><img width="43" height="49" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/003.png" alt="Production Icon" /></div>
 			<div class="widget-text">
 				<div class="box1">
 					<span class="counter-number" data-to-value="8000000" data-from-value="0" mtb_edit="1">0</span>

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

@@ -1,18 +1,19 @@
 <!DOCTYPE html>
-<html lang="{{site.dist.country}}">
+<html lang="{{site.dist.country_lang}}">
 <head><meta charset="UTF-8">
-     <title>{{page.seo_title}}</title>
+    <title>{{page.seo_title}}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="keywords" content="{{ page.seo_keywords}}" />  
     <meta name="description" content="{{page.seo_description}}" />
     <link rel="canonical" href="{{site.current_url}}" />
-    <meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
+    <meta property="og:locale" content="en" />
     <meta property="og:type" content="website" />
     <meta property="og:title" content="{{ site.dist.seo_title }}" />
     <meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
     <meta property="og:url" content="{{site.current_url}}" />
     <link rel='shortlink' href='{{site.current_url}}' />
     <link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/css.css?ver=0705">
+	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/responsive.css?ver=0118">    
     <link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
     <script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/jquery.min.js"></script>
     <script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/swiper-bundle.min.js"></script>

resources/views/liquid_src/1/screenprotector/pages_sp_factory_tour.liquid

@@ -1,21 +1,117 @@
 <!DOCTYPE html>
-<html lang="{{site.dist.country}}">
+<html lang="{{site.dist.country_lang}}">
 <head><meta charset="UTF-8">
 	<title>{{page.seo_title}}</title>
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-	<meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+	<meta name="keywords" content="{{ page.seo_keywords  | strip_html| strip_newlines }}" />	
+	<meta name="description" content="{{ page.seo_description  | strip_html| strip_newlines }}" />
 	<link rel="canonical" href="{{site.current_url}}" />
-	<meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
+	<meta property="og:locale" content="en" />
 	<meta property="og:type" content="website" />
 	<meta property="og:title" content="{{page.seo_title}}" />
-	<meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
+	<meta property="og:description" content="{{ page.seo_description  | strip_html| strip_newlines }}" />
 	<meta property="og:url" content="{{site.current_url}}" />
-	<link rel='shortlink' href='{{site.current_url}}' />
+	<link rel='shortlink' href="{{site.current_url}}" />
 	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/css.css?ver=0705">
+	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/responsive.css?ver=0118">	
 	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/jquery.min.js"></script>
 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
     <script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/main.js?ver=0705"></script>
+    <script type="application/ld+json">
+    {
+  "@context": "https://schema.org",
+  "@graph": [{
+      "@type": "Organization",
+      "@id": "https://www.screenguardfactory.com/pages/factory",
+      "name": "Mietubl",
+      "logo": {
+        "@type": "ImageObject",
+        "@id": "https://www.screenguardfactory.com/#logo",
+        "url": "https://mietubl-website.oss-accelerate.aliyuncs.com/static/tpl/screenprotector/images/logo-black.svg",
+        "contentUrl": "https://mietubl-website.oss-accelerate.aliyuncs.com/static/tpl/screenprotector/images/logo-black.svg",
+        "caption": "Mietubl logo",
+        "inLanguage": "en-US",
+        "width": "114",
+        "height": "38"
+      },
+      "contactPoint": {
+        "@type": "ContactPoint",
+        "telephone": "+(86)-170-0016-1888",
+        "contactType": "Customer Service",
+        "areaServed": "Global",
+        "availableLanguage": "English"
+      },
+      "sameAs": [
+        "https://www.facebook.com/MietublMachine/",
+        "https://www.youtube.com/@mietublmachine",
+        "https://www.linkedin.com/company/mietubl/"
+      ]
+    },
+    {
+      "@type": "WebSite",
+      "@id": "https://www.screenguardfactory.com/pages/factory",
+      "url": "https://www.screenguardfactory.com/pages/factory",
+      "name": "{{page.seo_title}}",
+      "publisher": {
+        "@id": "https://www.screenguardfactory.com/pages/factory"
+      },
+      "description": "{{ page.seo_description  | strip_html| strip_newlines }}",
+      "keywords": "{{ page.seo_keywords  | strip_html| strip_newlines }}",
+      "mainEntityOfPage": "https://www.screenguardfactory.com",
+      "inLanguage": "en-US",
+      "datePublished": "2025-01-01",
+      "dateModified": "2025-01-12",
+      "breadcrumb": {
+        "@type": "BreadcrumbList",
+        "itemListElement": [
+          {
+            "@type": "ListItem",
+            "position": 1,
+            "name": "Home",
+            "item": "https://www.screenguardfactory.com"
+          },
+          {
+            "@type": "ListItem",
+            "position": 2,
+            "name": "pages",
+            "item": "https://www.screenguardfactory.com/pages"
+          },
+          {
+            "@type": "ListItem",
+            "position": 3,
+            "name": "Screen Protector Factory Tour",
+            "item": "https://www.screenguardfactory.com/pages/factory"
+          }
+        ]
+      },
+      "video": {
+        "@type": "VideoObject",
+        "name": "Screen protector factory",
+        "description": "We have a complete production process for screen protector production. Visit our screen protector factory and discover how screen protectors are produced.",
+        "contentUrl": "https://mietubl-website.oss-accelerate.aliyuncs.com/static/tpl/screenprotector/images/video-banner.mp4",
+        "embedUrl": "https://mietubl-website.oss-accelerate.aliyuncs.com/static/tpl/screenprotector/images/video-banner.mp4",
+        "uploadDate": "2025-01-01",
+        "duration": "08S",
+        "publisher": {
+          "@type": "Organization",
+          "name": "Mietubl"
+        },
+        "inLanguage": "en-US"
+      }
+    },
+    {
+      "@type": "ImageObject",
+      "@id": "https://mietubl-website.oss-accelerate.aliyuncs.com/static/tpl/screenprotector/images/2023-12-08.jpg",
+      "url": "https://mietubl-website.oss-accelerate.aliyuncs.com/static/tpl/screenprotector/images/2023-12-08.jpg",
+      "width": "877",
+      "height": "657",
+      "caption": "China Screen Protector Factory ",
+      "inLanguage": "en-US"
+    }
+  ]
+}
+    </script>
 </head>
 <body>
 {% include '_header.liquid' %}
@@ -130,11 +226,11 @@
 
 <section class="categories" mtb_edit="1">
 		<div class="section-wrapper">
-		<h3 class="heading-title">Our solutions for you</h3>
+		<h3 class="heading-title">Our Solutions for You</h3>
 		<div class="category">
 			<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/phone.jpg" alt="Mobile phone screen protector"></div>
 			<div class="category-text">
-					<h3>Mobile phone screen protector</h3>
+					<h3>Mobile Phone Screen Protector</h3>
 					<div> With the widespread use of smartphones, screens have become one of the most vulnerable parts to damage. As mobile accessory distributors and wholesalers, you may face challenges such as diverse customer needs, intense price competition, and the search for high-quality products. We understand that the demand for screen protectors varies across different markets—whether it’s impact resistance, high-definition display, or ease of installation.Welcome to talk to us.</div>
 
 					<div class="features">
@@ -166,7 +262,7 @@
 		<div class="category">
 			<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/tablet.jpg" alt="Tablet screen protector"></div>
 			<div class="category-text">
-					<h3>Tablet screen protector</h3>
+					<h3>Tablet Screen Protector</h3>
 					<div> As a distributor or wholesaler, you need to provide high-quality screen protectors that meet market demands. Our tablet screen protectors are compatible with a wide range of popular tablet brands, including iPad, Samsung Galaxy Tab, and more. Each product undergoes strict quality control to ensure durability and long-lasting protection..</div>
 					<div class="features">
 					<div><p><strong>Features</strong></p></div>
@@ -193,7 +289,7 @@
 		<div class="category">
 			<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/car.jpg" alt="Car screen protector"></div>
 			<div class="category-text">
-					<h3>Car screen protector</h3>
+					<h3>Car Screen Protector</h3>
 					<div> In-vehicle navigation systems have become an essential part of modern vehicles,  We understand the unique requirements of vehicle navigation screens, and offer high-performance screen protector solutions designed to meet these needs.</div>
 					<div class="features">
 					<div><p><strong>Features</strong></p></div>
@@ -224,7 +320,7 @@
 		<div class="category">
 			<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/lens.jpg" alt="Lens protector"></div>
 			<div class="category-text">
-					<h3>Lens protector</h3>
+					<h3>Lens Protector</h3>
 					<div> As the camera function of electronic products becomes more and more powerful, dealers and consumers may face the challenge of protecting mobile phones while maintaining the clarity of photos and not increasing the thickness. Mietubl's innovative AR series lens protector may be your best choice.</div>
 					<div class="features">
 					<div><p><strong>Features</strong></p></div>

resources/views/liquid_src/1/screenprotector/pages_sp_faq.liquid

@@ -1,19 +1,21 @@
 <!DOCTYPE html>
-<html lang="{{site.dist.country}}">
+<html lang="{{site.dist.country_lang}}">
 <head><meta charset="UTF-8">
 	<title>{{page.seo_title}}</title>
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+	<meta name="keywords" content="{{page.seo_keywords}}" />	
 	<meta name="description" content="{{page.seo_description}}" />
 	<link rel="canonical" href="{{site.current_url}}/" />
-	<meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
+	<meta property="og:locale" content="en" />
 	<meta property="og:type" content="website" />
 	<meta property="og:title" content="{{site.dist.company_name}}" />
-	<meta property="og:description" content="{{description}}" />
+	<meta property="og:description" content="{{page.seo_description}}" />
 	<meta property="og:url" content="{{site.current_url}}" />
 	<meta property="og:site_name" content="{{site.dist.site_name}}" />
 	<meta name="twitter:card" content="summary_large_image" />
-	<link rel='shortlink' href='{{site.current_url}}' />
+	<link rel='shortlink' href="{{site.current_url}}" />
 	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/css.css?ver=0705">
+	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/responsive.css?ver=0118">	
 	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/jquery.min.js"></script>
 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/swiper-bundle.min.js"></script>

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

@@ -1,12 +1,12 @@
 <!DOCTYPE html>
-<html lang="{{site.dist.country}}">
+<html lang="{{site.dist.country_lang}}">
 <head><meta charset="UTF-8">
 	<title> {{category.seo_title}}</title>
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 	<meta name="keywords" content="{{ site.dist.seo_keywords" />
 	<meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
 	<link rel="canonical" href="{{site.current_url}}/" />
-	<meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
+	<meta property="og:locale" content="en" />
 	<meta property="og:type" content="website" />
 	<meta property="og:title" content="{{site.dist.company_name}}" />
 	<meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
@@ -15,6 +15,7 @@
 	<meta name="twitter:card" content="summary_large_image" />
 	<link rel='shortlink' href='{{site.current_url}}' />
 	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/css.css?ver=0705">
+	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/responsive.css?ver=0118">	
 	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/jquery.min.js"></script>
 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
@@ -38,14 +39,14 @@
 		<ul class="list-wrapper">
             {% for item in products %}
 			<li class="product-item">
-				<div class="product-image"><a href="/products/{{ item.id }}" alt="{{ item.title | strip_html }}">
+				<div class="product-image"><a href="/products/{{ item.id }}" title="{{ item.title | strip_html }}">
 
-                        {% if item.images and item.images[0].image_url %}
+                 {% if item.images and item.images[0].image_url %}
                             {% assign image_url = item.images[0].image_url %}
 			     {% assign image_url_overlay = item.images[1].image_url %}
-                            <img src="{% if image_url contains 'http' %}{{ image_url }}{% else %}{{ site.image_base_url }}{{ image_url | append: '?x-oss-process=image/resize,m_pad,w_200,h_200' }}{% endif %}"
+                            <img src="{% if image_url contains 'http' %}{{ image_url| append: '?x-oss-process=image/resize,m_pad,w_500,h_500' }}{% else %}{{ site.image_base_url }}{{ image_url | append: '?x-oss-process=image/resize,m_pad,w_500,h_500' }}{% endif %}"
                             alt="{{ item.title | strip_html }}">
-			     <div class="overlay">   <img src="{% if image_url_overlay %}{% if image_url_overlay contains 'http' %}{{ image_url_overlay }}{% else %}{{ site.image_base_url }}{{ image_url_overlay | append: '?x-oss-process=image/resize,m_pad,w_200,h_200' }}{% endif %}{% else %}{{ site.asset_base_url }}static/common/images/product_default.jpg{% endif %}"
+			     <div class="overlay">   <img src="{% if image_url_overlay %}{% if image_url_overlay contains 'http' %}{{ image_url_overlay | append: '?x-oss-process=image/resize,m_pad,w_500,h_500'  }}{% else %}{{ site.image_base_url }}{{ image_url_overlay | append: '?x-oss-process=image/resize,m_pad,w_500,h_500' }}{% endif %}{% else %}{{ site.asset_base_url }}static/common/images/product_default.jpg{% endif %}"
                             alt="{{ item.title | strip_html }}"></div>
                         {% else %}
                             <img src="{{ site.asset_base_url}}static/common/images/product_default.jpg" alt="{{ item.title | strip_html }}">
@@ -53,7 +54,7 @@
                         {% endif %}
 
 				</a></div>
-				<div class="product-name"><a href="/products/{{ item.id }}" alt="{{ item.title | strip_html }}">{{ item.title | strip_html }}</a></div>
+				<div class="product-name"><a href="/products/{{ item.id }}" title="{{ item.title | strip_html }}">{{ item.title | strip_html }}</a></div>
 			</li>
 			{% endfor %}
 		</ul>

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

@@ -1,23 +1,66 @@
 <!DOCTYPE html>
-<html lang="{{site.dist.country}}">
+<html lang="{{site.dist.country_lang}}">
 <head><meta charset="UTF-8">
 	<title>{{product.seo_title}} - Screen Protector Factory Directly</title>
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-	<meta name="description" content="{{description}}" />
+	<meta name="keywords" content="{{product.seo_keywords}}" />	
+	<meta name="description" content="{{product.seo_description}}" />
 	<link rel="canonical" href="{{site.current_url}}/" />
-	<meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
+	<meta property="og:locale" content="{{site.dist.country_lang}}" />
 	<meta property="og:type" content="website" />
-	<meta property="og:title" content="{{site.dist.company_name}}" />
-	<meta property="og:description" content="{{description}}" />
+	<meta property="og:title" content="{{product.seo_title}}" />
+	<meta property="og:description" content="{{product.seo_description}}" />
 	<meta property="og:url" content="{{site.current_url}}" />
 	<meta property="og:site_name" content="{{site.dist.site_name}}" />
-	<link rel='shortlink' href='{{site.current_url}}' />
+	<link rel='shortlink' href="{{site.current_url}}" />
 	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/css.css?ver=0705">
+	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/responsive.css?ver=0118">	
 	<link rel="stylesheet" href="{{ site.asset_base_url}}static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/jquery.min.js"></script>
 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/main.js" defer></script>
 	<script src="{{ site.asset_base_url}}static/tpl/screenprotector/js/thumbSlide.js" defer></script>
+	<script type="application/ld+json">
+    {
+      "@context": "http://schema.org/",
+      "@type": "Product", 
+      "name": "{{product.seo_title}} ", 
+      "image":"{{product.images[0].image_url}}",
+      "keywords":"{{product.seo_keywords}}",
+      "description": "{{product.seo_description}}", 
+      "brand":{
+    	"@type":"brand",
+    	"name":"Mietubl",
+    	"logo":"https://www.screenguardfactory.com/"
+      }, 
+      "manufacturer": {
+        "@type": "Organization",
+        "name": "Mietubl Global Supply Chain (Guangzhou) Co., Ltd.",
+        "url": "https://www.screenguardfactory.com/"
+      },
+      "url":"https://www.screenguardfactory.com/products/{{product.id }}",   
+      "category":"Screen Protector",
+      "offers": {
+        "@type": "Offer",
+        "url": "https://www.screenguardfactory.com/products/{{product.id }}",
+        "priceCurrency": "USD",
+        "price": "0.00", 
+        "priceSpecification": {
+          "@type": "PriceSpecification",
+          "priceCurrency": "USD",
+          "valueAddedTaxIncluded": false,
+          "description": "Contact +(86) 170 0016 1888 for wholesale pricing details."
+        },
+        "priceValidUntil": "2029-01-01",
+        "availability": "https://schema.org/InStock",
+        "seller": {
+          "@type": "Organization",
+          "name": "Mietubl"
+        }
+      },
+      "countryOfAssembly":"China" 
+    }
+    </script>
 	<script>$(function(){$("#masterslider").thumbSlide();})</script>
 </head>
 <body>
@@ -83,9 +126,9 @@
 
                                 {% if image_url %}
                                     {% if image_url contains 'http' %}
-                                        <img src="{{ image_url }}" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
+                                        <img src="{{ image_url | append: '?x-oss-process=image/resize,m_pad,w_300,h_300' }}" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
                                     {% else %}
-                                        <img src="{{ site.image_base_url }}{{ image_url | append: '?x-oss-process=image/resize,m_pad,w_300,h_300' }}" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
+                              <img src="{{ site.image_base_url }}{{ image_url | append: '?x-oss-process=image/resize,m_pad,w_300,h_300' }}" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
                                     {% endif %}
                                 {% else %}
                                     <img src="{{ site.image_base_url }}static/common/images/product_default.jpg" class="" alt="{{ item.title | strip_html }}">

resources/views/liquid_src/1/screenprotector/version.liquid

@@ -1 +1 @@
-<!-- update date 2024-12-25 14:04 -->
+<!-- update date 2025-02-24 13:04 -->