feat: templage

app/Http/Middleware/LoadDistData.php

@@ -71,6 +71,10 @@ class LoadDistData
         app()->instance('menus_header', $menus_header);// 头部菜单
         app()->instance('menus_footer', $menus_footer);// 底部菜单
 
+        $currentUrl = url()->current();
+        $secureUrl = preg_replace('/^http:/i', 'https:', $currentUrl);
+        app()->instance('current_url', $secureUrl);// 当前页面
+
         return $next($request);
     }
 }

app/Services/LiquidRenderer.php

@@ -146,6 +146,7 @@ class LiquidRenderer
             'dist' => app('dist'),
             'menus_header'=>app('menus_header'),
             'menus_footer'=>app('menus_footer'),
+            'current_url'=>app('current_url'),
         ];
     }
 }

config/liquid.php

@@ -10,14 +10,14 @@ return [
     // 默认模板的 dist ID，支持通过 .env 文件配置
     'template_dist_id' => env('TEMPLATE_DIST_ID', 1),
 
-    // 资产的基础 URL
-    'asset_base_url' => env('ASSET_BASE_URL', 'https://example.com/assets/'),
+    // 静态文件URL地址，默认为/，地址结尾带/
+    'asset_base_url' => env('ASSET_BASE_URL', 'https://mietubl-dev.oss.mietubl.com.cn/'),
 
     // 字体的基础 URL
-    'font_base_url' => env('FONT_BASE_URL', 'https://example.com/fonts/'),
+    'font_base_url' => env('FONT_BASE_URL', 'https://mietubl-dev.oss.mietubl.com.cn/'),
 
-    // 图片的基础 URL
-    'image_base_url' => env('IMAGE_BASE_URL', 'https://mietubl-dev.oss-accelerate.aliyuncs.com/'),
+    // 图片的基础 URL 默认为/，地址结尾带/
+    'image_base_url' => env('IMAGE_BASE_URL', 'https://mietubl-dev.oss.mietubl.com.cn/'),
 
     //默认页面缓存超时设置300秒
     'cache_duration' => env('CACHE_DURATION', 300),

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

@@ -13,7 +13,7 @@
                         {% endif %}
                     </div>
 
-                    <!-- 产品内容 -->
+
                     <div class="post-content">
                         <div class="blog-header">
                             <a href="/pages/{{ item.id }}" target="_blank">
@@ -21,11 +21,13 @@
                             </a>
                         </div>
                         <div class="blog-summary">
-                            {% if item.description %}
-                                {{ item.description | truncatewords: 20 }}
+
+                            {% if item.content %}
+                                {{ item.title | truncatewords: 20 }}
                             {% else %}
-                                No description available.
+                                No description available
                             {% endif %}
+
                         </div>
                         <div class="post-meta">
                             <span>Author: Mietubl</span>

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

@@ -6,14 +6,14 @@
             <p class="sub-title">You may encounter a series of common problems. If you have additional questions, please contact Lucent.</p>
             <div class="widget-container">
                 <div class="contact-widget">
-                    <div class="icon-box"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/WhatsApp.svg"></div>
+                    <div class="icon-box"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/whatsapp.svg"></div>
                     <div class="contact-widget-title">WhatsApp</div>
                     <div class="contact-widget-detail">Questions about our product or pricing? Call for support</div>
                     <div class="contact-widget-number">+ {{ site.dist.service_hotline }}</div>
                 </div>
 
                 <div class="contact-widget">
-                    <div class="icon-box"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mail.svg"></div>
+                    <div class="icon-box"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/mail.svg"></div>
                     <div class="contact-widget-title">Email</div>
                     <div class="contact-widget-detail">For more questions, you can also write to us.</div>
                     <div class="contact-widget-number">{{ site.dist.dist_email }}</div>

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

@@ -5,25 +5,21 @@
 			<div class="int-widget">
 
 
-                {% if site.dist.logo %}
 
-                    <div class="footer-logo"><img src="{{ site.image_base_url }}{{ site.dist.logo }}" alt=""></div>
 
-                {% else %}
-                    <div class="footer-logo">
-                        No Logo
-                    </div>
-                {% endif %}
+                    <div class="footer-logo"><img src="https://mietubl-dev.oss.mietubl.com.cn/static/tpl/screenprotector/images/logo.svg" alt=""></div>
+
+
 
 				<div class="footer-int-text">
 				Mietubl, originated from Made in China, growing up with intellectually manufactured in China. Focus on product intelligence, resource integration in all aspects of product circulation, construction of ecological chain.
 				</div>
 				<div class="social">
 					<ul>
-						<li><a href="https://www.facebook.com/MietublMachine/" target="_blank"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/facebook.svg" alt="Facebook"></a></li>
-						<li><a href="https://www.tiktok.com/@mietublscreenprotector/" target="_blank"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/TikTok.svg" alt="TikTok"></a></li>
-						<li><a href="https://www.youtube.com/@MietublMachine/" target="_blank"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/youtube.svg" alt="Youtube"></a></li>
-						<li><a href="https://www.instagram.com/mietublmachine/" target="_blank"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/instagram.svg" alt="Instagram"></a></li>
+						<li><a href="{{ site.dist.facebook }}" target="_blank"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/facebook.svg" alt="Facebook"></a></li>
+						<li><a href="{{ site.dist.tiktok }}" target="_blank"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/TikTok.svg" alt="TikTok"></a></li>
+						<li><a href="{{ site.dist.youtube }}" target="_blank"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/youtube.svg" alt="Youtube"></a></li>
+						<li><a href="{{ site.dist.instagram }}" target="_blank"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/instagram.svg" alt="Instagram"></a></li>
 					</ul>
 				</div>
 			</div>
@@ -49,7 +45,7 @@
 			</div>
 			<div class="contact-widget">
 					<div class="widget-title">Contact us</div>
-					<div class="tel">+(86)17000161888</div>
+					<div class="tel">{{ site.dist.service_hotline }}</div>
 					<div class="mail"><a href="mailto:{{ site.dist.dist_email }}">{{ site.dist.dist_email }}</a></div>
 					<div class="address"><a href="mailto:{{ site.dist.dist_email }}">{{ site.dist.company_address }}</a></div>
 			</div>

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

@@ -1,83 +1,106 @@
-<!-- header -->
-<header id="masthead" class="site-header">
+<header class="site-header">
 	<div  class="container">
 		<div class="header-inner">
-			<nav id="site-navigation" class="main-nav">
+			<div class="site-navigation">
 				<div class="site-logo">
-					<a href="/" rel="home">
-                        {% if site.dist.logo %}
-									<img width="114" height="37"  src="{{ site.image_base_url }}{{ site.dist.logo }}" alt="Lucentparts" class="main-logo"/>
-									<img width="114" height="37"  src="{{ site.image_base_url }}{{ site.dist.logo }}"alt="Lucentparts" class="logo-sticky">
-                        {% else %}
-                            <div class="logo-placeholder no-image-logo-thumbnail">
-                                No Logo
-                            </div>
-                        {% endif %}
+					<a href="/" title="Mietubl screen protector factory">
+					<img width="114" height="37"  src="{{ site.asset_base_url}}static/tpl/screenprotector/images/logo.svg" class="a" alt="Mietubl logo">
+					<img width="114" height="37"  src="{{ site.asset_base_url}}static/tpl/screenprotector/images/logo-black.svg" class="b" alt="Mietubl logo">
+					</a>
+				</div>
+				<nav class="main-nav-container">
+					<ul>
+						<li class="nav-item"><a title="Home page" href="/">Home</a></li>
+						<li class="nav-item has-sub"><a title="About Mietubl" href="#">About Us</a>
+								<div class="sub-about-us sub-nav-container" >
+									<div class="about-item">
+										<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/C1.webp"></div>
+										<div class="intro"><a href="/pages/about-us" title="About us">About Us</a>
+														 <span>Company Overview</span>
+										</div>
+									</div>
+									<div class="about-item">
+										<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/C1.webp"></div>
+										<div class="intro"><a href="/pages/factory" title="Factory Tour">Factory Tour</a>
+														  <span> Screen Protector Factory</span>
+										</div>
+									</div>
+								</div>
+						</li>
+						<li class="nav-item has-sub"><a title="Screen protector series" href="#">Products</a>
+								<div class="sub-box sub-nav-container">
+									<div class="grid-wrapper">
+										<div class="grid-col">
+											<div class="col-header"><a href="{URL}" title="Mobile phone screen protectors">For mobile phone</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+										</div>
+										<div class="grid-col">
+											<div class="col-header"><a href="{URL}" title="Computer screen protectors">For PC</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+										</div>
+										<div class="grid-col">
+											<div class="col-header"><a href="{URL}" title="Tablet screen protectors">For tablet</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col-header"><a href="{URL}" title="Car screen protectors">For car</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col-header"><a href="{URL}" title="Lens protectors">For phone Lens</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</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/faq">FAQs</a></li>
+                        <li class="nav-item"><a class="btn" href="/contact">Talk to us</a></li>
+					</ul>
+				</nav>
+			</div>
+		</div>
+
+		<div class="mobile-nav">
+			<div class="mobile-nav-wrapper">
+				<div class="mobile-logo">
+					<a href="/" title="Mietubl screen protector factory">
+					<img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/logo.svg" class="a" alt="Mietubl logo">
+					<img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/logo-black.svg" class="b" alt="Mietubl logo">
 					</a>
 				</div>
-
 				<div class="tt-hamburger" id="page-open-main-menu" tabindex="1">
 					<span class="bar"></span>
 					<span class="bar"></span>
 					<span class="bar"></span>
 				</div>
-
-				<div class="main-nav-container canvas-menu-wrapper" id="mega-menu-wrap">
-
-					<div class="mobile-menu-header">
-						<a href="https://www.lucentparts.com/" rel="home">
-							<img width="65" height="27"  src="https://www.lucentparts.com/wp-content/uploads/2023/12/12.webp" alt="Lucentparts" class="main-logo"/>
-						</a>
-						<div class="close-menu page-close-main-menu" id="page-close-main-menu">
-							<i class="ti-close"></i>
-						</div>
-					</div>
-					<!-- /.mobile-menu-header -->
-
-
-					<div class="menu-wrapper">
-						<div class="menu-primary-menu-container">
-
-
-
-                            <ul id="menu-primary-menu" class="site-main-menu">
-
-
-                                {% for menu in site.menus_header %}
-                                    <li  id="menu-item-{{ menu.id }}" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-23 menu-item single_width mega-menu {% if menu.children and menu.children.size == 0 %}megamenu{% endif %}">
-                                        <a class="nav-link {% if menu.children and menu.children.size > 0 %}dropdown-toggle{% endif %}"
-                                           href="{% if menu.children and menu.children.size > 0 %}#{% else %}{{ menu.uri }}{% endif %}"
-                                           {% if menu.children and menu.children.size > 0 %}data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"{% endif %}>
-                                            {{ menu.title }}
-                                        </a>
-                                        {% if menu.children and menu.children.size %}
-                                        <ul role="menu" class="icon-menu sub-menu ">
-                                                    {% for child in menu.children %}
-                                                        <li id="menu-item-{{ menu.id }}" class="menu-item menu-item-type-post_type menu-item-object-mega_menu menu-item-25403 menu-item"><a href="{% if child.children and child.children.size > 0 %}#{% else %}{{ child.uri }}{% endif %}"
-                                                           class=""> {{ child.title }}
-                                                        </a>
-                                                        </li>
-                                                    {% endfor %}
-                                        </ul>
-
-                                        {% endif %}
-                                    </li>
-                                {% endfor %}
-
-
-
-
-
-
-</ul>
-</div>							<div class="nav-right">
-								<a href="/contact" class="tt-btn nav-btn">Get a quote</a>							</div>
-												<!-- /.nav-right -->
-					</div>
-					<!-- /.main-menu -->
-				</div><!-- #menu-wrapper -->
-			</nav><!-- #site-navigation -->
-		</div><!-- /.header-inner -->
-	</div><!-- /.container -->
-</header><!-- #masthead -->
-<!-- header end -->
+			</div>
+			<nav class="mobile-main-nav">
+					<ul>
+						<li><a href="/" title="Home page">Home</a></li>
+						<li class="m-sub-nav"><a title="About Mietubl" href="#" >About Us</a>
+							<ul class="m-sub-list">
+								<li><a href="/pages/about-us" title="About us">About Us</a></li>
+								<li><a href="/pages/factory" title="Factory Tour">Factory Tour</a></li>
+							</ul>
+						</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>
+							</ul>
+						</li>
+						<li><a title="News" href="/News-list/">News</a></li>
+						<li><a title="" href="/Faqs/">FAQs</a></li>
+						<li><a class="btn" href="/Contact-us/">Talk to us</a></li>
+					</ul>
+			</nav>
+		</div>
+
+	</div>
+</header>

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

@@ -0,0 +1,106 @@
+<header class="site-header  fix-top2">
+	<div  class="container">
+		<div class="header-inner">
+			<div class="site-navigation">
+				<div class="site-logo">
+					<a href="/" title="Mietubl screen protector factory">
+					<img width="114" height="37"  src="{{ site.asset_base_url}}static/tpl/screenprotector/images/logo.svg" class="a" alt="Mietubl logo">
+					<img width="114" height="37"  src="{{ site.asset_base_url}}static/tpl/screenprotector/images/logo-black.svg" class="b" alt="Mietubl logo">
+					</a>
+				</div>
+				<nav class="main-nav-container">
+					<ul>
+						<li class="nav-item"><a title="Home page" href="/">Home</a></li>
+						<li class="nav-item has-sub"><a title="About Mietubl" href="#">About Us</a>
+								<div class="sub-about-us sub-nav-container" >
+									<div class="about-item">
+										<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/C1.webp"></div>
+										<div class="intro"><a href="/pages/about-us" title="About us">About Us</a>
+														 <span>Company Overview</span>
+										</div>
+									</div>
+									<div class="about-item">
+										<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/C1.webp"></div>
+										<div class="intro"><a href="/pages/factory" title="Factory Tour">Factory Tour</a>
+														  <span> Screen Protector Factory</span>
+										</div>
+									</div>
+								</div>
+						</li>
+						<li class="nav-item has-sub"><a title="Screen protector series" href="#">Products</a>
+								<div class="sub-box sub-nav-container">
+									<div class="grid-wrapper">
+										<div class="grid-col">
+											<div class="col-header"><a href="{URL}" title="Mobile phone screen protectors">For mobile phone</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+										</div>
+										<div class="grid-col">
+											<div class="col-header"><a href="{URL}" title="Computer screen protectors">For PC</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+										</div>
+										<div class="grid-col">
+											<div class="col-header"><a href="{URL}" title="Tablet screen protectors">For tablet</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col-header"><a href="{URL}" title="Car screen protectors">For car</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col-header"><a href="{URL}" title="Lens protectors">For phone Lens</a></div>
+											<div class="col"><a href="" title="Super D screen protector">Super D screen protector</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/faq">FAQs</a></li>
+						<li class="nav-item"><a class="btn" href="/contact">Talk to us</a></li>
+					</ul>
+				</nav>
+			</div>
+		</div>
+
+		<div class="mobile-nav">
+			<div class="mobile-nav-wrapper">
+				<div class="mobile-logo">
+					<a href="/" title="Mietubl screen protector factory">
+					<img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/logo.svg" class="a" alt="Mietubl logo">
+					<img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/logo-black.svg" class="b" alt="Mietubl logo">
+					</a>
+				</div>
+				<div class="tt-hamburger" id="page-open-main-menu" tabindex="1">
+					<span class="bar"></span>
+					<span class="bar"></span>
+					<span class="bar"></span>
+				</div>
+			</div>
+			<nav class="mobile-main-nav">
+					<ul>
+						<li><a href="/" title="Home page">Home</a></li>
+						<li class="m-sub-nav"><a title="About Mietubl" href="#" >About Us</a>
+							<ul class="m-sub-list">
+								<li><a href="/pages/about-us" title="About us">About Us</a></li>
+								<li><a href="/pages/factory" title="Factory Tour">Factory Tour</a></li>
+							</ul>
+						</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>
+							</ul>
+						</li>
+						<li><a title="News" href="/News-list/">News</a></li>
+						<li><a title="" href="/Faqs/">FAQs</a></li>
+						<li><a class="btn" href="/Contact-us/">Talk to us</a></li>
+					</ul>
+			</nav>
+		</div>
+
+	</div>
+</header>

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

@@ -1,30 +1,40 @@
 
 <!DOCTYPE html>
-<html lang="en-US">
+<html lang="{{site.dist.country}}">
 <head><meta charset="UTF-8">
-	<title>{{Title}}</title>
+	<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="{{url}}/" />
-	<meta property="og:locale" content="en_US" />
+	<link rel="canonical" href="{{site.current_url}}" />
+	<meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
 	<meta property="og:type" content="website" />
-	<meta property="og:title" content="{{公司名称}}" />
+	<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="{{url}}" />
-	<meta property="og:site_name" content="{{网站名称}}" />
+	<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='{{url}}' />
-	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/css.css?ver=0705">
-	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
-	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/jquery.min.js"></script>
-	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
+	<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/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>
 </head>
 <body>
 {% include '_header.liquid' %}
 <section class="page-header">
 	<div class="section-wrapper">
-		<h1 class="page-title">{{Title}}</h1>
-		<div class="breadcrumb-wrapper">{{面包屑路径}}</div>
+		<h1 class="page-title">{{tag.name}}</h1>
+		<div class="breadcrumb-wrapper">
+            {% for breadcrumb in breadcrumbs %}
+                <a href="{{ breadcrumb.url }}">
+                    {{ breadcrumb.name }}
+                </a>
+                {% if forloop.index != forloop.length %}
+                    <span>/</span>
+                {% endif %}
+            {% endfor %}
+        </div>
 	</div>
 </section>
 <section class="news-list-page">
@@ -45,9 +55,9 @@
                 <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | strip_html }}">
 
                 {% 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_400,h_400' }}{% 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_1024,h_1024' }}{% endif %}" alt="Cover Image">
                 {% else %}
-                    <img src="/static/images/product_default.jpg" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
+                    <img src="/static/images/product_default.jpg" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}" style="width: 1024px;height: 1024px;">
                 {% endif %}
                 </a>
 			</div>

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

@@ -1,12 +1,12 @@
 
 <!DOCTYPE html>
-<html lang="en-US">
+<html lang="{{site.dist.country}}">
 <head><meta charset="UTF-8">
-	<title>Lucent Phone Parts Wholesale Electronic Technology Co., Ltd.</title>
+	<title>{{site.dist.seo_title}}</title>
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 	<meta name="description" content="Focus on mobile phone LCD screens and spare parts manufacturers Quality first Lucent Phone Parts，mobile phone spare parts wholesale" />
 	<link rel="canonical" href="https://www.lucentparts.com/" />
-	<meta property="og:locale" content="en_US" />
+	<meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
 	<meta property="og:type" content="website" />
 	<meta property="og:title" content="Lucent Phone Parts Wholesale Electronic Technology Co., Ltd." />
 	<meta property="og:description" content="Focus on mobile phone LCD screens and spare parts manufacturers Quality first Lucent Phone Parts，mobile phone spare parts wholesale" />
@@ -21,10 +21,11 @@
 	<link rel='shortlink' href='https://www.lucentparts.com/' />
 	<meta name="generator" content="Site Kit by Google 1.141.0" />
 	<meta name="generator" content="Elementor 3.25.10; features: e_font_icon_svg, additional_custom_breakpoints, e_optimized_control_loading; settings: css_print_method-external, google_font-enabled, font_display-swap">
-	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/css.css?ver=0705">
-	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
-	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/jquery.min.js"></script>
-	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
+	<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/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>
 </head>
 <body>
 
@@ -98,7 +99,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.assetsUrl}}/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="" /></div>
 			<div class="widget-text">
 				<div class="box1">
 					<span class="counter-number" data-to-value="1800" data-from-value="0" >0</span>
@@ -110,7 +111,7 @@
 			</div>
 		</div>
 		<div class="inner-widget">
-			<div class="widget-pic"><img width="43" height="49" src="{{ site.assetsUrl}}/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="" /></div>
 			<div class="widget-text">
 				<div class="box1">
 					<span class="counter-number" data-to-value="4800" data-from-value="0" >0</span>
@@ -122,7 +123,7 @@
 			</div>
 		</div>
 		<div class="inner-widget">
-			<div class="widget-pic"><img width="43" height="49" src="{{ site.assetsUrl}}/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="" /></div>
 			<div class="widget-text">
 				<div class="box1">
 					<span class="counter-number" data-to-value="8000000" data-from-value="0" >0</span>
@@ -139,28 +140,28 @@
 		<div class="swiper mySwiper">
 		  <div class="swiper-wrapper">
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/cell-display.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/cell-display.webp" alt="Mietubl screen protector series">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/cell-phone-display.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/cell-phone-display.webp" alt="Mietubl screen protector series">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/cell-phone-screen.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/cell-phone-screen.webp" alt="Mietubl screen protector series">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mobile-display-1.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/mobile-display-1.webp" alt="Mietubl screen protector series">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mobile-lcd-display.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/mobile-lcd-display.webp" alt="Mietubl screen protector series">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mobile-screen.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/mobile-screen.webp" alt="Mietubl screen protector series">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/phone-lcd.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/phone-lcd.webp" alt="Mietubl screen protector series">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/phone-screen-display.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/phone-screen-display.webp" alt="Mietubl screen protector series">
 				</div>
 		  </div>
 		</div>

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

@@ -1,22 +1,23 @@
 
 <!DOCTYPE html>
-<html lang="en-US">
+<html lang="{{site.dist.country}}">
 <head><meta charset="UTF-8">
-    <title>{{ site.dist.seo_title }}</title>
+    <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 }}" />
-    <link rel="canonical" href=="{{url}}" />
-    <meta property="og:locale" content="en_US" />
+    <link rel="canonical" href=="{{site.current_url}}" />
+    <meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
     <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="{{url}}" />
+    <meta property="og:url" content="{{site.current_url}}" />
     <meta name="twitter:card" content="summary_large_image" />
-    <link rel='shortlink' href='{{url}}' />
-    <link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/css.css?ver=0705">
-    <link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
-    <script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/jquery.min.js"></script>
-    <script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
+    <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/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>
 </head>
 <body>
 {% include '_header.liquid' %}

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

@@ -1,22 +1,23 @@
 
 <!DOCTYPE html>
-<html lang="en-US">
+<html lang="{{site.dist.country}}">
 <head><meta charset="UTF-8">
-    <title>{{ site.dist.seo_title }}</title>
+    <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 }}" />
-    <link rel="canonical" href=="{{url}}" />
-    <meta property="og:locale" content="en_US" />
+    <link rel="canonical" href=="{{site.current_url}}" />
+    <meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
     <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="{{url}}" />
+    <meta property="og:url" content="{{site.current_url}}" />
     <meta name="twitter:card" content="summary_large_image" />
-    <link rel='shortlink' href='{{url}}' />
-    <link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/css.css?ver=0705">
-    <link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
-    <script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/jquery.min.js"></script>
-    <script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
+    <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/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>
 </head>
 <body>
 {% include '_header.liquid' %}
@@ -69,28 +70,28 @@
 		<div class="swiper mySwiper">
 		  <div class="swiper-wrapper">
 				<div class="swiper-slide">
-					<img class="image" src="../images/cell-display.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/cell-display.webp" alt="Mietubl screen protector series">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/cell-phone-display.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/cell-phone-display.webp" alt="Mietubl screen protector series">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/cell-phone-screen.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/cell-phone-screen.webp" alt="Mietubl screen protector series">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mobile-display-1.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/mobile-display-1.webp" alt="Mietubl screen protector series">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mobile-lcd-display.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/mobile-lcd-display.webp" alt="Mietubl screen protector series">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mobile-screen.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/mobile-screen.webp" alt="Mietubl screen protector series">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/phone-lcd.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/phone-lcd.webp" alt="Mietubl screen protector series">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/phone-screen-display.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/phone-screen-display.webp" alt="Mietubl screen protector series">
 				</div>
 		  </div>
 		</div>
@@ -139,10 +140,10 @@
 	<div class="section-wrapper">
 		<div class="showcase">
 			<div class="zoom-in-pic">
-				<div class="pic active"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></div>
-				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></div>
-				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></div>
-				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></div>
+				<div class="pic active"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/20241218111501.jpg"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/20241218111501.jpg"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/20241218111501.jpg"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/20241218111501.jpg"></div>
 			</div>
 			<div class="reviews">
 				<h2>What Our Customers Say</h2>
@@ -160,10 +161,10 @@
 				</div>
 				<div class="preview-pic">
 					<ul>
-						<li class="pic active"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></li>
-						<li class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></li>
-						<li class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></li>
-						<li class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/20241218111501.jpg"></li>
+						<li class="pic active"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/20241218111501.jpg"></li>
+						<li class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/20241218111501.jpg"></li>
+						<li class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/20241218111501.jpg"></li>
+						<li class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/20241218111501.jpg"></li>
 					</ul>
 				</div>
 			</div>

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

@@ -1,29 +1,35 @@
 
 <!DOCTYPE html>
-<html lang="en-US">
+<html lang="{{site.dist.country}}">
 <head><meta charset="UTF-8">
-    <title>{{ site.dist.seo_title }}</title>
+    <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 }}" />
-    <link rel="canonical" href=="{{url}}" />
-    <meta property="og:locale" content="en_US" />
+    <link rel="canonical" href="{{site.current_url}}" />
+    <meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
     <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="{{url}}" />
+    <meta property="og:url" content="{{site.current_url}}" />
     <meta name="twitter:card" content="summary_large_image" />
-    <link rel='shortlink' href='{{url}}' />
-    <link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/css.css?ver=0705">
-    <link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
-    <script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/jquery.min.js"></script>
-    <script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
+    <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/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>
 </head>
 <body>
 {% include '_header.liquid' %}
 <section class="page-header">
 	<div class="section-wrapper">
 		<h1 class="page-title">Contact Us </h1>
-		<div class="breadcrumb-wrapper">{{面包屑路径}}</div>
+		<div class="breadcrumb-wrapper"> {% for breadcrumb in breadcrumbs %}
+                <a href="{{ breadcrumb.url }}">  {{ breadcrumb.name }} </a>
+                {% if forloop.index != forloop.length %}
+                    <span>/</span>
+                {% endif %}
+            {% endfor %}</div>
 	</div>
 </section>
 <section class="contact-companies">
@@ -32,42 +38,42 @@
 		<div class="rich-text">We will be happy to talk to you if you have any of the following.</div>
 	<div class="contact-grid">
 		<div class="contact-grid-item">
-			<div class="icon"><img src="images/contact-icon1.svg"></div>
+			<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/contact-icon1.svg"></div>
 				<div class="heading-group">
 				<h3 class="text-balance">Marketing and sales</h3>
 				<p class="richtex">Attract customers to your site and drive sales through effective marketing techniques</p>
 				</div>
 		</div>
 		<div class="contact-grid-item">
-			<div class="icon"><img src="images/contact-icon2.svg"></div>
+			<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/contact-icon2.svg"></div>
 				<div class="heading-group">
 				<h3 class="text-balance">Marketing and sales</h3>
 				<p class="richtex">Attract customers to your site and drive sales through effective marketing techniques</p>
 				</div>
 		</div>
 		<div class="contact-grid-item">
-			<div class="icon"><img src="images/contact-icon3.svg"></div>
+			<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/contact-icon3.svg"></div>
 				<div class="heading-group">
 				<h3 class="text-balance">Marketing and sales</h3>
 				<p class="richtex">Attract customers to your site and drive sales through effective marketing techniques</p>
 				</div>
 		</div>
 		<div class="contact-grid-item">
-			<div class="icon"><img src="images/contact-icon4.svg"></div>
+			<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/contact-icon4.svg"></div>
 				<div class="heading-group">
 				<h3 class="text-balance">Marketing and sales</h3>
 				<p class="richtex">Attract customers to your site and drive sales through effective marketing techniques</p>
 				</div>
 		</div>
 		<div class="contact-grid-item">
-			<div class="icon"><img src="images/contact-icon5.svg"></div>
+			<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/contact-icon5.svg"></div>
 				<div class="heading-group">
 				<h3 class="text-balance">Marketing and sales</h3>
 				<p class="richtex">Attract customers to your site and drive sales through effective marketing techniques</p>
 				</div>
 		</div>
 		<div class="contact-grid-item">
-			<div class="icon"><img src="images/contact-icon6.svg"></div>
+			<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/contact-icon6.svg"></div>
 				<div class="heading-group">
 				<h3 class="text-balance">Marketing and sales</h3>
 				<p class="richtex">Attract customers to your site and drive sales through effective marketing techniques</p>

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

@@ -1,21 +1,22 @@
 
 <!DOCTYPE html>
-<html lang="en-US">
+<html lang="{{site.dist.country}}">
 <head><meta charset="UTF-8">
-	<title>{{参观工厂}}</title>
+	<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 }}" />
-	<link rel="canonical" href=="{{url}}" />
-	<meta property="og:locale" content="en_US" />
+	<link rel="canonical" href=="{{site.current_url}}" />
+	<meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
 	<meta property="og:type" content="website" />
-	<meta property="og:title" content="{{参观工厂}}" />
+	<meta property="og:title" content="{{page.seo_title}}" />
 	<meta property="og:description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}" />
-	<meta property="og:url" content="{{url}}" />
-	<link rel='shortlink' href='{{url}}' />
-	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/css.css?ver=0705">
-	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
-	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/jquery.min.js"></script>
-	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
+	<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/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>
 </head>
 <body>
 {% include '_header.liquid' %}
@@ -30,7 +31,7 @@
 
 <section class="factory-section">
 	<div class="thumb">
-		<img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/2023-12-08.jpg" alt="Screen protector Manufacturer Wholesaler">
+		<img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/2023-12-08.jpg" alt="Screen protector Manufacturer Wholesaler">
 	</div>
 	<div class="block-content">
 			<h2>Custom Screen Protector Manufacturer</h2>
@@ -47,7 +48,7 @@
 		<h3>Assembly Line</h3>
 		<div class="departments">
 			<div class="dep">
-				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/a1.webp"></div>
 				<div class="content">
 					<div class="header">Dust-Free Production Workshop</div>
 					<div class="detail">5 fully automated LCD production lines, 5 semi-automatic LCD+Glass touch production lines with a daily output of 50,000 pieces Mo</div>
@@ -55,7 +56,7 @@
 			</div>
 
 			<div class="dep">
-				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/a1.webp"></div>
 				<div class="content">
 					<div class="header">Dust-Free Production Workshop</div>
 					<div class="detail">5 fully automated LCD production lines, 5 semi-automatic LCD+Glass touch production lines with a daily output of 50,000 pieces Mo</div>
@@ -63,14 +64,14 @@
 			</div>
 
 			<div class="dep">
-				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/a1.webp"></div>
 				<div class="content">
 					<div class="header">Dust-Free Production Workshop</div>
 					<div class="detail">5 fully automated LCD production lines, 5 semi-automatic LCD+Glass touch production lines with a daily output of 50,000 pieces Mo</div>
 				</div>
 			</div>
 			<div class="dep">
-				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/a1.webp"></div>
 				<div class="content">
 					<div class="header">Dust-Free Production Workshop</div>
 					<div class="detail">5 fully automated LCD production lines, 5 semi-automatic LCD+Glass touch production lines with a daily output of 50,000 pieces Mo</div>
@@ -78,7 +79,7 @@
 			</div>
 
 			<div class="dep">
-				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/a1.webp"></div>
 				<div class="content">
 					<div class="header">Dust-Free Production Workshop</div>
 					<div class="detail">5 fully automated LCD production lines, 5 semi-automatic LCD+Glass touch production lines with a daily output of 50,000 pieces Mo</div>
@@ -86,7 +87,7 @@
 			</div>
 
 			<div class="dep">
-				<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/a1.webp"></div>
 				<div class="content">
 					<div class="header">Dust-Free Production Workshop</div>
 					<div class="detail">5 fully automated LCD production lines, 5 semi-automatic LCD+Glass touch production lines with a daily output of 50,000 pieces Mo</div>
@@ -107,7 +108,7 @@
 		<div class="section-wrapper">
 		<h3 class="heading-title">Our product solutions for you</h3>
 		<div class="category">
-			<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/consumer-inner.jpg" alt="Mobile phone screen protector"></div>
+			<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/consumer-inner.jpg" alt="Mobile phone screen protector"></div>
 			<div class="category-text">
 					<h3>Mobile phone screen protector</h3>
 					<div> Mobile phone screens are often the most vulnerable part of the device, as they can easily get scratched, cracked, or damaged due to daily use. And screen protector is an effective way to safeguard a mobile phone’s screen against damage, ensuring the device remains functional and visually appealing for a longer time.</div>
@@ -117,23 +118,23 @@
 					<div>
 					<ul>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/scratch.svg" alt="Scratch resistant"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/scratch.svg" alt="Scratch resistant"></div>
 							<div class="t">Scratch resistant</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/curvededge.svg" alt="Polished edges"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/curvededge.svg" alt="Polished edges"></div>
 							<div class="t">Polished edges</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/touch.svg" alt="Touch sensitive"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/touch.svg" alt="Touch sensitive"></div>
 							<div class="t">Touch sensitive</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/HD.svg" alt="98% optical clarity"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/HD.svg" alt="98% optical clarity"></div>
 							<div class="t">98% optical clarity</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
 							<div class="t">Anti-fingerprint</div>
 						</li>
 
@@ -143,7 +144,7 @@
 			</div>
 		</div>
 		<div class="category">
-			<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/consumer-inner.jpg" alt="Mobile phone screen protector"></div>
+			<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/consumer-inner.jpg" alt="Mobile phone screen protector"></div>
 			<div class="category-text">
 					<h3>Tablet screen protector</h3>
 					<div> For tablet computers, the need for screen protection is just as important as it is for mobile phones, if not more so, due to the larger size and increased likelihood of being used in various environments (home, office, travel, etc.). Tablets are often used for activities like browsing, reading, drawing, or gaming, making their screens more vulnerable to scratches, smudges, and cracks.</div>
@@ -152,23 +153,23 @@
 					<div>
 					<ul>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/scratch.svg" alt="Scratch resistant"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/scratch.svg" alt="Scratch resistant"></div>
 							<div class="t">Scratch resistant</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/curvededge.svg" alt="Polished edges"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/curvededge.svg" alt="Polished edges"></div>
 							<div class="t">Polished edges</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/touch.svg" alt="Touch sensitive"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/touch.svg" alt="Touch sensitive"></div>
 							<div class="t">Touch sensitive</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/HD.svg" alt="98% optical clarity"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/HD.svg" alt="98% optical clarity"></div>
 							<div class="t">98% optical clarity</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
 							<div class="t">Anti-fingerprint</div>
 						</li>
 
@@ -178,7 +179,7 @@
 			</div>
 		</div>
 		<div class="category">
-			<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/consumer-inner.jpg" alt="Mobile phone screen protector"></div>
+			<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/consumer-inner.jpg" alt="Mobile phone screen protector"></div>
 			<div class="category-text">
 					<h3>Car screen protector</h3>
 					<div> The screen of a car navigation device is exposed to various potential hazards, such as dust, dirt, and abrasive materials. Over time, even small particles can cause scratches on the screen, affecting visibility and performance. A screen protector helps maintain the screen's clarity and usability by acting as a barrier against such damage.</div>
@@ -187,23 +188,23 @@
 					<div>
 					<ul>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/scratch.svg" alt="Scratch resistant"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/scratch.svg" alt="Scratch resistant"></div>
 							<div class="t">Scratch resistant</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/curvededge.svg" alt="Polished edges"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/curvededge.svg" alt="Polished edges"></div>
 							<div class="t">Polished edges</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/touch.svg" alt="Touch sensitive"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/touch.svg" alt="Touch sensitive"></div>
 							<div class="t">Touch sensitive</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/HD.svg" alt="98% optical clarity"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/HD.svg" alt="98% optical clarity"></div>
 							<div class="t">98% optical clarity</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
 							<div class="t">Anti-fingerprint</div>
 						</li>
 
@@ -213,7 +214,7 @@
 			</div>
 		</div>
 		<div class="category">
-			<div class="pic"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/consumer-inner.jpg" alt="Mobile phone screen protector"></div>
+			<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/consumer-inner.jpg" alt="Mobile phone screen protector"></div>
 			<div class="category-text">
 					<h3>Car screen protector</h3>
 					<div> Mobile phone screens are often the most vulnerable part of the device, as they can easily get scratched, cracked, or damaged due to daily use. And screen protector is an effective way to safeguard a mobile phone’s screen against damage, ensuring the device remains functional and visually appealing for a longer time.</div>
@@ -222,23 +223,23 @@
 					<div>
 					<ul>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/scratch.svg" alt="Scratch resistant"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/scratch.svg" alt="Scratch resistant"></div>
 							<div class="t">Scratch resistant</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/curvededge.svg" alt="Polished edges"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/curvededge.svg" alt="Polished edges"></div>
 							<div class="t">Polished edges</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/touch.svg" alt="Touch sensitive"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/touch.svg" alt="Touch sensitive"></div>
 							<div class="t">Touch sensitive</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/HD.svg" alt="98% optical clarity"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/HD.svg" alt="98% optical clarity"></div>
 							<div class="t">98% optical clarity</div>
 						</li>
 						<li>
-							<div class="icon"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
 							<div class="t">Anti-fingerprint</div>
 						</li>
 
@@ -282,14 +283,14 @@
 			<p class="sub-title">You may encounter a series of common problems. If you have additional questions, please contact Lucent.</p>
 			<div class="widget-container">
 				<div class="contact-widget">
-					<div class="icon-box"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/WhatsApp.svg"></div>
+					<div class="icon-box"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/whatsapp.svg"></div>
 					<div class="contact-widget-title">WhatsApp</div>
 					<div class="contact-widget-detail">Questions about our product or pricing? Call for support</div>
 					<div class="contact-widget-number">+86 170 0016 1888</div>
 				</div>
 
 				<div class="contact-widget">
-					<div class="icon-box"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/mail.svg"></div>
+					<div class="icon-box"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/mail.svg"></div>
 					<div class="contact-widget-title">Email</div>
 					<div class="contact-widget-detail">For more questions, you can also write to us.</div>
 					<div class="contact-widget-number">Marketing@mietubl.com</div>

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

@@ -0,0 +1,75 @@
+
+<!DOCTYPE html>
+<html lang="{{site.dist.country}}">
+<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="{{description}}" />
+	<link rel="canonical" href="{{site.current_url}}/" />
+	<meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
+	<meta property="og:type" content="website" />
+	<meta property="og:title" content="{{site.dist.company_name}}" />
+	<meta property="og:description" content="{{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="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/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>
+</head>
+<body>
+{% include '_header.liquid' %}
+<section class="page-header">
+    <div class="section-wrapper">
+        <h1 class="page-title">{{page.title}}</h1>
+
+        <div class="breadcrumb-wrapper">
+            {% for breadcrumb in breadcrumbs %}
+                <a href="{{ breadcrumb.url }}">
+                    {{ breadcrumb.name }}
+                </a>
+                {% if forloop.index != forloop.length %}
+                    <span>/</span>
+                {% endif %}
+            {% endfor %}
+        </div>
+    </div>
+</section>
+
+<section class="faq-page">
+	<div class="section-wrapper">
+		<div class="faq-box">
+			<div class="support-title">How is your after-sales service?</div>
+			<div class="support-content">Our warranty policy for your reference:1. The warranty time is 12 months since the stamp date. 2. All items are 100% new and strictly tested one by one before shipping. ...</div>
+		</div>
+		<div class="faq-box">
+			<div class="support-title">How is your after-sales service?</div>
+			<div class="support-content">Our warranty policy for your reference:1. The warranty time is 12 months since the stamp date. 2. All items are 100% new and strictly tested one by one before shipping. ...</div>
+		</div>
+		<div class="faq-box">
+			<div class="support-title">How is your after-sales service?</div>
+			<div class="support-content">Our warranty policy for your reference:1. The warranty time is 12 months since the stamp date. 2. All items are 100% new and strictly tested one by one before shipping. ...</div>
+		</div>
+		<div class="faq-box">
+			<div class="support-title">How is your after-sales service?</div>
+			<div class="support-content">Our warranty policy for your reference:1. The warranty time is 12 months since the stamp date. 2. All items are 100% new and strictly tested one by one before shipping. ...</div>
+		</div>
+		<div class="faq-box">
+			<div class="support-title">How is your after-sales service?</div>
+			<div class="support-content">Our warranty policy for your reference:1. The warranty time is 12 months since the stamp date. 2. All items are 100% new and strictly tested one by one before shipping. ...</div>
+		</div>
+		<div class="faq-box">
+			<div class="support-title">How is your after-sales service?</div>
+			<div class="support-content">Our warranty policy for your reference:1. The warranty time is 12 months since the stamp date. 2. All items are 100% new and strictly tested one by one before shipping. ...</div>
+		</div>
+	</div>
+</section>
+
+{% include '__contact.liquid' %}
+
+{% include '_footer.liquid' %}
+	</body>
+</html>
+

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

@@ -1,30 +1,36 @@
 
 <!DOCTYPE html>
-<html lang="en-US">
+<html lang="{{site.dist.country}}">
 <head><meta charset="UTF-8">
-	<title>{{Title}}</title>
+	<title>{{category.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="{{url}}/" />
-	<meta property="og:locale" content="en_US" />
+	<link rel="canonical" href="{{site.current_url}}/" />
+	<meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
 	<meta property="og:type" content="website" />
-	<meta property="og:title" content="{{公司名称}}" />
+	<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="{{url}}" />
-	<meta property="og:site_name" content="{{网站名称}}" />
+	<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='{{url}}' />
-	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/css.css?ver=0705">
-	<link rel="stylesheet" href="{{ site.assetsUrl}}/static/tpl/screenprotector/css/swiper-bundle.min.css?ver=0705">
-	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/jquery.min.js"></script>
-	<script src="{{ site.assetsUrl}}/static/tpl/screenprotector/js/swiper-bundle.min.js"></script>
+	<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/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>
 </head>
 <body>
 {% include '_header.liquid' %}
 <section class="page-header">
 	<div class="section-wrapper">
-		<h1 class="page-title">{{Title}}</h1>
-		<div class="breadcrumb-wrapper">{{面包屑路径}}</div>
+		<h1 class="page-title">{{category.name}}</h1>
+		<div class="breadcrumb-wrapper"> {% for breadcrumb in breadcrumbs %}
+                <a href="{{ breadcrumb.url }}">  {{ breadcrumb.name }} </a>
+                {% if forloop.index != forloop.length %}
+                    <span>/</span>
+                {% endif %}
+            {% endfor %}</div>
 	</div>
 </section>
 <section class="product-list-page">
@@ -39,13 +45,13 @@
                             <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 %}"
                             alt="{{ item.title | strip_html }}">
                         {% else %}
-                            <img src="{{ site.assetsUrl}}/static/images/product_default.jpg" alt="{{ item.title | strip_html }}">
+                            <img src="{{ site.asset_base_url}}/static/images/product_default.jpg" alt="{{ item.title | strip_html }}">
                         {% endif %}
 
 
 
 
-					<div class="overlay"><img src="{{ site.assetsUrl}}/static/tpl/screenprotector/images/cell-phone-display.webp" alt="{{ item.title | strip_html }}"></div>
+					<div class="overlay"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/cell-phone-display.webp" alt="{{ item.title | strip_html }}"></div>
 				</a></div>
 				<div class="product-name"><a href="/products/{{ item.id }}" alt="{{ item.title | strip_html }}">{{ item.title | strip_html }}</a></div>
 			</li>

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

@@ -0,0 +1,113 @@
+
+<!DOCTYPE html>
+<html lang="{{site.dist.country}}">
+<head><meta charset="UTF-8">
+	<title>{{product.seo_title}}</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+	<meta name="description" content="{{description}}" />
+	<link rel="canonical" href="{{site.current_url}}/" />
+	<meta property="og:locale" content="{{site.dist.country_alpha_2l}}" />
+	<meta property="og:type" content="website" />
+	<meta property="og:title" content="{{site.dist.company_name}}" />
+	<meta property="og:description" content="{{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="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/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>$(function(){$("#masterslider").thumbSlide();})</script>
+</head>
+<body>
+{% include '_header_black.liquid' %}
+<section class="product-page">
+	<div class="section-wrapper">
+		<div class="breadcrumb-wrapper"> {% for breadcrumb in breadcrumbs %}
+                <a href="{{ breadcrumb.url }}">  {{ breadcrumb.name }} </a>
+                {% if forloop.index != forloop.length %}
+                    <span>/</span>
+                {% endif %}
+            {% endfor %}</div>
+		<div class="product-header">
+			<div class="product-gallery">
+				<div class="zoom" id="masterslider">
+					<ul class="slideList">
+
+                        {% if product.images and product.images.size > 0 %}
+                            {% for item in product.images %}
+                                {% assign image_url = item.image_url %}
+                                <li class="{% if forloop.index == 1 %}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 %}" alt="{{product.title | strip_html }}"></li>
+                            {% endfor %}
+
+                        {% else %}
+                            <li  class="active"><img src="/static/images/product_default.jpg" alt="{{product.title | strip_html }}"></li>
+                        {% endif %}
+
+					</ul>
+				</div>
+			</div>
+			<div class="product-summary">
+				<h1> {{product.title | strip_html }}</h1>
+				<h2>{{ product.seo_description | strip_html }}</h2>
+				<div class="specification">
+					<div class="specification-title">Product Specification</div>
+                    {% for item in product.parameters %}
+
+                    <div class="specification-item">
+					<div class="attribute-name"> {{ item.key }}</div>
+					<div class="attribute-value">   {{ item.value }}</div>
+					</div>
+                    {% endfor %}
+				</div>
+				<div class="btn"><a href="https://api.whatsapp.com/send?phone={{site.dist.whats_app}}">Speak With Our Team</a></div>
+			</div>
+		</div>
+
+		<div class="product-conent">
+			<h3>Description</h3>
+			<div >  {{product.content | raw }}</div>
+		</div>
+
+		<aside class="product-relate">
+			<h3>Related products</h3>
+			<p class="description">Find out more products similar to this</p>
+			<div class="relate-grid">
+
+                {% for item in relatedProducts %}
+
+                    {% assign image_url = item.images[0].image_url %}
+
+                    <div class="grid-item">
+                        <div class="item-img"><a href="/products/{{ item.id }}">
+
+                                {% if image_url %}
+                                    {% if image_url contains 'http' %}
+                                        <img src="{{ image_url }}" 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 %}
+                                {% else %}
+                                    <img src="/static/images/product_default.jpg" class="" alt="{{ item.title | strip_html }}">
+                                {% endif %}
+
+                            </a></div>
+                        <div class="item-title"><a href="/products/{{ item.id }}" title="{{ item.title | strip_html }}">{{ item.title | strip_html }}</a></div>
+                    </div>
+
+                {% endfor %}
+
+
+			</div>
+		</aside>
+	</div>
+</section>
+
+{% include '__contact.liquid' %}
+
+{% include '_footer.liquid' %}
+	</body>
+</html>
+

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

@@ -1 +1 @@
-<!-- update date 2024-12-23 15:10 -->
+<!-- update date 2024-12-25 12:37 -->