Bläddra i källkod

Merge remote-tracking branch 'gogs/master'

igb 3 månader sedan
förälder
incheckning
e572e7deb5

+ 1 - 1
app/Http/Middleware/LoadDistData.php

@@ -47,7 +47,7 @@ class LoadDistData
 
                 // dd('update template');
                 // 更新模板
-                //TemplateUpdater::updateTemplates($dist);
+                TemplateUpdater::updateTemplates($dist);
 
                 // 清除缓存并重新获取
                 SiteCache::clearDistCache($domain);

+ 2 - 2
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_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_380,h_220' }}{% endif %}" alt="Cover Image">
                         {% else %}
                             <img src="/static/images/product_default.jpg" class="img-center default-image-thumbnail" alt="{{ item.title | strip_html }}">
                         {% endif %}
@@ -30,7 +30,7 @@
 
                         </div>
                         <div class="post-meta">
-                            <span>Author: Mietubl</span>
+                            <span>Mietubl</span>
                         </div>
                     </div>
                 </div>

+ 3 - 3
resources/views/liquid_src/1/screenprotector/__contact.liquid

@@ -3,7 +3,7 @@
     <div class="section-wrapper">
         <div class="index-contact-left-wrapper">
             <h3 class="heading-title">Get in Touch Today!</h3>
-            <p class="sub-title">You may encounter a series of common problems. If you have additional questions, please contact Lucent.</p>
+            <p class="sub-title">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>
@@ -22,8 +22,8 @@
         </div>
         <div class="index-contact-right-wrapper">
             <div class="contact-form">
-                <h3 class="heading-title">Fill out the form and We will contact you shortly.</h3>
-
+                <h3 class="heading-title">Do feel free to leave us a message!</h3>
+				<div class="sub-text">We will get back to you as soon as possible.</div>
                 <form id="form_contact" data-action="/contact" class="form-default" role="form">
                     <div class="input-container">
                         <label for="form-field-name" class="field-label">Name</label>

+ 1 - 9
resources/views/liquid_src/1/screenprotector/_footer.liquid

@@ -3,14 +3,7 @@
 	<div class="section-wrapper">
 		<div class="footer-widget">
 			<div class="int-widget">
-
-
-
-
-                    <div class="footer-logo"><img src="https://mietubl-dev.oss.mietubl.com.cn/static/tpl/screenprotector/images/logo.svg" alt=""></div>
-
-
-
+                    <div class="footer-logo"><img src="https://mietubl-dev.oss.mietubl.com.cn/static/tpl/screenprotector/images/logo.svg" alt="Mietubl logo"></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>
@@ -26,7 +19,6 @@
 			<div class="list-widget">
                 {% for menu in site.menus_footer %}
                 {% if menu.show %}
-
                             <dl class="">
                                 <dt>{{ menu.title }}</dt>
                                 {% for child in menu.children %}

+ 20 - 19
resources/views/liquid_src/1/screenprotector/_header.liquid

@@ -14,13 +14,13 @@
 						<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="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/nav-pic1.jpg"></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="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/nav-pic2.jpg"></div>
 										<div class="intro"><a href="/pages/factory" title="Factory Tour">Factory Tour</a>
 														  <span> Screen Protector Factory</span>
 										</div>
@@ -31,32 +31,33 @@
 								<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 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/330" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col"><a href="/products/333" title="Antistatic screen protector">Antistatic screen protector</a></div>
+											<div class="col"><a href="/products/336" title="HD clear big curved edge screen protector">HD clear screen protector</a></div>
+											<div class="col"><a href="/products/332" title="Colored MTB Glass Screen Protector">Colored MTB Glass Screen Protector</a></div>
+											<div class="col"><a href="/products/334" title="Privacy screen protector">Privacy screen protector</a></div>
+											<div class="col"><a href="/products/335" title="Hot bending screen protector">Hot bending screen protector</a></div>
+											<div class="col"><a href="/products/331" title="UV screen protector">UV screen protector</a></div>
+											<div class="col"><a href="/products/338" title="Lace edge screen protector">Lace edge screen protector</a></div>	
+											<div class="col"><a href="/products/338" title="Lace edge screen protector">Big curved edge 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 class="col-header"><a href="/products/categories/for-pc" title="Computer screen protectors">For PC</a></div>
+											<div class="col"><a href="/products/341" title="Clip-on monitor privacy filter">Clip-on monitor privacy filter</a></div>
+											<div class="col"><a href="/products/340" title="PC screen privacy filter">PET screen protector</a></div>
+											<div class="col"><a href="/products/339" title="Magnetic privacy screen protector">Magnetic privacy 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 class="col-header"><a href="/products/343" title="Tablet screen protectors">For tablet</a></div>								
+											<div class="col-header"><a href="/products/344" title="Car screen protectors">For car</a></div>
+											<div class="col-header"><a href="/products/345" 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/faq">FAQs</a></li>
+                        <li class="nav-item"><a title="" href="/pages/faqs">FAQs</a></li>
                         <li class="nav-item"><a class="btn" href="/contact">Talk to us</a></li>
 					</ul>
 				</nav>

+ 23 - 22
resources/views/liquid_src/1/screenprotector/_header_black.liquid

@@ -1,4 +1,4 @@
-<header class="site-header  fix-top2">
+ <header class="site-header fix-top2">
 	<div  class="container">
 		<div class="header-inner">
 			<div class="site-navigation">
@@ -14,13 +14,13 @@
 						<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="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/nav-pic1.jpg"></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="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/nav-pic2.jpg"></div>
 										<div class="intro"><a href="/pages/factory" title="Factory Tour">Factory Tour</a>
 														  <span> Screen Protector Factory</span>
 										</div>
@@ -31,33 +31,34 @@
 								<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 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/330" title="Super D screen protector">Super D screen protector</a></div>
+											<div class="col"><a href="/products/333" title="Antistatic screen protector">Antistatic screen protector</a></div>
+											<div class="col"><a href="/products/336" title="HD clear big curved edge screen protector">HD clear screen protector</a></div>
+											<div class="col"><a href="/products/332" title="Colored MTB Glass Screen Protector">Colored MTB Glass Screen Protector</a></div>
+											<div class="col"><a href="/products/334" title="Privacy screen protector">Privacy screen protector</a></div>
+											<div class="col"><a href="/products/335" title="Hot bending screen protector">Hot bending screen protector</a></div>
+											<div class="col"><a href="/products/331" title="UV screen protector">UV screen protector</a></div>
+											<div class="col"><a href="/products/338" title="Lace edge screen protector">Lace edge screen protector</a></div>	
+											<div class="col"><a href="/products/338" title="Lace edge screen protector">Big curved edge 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 class="col-header"><a href="/products/categories/for-pc" title="Computer screen protectors">For PC</a></div>
+											<div class="col"><a href="/products/341" title="Clip-on monitor privacy filter">Clip-on monitor privacy filter</a></div>
+											<div class="col"><a href="/products/340" title="PC screen privacy filter">PET screen protector</a></div>
+											<div class="col"><a href="/products/339" title="Magnetic privacy screen protector">Magnetic privacy 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 class="col-header"><a href="/products/343" title="Tablet screen protectors">For tablet</a></div>								
+											<div class="col-header"><a href="/products/344" title="Car screen protectors">For car</a></div>
+											<div class="col-header"><a href="/products/345" 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/faq">FAQs</a></li>
-						<li class="nav-item"><a class="btn" href="/contact">Talk to us</a></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 class="btn" href="/contact">Talk to us</a></li>
 					</ul>
 				</nav>
 			</div>

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

@@ -62,7 +62,7 @@
                 </a>
 			</div>
 			<div class="blog-content">
-				<h2 class="entry-title"><a href="https://www.lucentparts.com/2024/11/20/samsung-mobile-phone-screen/" rel="bookmark">  {{ item.title | decode_html_entities | strip_html }}</a></h2>
+				<h2 class="entry-title"><a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | strip_html }}"> {{ item.title | decode_html_entities | strip_html }}</a></h2>
 				<div class="entry-content">
 					<p>
                         {% if item.description %}

+ 35 - 73
resources/views/liquid_src/1/screenprotector/home.liquid

@@ -12,15 +12,7 @@
 	<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 }}" />
-	<meta property="article:modified_time" content="2024-11-20T06:31:35+00:00" />
-	<meta property="og:image" content="https://www.lucentparts.com/wp-content/uploads/2024/10/mobile-display.webp" />
-	<meta property="og:image:width" content="1200" />
-	<meta property="og:image:height" content="656" />
-	<meta property="og:image:type" content="image/webp" />
-	<meta name="twitter:card" content="summary_large_image" />
 	<link rel='shortlink' href='{{site.current_url}}' />
-	<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.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>
@@ -35,14 +27,13 @@
 			<div  class="e-con-inner">
 				<div class="elementor-element">
 					<div class="elementor-widget-container">
-					<h2 class="banner-text-heading-title">Mobile Phone
-					Parts Wholesale - Factory
+					<h2 class="banner-text-heading-title">Leading Screen Protector Supplier - Factory
 					Direct Supply</h2>
 					</div>
 				</div>
 				<div class="banner-text-sub-title">
 					<div class="elementor-widget-container">
-								<p>Manufacturing Excellence for Over 16 Years.<br />Bulk Orders, High-Quality, Direct from the Source.</p>
+								<p>Bulk Orders, High-Quality, Direct from the Source.</p>
 					</div>
 				</div>
 				<div class="elementor-element banner-text-sub-button">
@@ -64,17 +55,20 @@
             <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">About Us</h2>		</div>
+                        <h2 class="elementor-heading-title elementor-size-default">About Us</h2>
+					</div>
                 </div>
                 <div class="elementor-widget-container">
-                    <p>Lucent Phone Parts Was Founded in 2009 With 16 Years export Experience,Specialized in a Series hot Sale Brands of Mobile phone LCD &amp; Touch Screen.</p><p>As a Self-owned Factory,Covering 4,800 Square Meters area, We Have 3 Auto-Production lines Which Reach 1,200,000pcs LCD Screens Monthly.</p>
+                    <p>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. </p>
+					
+					<p>With years of industry experience, Mietubl has become one of the leading brands in the market. It has innovatively established several industry standards and is committed to providing better screen protectors for users worldwide.</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/">
-						<span class="elementor-button-content-wrapper">
-                            <a href="/pages/about-us"><span class="elementor-button-text">Learn More</span></a>
-					</span>
+                        <a class="elementor-button elementor-button-link elementor-size-sm" href="/pages/about-us">
+							<span class="elementor-button-content-wrapper">
+							   <span class="elementor-button-text">Learn More</span>
+							</span>
                         </a>
                     </div>
                 </div>
@@ -84,84 +78,47 @@
 		<div class="right-box">
 					<div class="elementor-widget-container">
 						<div class="right-box-video">
-							<img src="https://sc04.alicdn.com/kf/H7bf407c713664372a9d5c79399205650N/231480107/H7bf407c713664372a9d5c79399205650N.png">
+							<img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/videobg.jpg">
 							<div class="play" aria-label="Play Video about mobile phone parts wholesale">
-									<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><span class="elementor-screen-only">Play Video about mobile phone parts wholesale</span>
+									<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>
+					</div>
 					</div>
 		</div><!--right-box-->
-		</div><!--e-con-inner-->
+	</div>
 	</div><!--section-wrapper-->
 </section>
 
 <section class="index-factory-section">
 	<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-text">
-				<div class="box1">
-					<span class="counter-number" data-to-value="1800" data-from-value="0" >0</span>
-					<span class="suffix">+</span>
-				</div>
-				<div class="box2">
-					Number of Cooperative Customers
-				</div>
-			</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-text">
-				<div class="box1">
-					<span class="counter-number" data-to-value="4800" data-from-value="0" >0</span>
-					<span class="suffix">㎡</span>
-				</div>
-				<div class="box2">
-					Square Meters of Factory
-				</div>
-			</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-text">
-				<div class="box1">
-					<span class="counter-number" data-to-value="8000000" data-from-value="0" >0</span>
-				</div>
-				<div class="box2">
-					Screens protector Produced Per Month
-				</div>
-			</div>
-		</div>
-
-	</div><!--con-data-->
-
+	<h1>Screen Protector Production Lines</h1>
+	<div class="sub-text">Quality is the foundation of our business. With advanced glass processing and validation equipment <br> we deliver high-quality screen protectors to users worldwide. Contact us to learn more.</div>
 	<div class="factory-tour">
 		<div class="swiper mySwiper">
 		  <div class="swiper-wrapper">
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/cell-display.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/factory-2.webp" alt="Screen protector manufacture">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}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/factory-3.webp" alt="Screen protector manufacture">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}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/factory-4.webp" alt="Screen protector manufacture">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}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/factory-5.webp" alt="Screen protector manufacture">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}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/factory-6.webp" alt="Manufacturing screen protector">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/mobile-screen.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/factory-7.webp" alt="Manufacturing screen protector">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/phone-lcd.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/factory-8.webp" alt="Manufacturing screen protector">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}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/factory-9.webp" alt="Manufacturing screen protector">
 				</div>
 		  </div>
 		</div>
@@ -174,9 +131,10 @@
 
 <section class="index-product-section">
 	<div class="e-con-inner">
-		<h2 class="heading-title">Lucent Hot Products</h2>
+		<h2 class="heading-title">Hot Screen Protector Series</h2>
 			<div class="sub-title">
-					Mobile Phone Parts Wholesale Factory have a Wide Range of Products Such as LCD Screen,<br>Touch,Outer glass,Charger flex,Power Flex,Main Flex,Front and Back Camera ect.
+					
+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=6 template='__product_list_1.liquid' %}
@@ -188,8 +146,8 @@
 
 <section class="index-factory2-section">
 	<div class="section-wrapper">
-			<h2 class="heading-title">Mobile Phone Parts Factory</h2>
-			<p class="sub-title">A Factory of Quality and innovation &#8211; Discover<br />our Production Capabilities</p>
+			<h2 class="heading-title">Screen protector factory</h2>
+			<p class="sub-title">Leveraging premium supply chain resources to meet the dynamic demands of the industry.</p>
 			<a href="/pages/factory"><span class="button">Visit our factory</span></a>
 	</div>
 </section>
@@ -203,7 +161,7 @@
 
 <section class="index-article-section">
 	<div class="section-wrapper">
-		<h2 class="heading-title">Mietubl latest articles</h2>
+		<h2 class="heading-title">Recent Posts</h2>
 		<div class="blog-widget">
 
             {% collection slug="news" limit=3 template="__collection_list_1.liquid" %}
@@ -234,18 +192,22 @@
           320: {
             slidesPerView: 1,
 			slidesPerGroup: 1,
+			spaceBetween: 10,			
           },
           768: {
             slidesPerView: 2,
 			slidesPerGroup:2,
+			spaceBetween: 10,			
           },
           900: {
             slidesPerView: 3,
 			slidesPerGroup:3,
+			spaceBetween: 10,			
           },
           1024: {
             slidesPerView: 3,
 			slidesPerGroup:3,
+			spaceBetween: 10,
           },
         },
       });

+ 62 - 71
resources/views/liquid_src/1/screenprotector/pages_detail.liquid

@@ -17,82 +17,73 @@
     <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-banner">
-    <div class="section-wrapper">
-        <div class="page-banner-text">
-            <h2>Leading the screen protector industry standard </h2>
-            <div>With years of experience in the screen protector industry, Mietubl has established numerous unique standards thanks to its exceptional innovation capabilities and rigorous quality control systems. We cater to the global market and have built a strong customer base around the world.
-            </div>
-        </div>
+<section class="news-header">
+	<div class="section-wrapper">
+		<h1 class="page-title">{{ page.title | raw }}</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="index-about-section">
-    <div class="section-wrapper">
-        <div class="e-con-inner">
-            <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 | raw }}</h2>		</div>
-                </div>
-                <div class="elementor-widget-container">
-                         {{page.content | raw }}
-                </div>
-
-
-            </div><!--left-box-->
-
-
-        </div><!--e-con-inner-->
-    </div><!--section-wrapper-->
+<section class="news-list-page">
+	<div class="section-wrapper">
+		<div class="container">
+		<aside class="recent">
+			<h2>Recent post</h2>
+			<ul class="title-block">				
+				 {% for item in recent_pages %}
+				<li>  <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | strip_html }}">{{ item.title | strip_html }}</a></li>
+		        {% endfor %}
+			</ul>
+		</aside>
+		<div class="news-details">
+			<div class="news-details-content">
+				<h2 class="entry-title">  {{ page.title | raw }}</h2>
+				<div class="entry-meta"><time class="entry-time"> {{page.post_date}}</time> by <span class="entry-author"><span class="entry-author-name">{{site.dist.site_name}}</span></span></div>
+				<div class="entry-content">
+					  {{page.content | raw }}
+				</div>
+
+			</div>
+			<div class="pagination">
+
+			                 <!-- Previous Page Link -->
+                                        {% if paginator.previous_page %}
+                                         
+                                         
+						<div class="pre"><a href="{{ paginator.previous_page_url }}" title="{{ paginator.previous_page_title }}">{{ paginator.previous_page_title }}</a></div>
+                                           
+                                        {% else %}
+                                            
+                                        {% endif %}
+
+                                        <!-- Next Page Link -->
+                                        {% if paginator.next_page %}
+					<div class="next"><a href="{{ paginator.next_page_url }}" title="{{ paginator.next_page_title }}">{{ paginator.next_page_title }}</a></div>
+                                          
+                                        {% else %}
+                                           
+                                        {% endif %}
+
+				
+			</div>
+		</div>	
+		</div><!--container-->
+	</div>
 </section>
-
-
-
-
-
-
-
-
-
+{% include '__contact.liquid' %}
 {% include '_footer.liquid' %}
-<script>
-    var swiper1=new Swiper(".mySwiper", {
-        autoplay:true,
-        slidesPerView: 3,
-        slidesPerGroup: 3,
-        speed:1000,
-        loop: true,
-        pagination: {
-            el: ".swiper-pagination",
-            nextEl: ".next",
-            prevEl: ".pre",
-            clickable: true
-        },
-        breakpoints: {
-            320: {
-                slidesPerView: 1,
-                slidesPerGroup: 1,
-            },
-            768: {
-                slidesPerView: 2,
-                slidesPerGroup:2,
-            },
-            900: {
-                slidesPerView: 3,
-                slidesPerGroup:3,
-            },
-            1024: {
-                slidesPerView: 3,
-                slidesPerGroup:3,
-            },
-        },
-    });
-</script>
-</body>
+	</body>
 </html>
 
+ 

+ 102 - 59
resources/views/liquid_src/1/screenprotector/pages_sp_about.liquid

@@ -41,62 +41,96 @@
 					<h2 class="elementor-heading-title elementor-size-default">{{ page.title }}</h2>		</div>
 				</div>
 				<div class="elementor-widget-container">
-					<p>{{ page.content }}</p>
+					<p>{{ page.content |raw }}</p>
 				</div>
-
-
-
 			</div><!--left-box-->
 
 		<div class="right-box">
 					<div class="elementor-widget-container">
 						<div class="right-box-video">
-							<img src="https://sc04.alicdn.com/kf/H7bf407c713664372a9d5c79399205650N/231480107/H7bf407c713664372a9d5c79399205650N.png">
+							<img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/videobg.jpg">
 							<div class="play" aria-label="Play Video about mobile phone parts wholesale">
-									<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><span class="elementor-screen-only">Play Video about mobile phone parts wholesale</span>
+									<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>
+					</div>
 					</div>
 		</div><!--right-box-->
 		</div><!--e-con-inner-->
 	</div><!--section-wrapper-->
 </section>
 
-
-
 <section class="index-factory-section">
 	<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-text">
+				<div class="box1">
+					<span class="counter-number" data-to-value="130" data-from-value="0" >0</span>
+					<span class="suffix">+</span>
+				</div>
+				<div class="box2">
+					Customers in more than 130 countries
+				</div>
+			</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-text">
+				<div class="box1">
+					<span class="counter-number" data-to-value="10000" data-from-value="0" >0</span>
+					<span class="suffix">㎡</span>
+				</div>
+				<div class="box2">
+					Square Meters of Factory
+				</div>
+			</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-text">
+				<div class="box1">
+					<span class="counter-number" data-to-value="8000000" data-from-value="0" >0</span>
+				</div>
+				<div class="box2">
+					Screens protector Produced Per Month
+				</div>
+			</div>
+		</div>
+
+	</div><!--con-data-->
+
 	<div class="factory-tour">
 		<div class="swiper mySwiper">
 		  <div class="swiper-wrapper">
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/cell-display.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/factory-2.webp" alt="Screen protector manufacture">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}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/factory-3.webp" alt="Screen protector manufacture">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}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/factory-4.webp" alt="Screen protector manufacture">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}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/factory-5.webp" alt="Screen protector manufacture">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}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/factory-6.webp" alt="Manufacturing screen protector">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/mobile-screen.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/factory-7.webp" alt="Manufacturing screen protector">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/phone-lcd.webp" alt="Mietubl screen protector series">
+					<img class="image" src="{{ site.asset_base_url}}static/tpl/screenprotector/images/factory-8.webp" alt="Manufacturing screen protector">
 				</div>
 				<div class="swiper-slide">
-					<img class="image" src="{{ site.asset_base_url}}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/factory-9.webp" alt="Manufacturing screen protector">
 				</div>
 		  </div>
 		</div>
-		  <div class="pre"><svg aria-hidden="true" class="e-font-icon-svg e-fas-caret-square-left" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zM259.515 124.485l-123.03 123.03c-4.686 4.686-4.686 12.284 0 16.971l123.029 123.029c7.56 7.56 20.485 2.206 20.485-8.485V132.971c.001-10.691-12.925-16.045-20.484-8.486z"></path></svg></div>
-		  <div class="next"><svg aria-hidden="true" class="e-font-icon-svg e-fas-caret-square-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M48 32h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48zm140.485 355.515l123.029-123.029c4.686-4.686 4.686-12.284 0-16.971l-123.029-123.03c-7.56-7.56-20.485-2.206-20.485 8.485v246.059c0 10.691 12.926 16.045 20.485 8.486z"></path></svg></div>
+		  <div class="pre"></div>
+		  <div class="next"></div>
 	</div>
 	</div><!--e-con-inner-->
 </section>
@@ -140,31 +174,38 @@
 	<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/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 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>
 			<div class="reviews">
 				<h2>What Our Customers Say</h2>
-				<div class="reviews-content active">
-					The Certification for Workplace Diversity, Equity, and Inclusion that matters. Since 2011.
+				<div class="reviews-content  active">
+					The customer service team at Mietubl is quick to respond and provides personalized solutions. Their professionalism and patience left a great impression on us.
 				</div>
+				
 				<div class="reviews-content">
-					The Certification for Workplace Diversity, Equity, and Inclusion that matters. Since 2011.
+					The screen protectors from Mietubl are of excellent quality—durable and easy to install. We are very satisfied with their customization services; they perfectly meet our needs!
 				</div>
 				<div class="reviews-content">
-					The Certification for Workplace Diversity, Equity, and Inclusion that matters. Since 2011.
+					A big thank you to the Mietubl team for their support—they gave us valuable advice while designing our customized products. The cooperation has been a pleasure.
 				</div>
 				<div class="reviews-content">
-					The Certification for Workplace Diversity, Equity, and Inclusion that matters. Since 2011.
+					We are impressed with Mietubl's ability to meet deadlines. Our orders are always delivered as promised, allowing us to plan ahead and avoid any delays in our operations.
+				</div>					
+				<div class="reviews-content">
+					Since we’ve been working with Mietubl, their delivery services have been consistently reliable. They always deliver on time, and there have been no issues with shipping—this has greatly improved our operational efficiency.
 				</div>
+			
 				<div class="preview-pic">
 					<ul>
-						<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>
+						<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>						
 					</ul>
 				</div>
 			</div>
@@ -176,37 +217,39 @@
 
 {% include '_footer.liquid' %}
 <script>
-    var swiper1=new Swiper(".mySwiper", {
-        autoplay:true,
+  var swiper1=new Swiper(".mySwiper", {
+  	    autoplay:true,
         slidesPerView: 3,
         slidesPerGroup: 3,
-        speed:1000,
+		speed:1000,
         loop: true,
-        pagination: {
-            el: ".swiper-pagination",
-            nextEl: ".next",
-            prevEl: ".pre",
-            clickable: true
-        },
-        breakpoints: {
-            320: {
-                slidesPerView: 1,
-                slidesPerGroup: 1,
-            },
-            768: {
-                slidesPerView: 2,
-                slidesPerGroup:2,
-            },
-            900: {
-                slidesPerView: 3,
-                slidesPerGroup:3,
-            },
-            1024: {
-                slidesPerView: 3,
-                slidesPerGroup:3,
-            },
+		navigation: {
+			  nextEl: '.pre',
+			  prevEl: '.next',
+			},
+		 breakpoints: {
+          320: {
+            slidesPerView: 1,
+			slidesPerGroup: 1,
+			spaceBetween: 10,			
+          },
+          768: {
+            slidesPerView: 2,
+			slidesPerGroup:2,
+			spaceBetween: 10,			
+          },
+          900: {
+            slidesPerView: 3,
+			slidesPerGroup:3,
+			spaceBetween: 10,			
+          },
+          1024: {
+            slidesPerView: 3,
+			slidesPerGroup:3,
+			spaceBetween: 10,
+          },
         },
-    });
+      });
 </script>
 </body>
 </html>

+ 22 - 19
resources/views/liquid_src/1/screenprotector/pages_sp_contact.liquid

@@ -11,7 +11,6 @@
     <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 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">
@@ -34,49 +33,53 @@
 </section>
 <section class="contact-companies">
 	<div class="section-wrapper">
-		<h1>We will be happy to talk to you</h1>
-		<div class="rich-text">We will be happy to talk to you if you have any of the following.</div>
+		<h1>Welcome to takl to us</h1>
+		<div class="rich-text">We are ready to assist if you have any of the following needs.</div>
 	<div class="contact-grid">
 		<div class="contact-grid-item">
-			<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/contact-icon1.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>
+				<h3 class="text-balance">Find new suppliers</h3>
+				<p class="richtex">Looking for a new supplier? Talk to our team and let us know your needs – we’d love to become your trusted business partner.</p>
 				</div>
 		</div>
+		
 		<div class="contact-grid-item">
 			<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>
+				<h3 class="text-balance">Competitive products</h3>
+				<p class="richtex">With our robust supply chain integration capabilities, we can provide you with high-quality, cost-effective products, talk to our team now and get a price list.</p>
 				</div>
 		</div>
 		<div class="contact-grid-item">
-			<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/contact-icon3.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>
+				<h3 class="text-balance">Technical support</h3>
+				<p class="richtex">Please share your innovative product ideas with us, and we will work closely with you every step of the way to bring them to life.</p>
 				</div>
 		</div>
 		<div class="contact-grid-item">
-			<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/contact-icon4.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>
+				<h3 class="text-balance">OEM service</h3>
+				<p class="richtex">
+				If you have any specific design requirements, such as different sizes, materials, or features, our R&D and design team would be happy to help.
+				</p>
 				</div>
 		</div>
+		
 		<div class="contact-grid-item">
-			<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/contact-icon5.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>
+				<h3 class="text-balance">One-stop service</h3>
+				<p class="richtex">Our dedicated customer support team is available to assist with any order-related inquiries, from various products to shipping status. And ensure complete customer satisfaction.</p>
 				</div>
 		</div>
 		<div class="contact-grid-item">
 			<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>
+				<h3 class="text-balance">Stable supply chain</h3>
+				<p class="richtex">With our own factory and a production facility of over 10,000 square meters, along with ample regular stock, we are able to respond quickly to orders of any size.</p>
 				</div>
 		</div>
 	</div>

+ 60 - 110
resources/views/liquid_src/1/screenprotector/pages_sp_factory_tour.liquid

@@ -23,7 +23,9 @@
 <section class="video-banner">
 	<div class="bg-video">
 		<video autoplay muted loop >
-		    <source src="https://www.lucentparts.com/wp-content/uploads/2024/11/014.mp4" type="video/mp4">
+			<source src="{{ site.asset_base_url}}static/tpl/screenprotector/images/video-banner.webm" type="video/webm">	
+			<source src="{{ site.asset_base_url}}static/tpl/screenprotector/images/video-banner.mp4" type="video/mp4">
+			  <p>Your browser does not support the video tag or the file format.</p>
 		</video>
 	</div>
 	<h1>Screen protector Manufacturer Wholesaler</h1>
@@ -34,11 +36,11 @@
 		<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>
+			<h2>Screen protector solutions to <br>  meet your unique needs</h2>
 			<div class="content-text">
-				<p>Consumers and businesses that rely on electronic devices can put them through a lot of abuse. To prevent scratches and damage of the device screen, consumers buy screen protectors to protect their investment. If you’re in the business of selling screen protector products, it’s important to partner with a tempered glass screen protector manufacturer that has experience delivering the best product.</p>
+				<p>Electronic devices have become an essential part of daily life, and screen protector is crucial to safeguard devices from scratches and damage. We understand that every customer who is engaged in the screen protector business pursues product uniqueness. </p>
 				<p>
-				New Vision Display is a leading custom glass screen protector manufacturer for major global retailers, OEMs, private label brands, and distributors. We can create custom solutions for nearly any electronic device: smartphone, tablets, laptops, GPS devices, POS terminals, medical devices, industrial controls, smartwatches, and more. Contact us to learn more!</p>
+				As an experienced manufacturer of screen protectors, Mietubl is dedicated to providing customized solutions for global distributors, retailers, and OEM clients. We have established several industry benchmark standards to ensure that each product meets the highest quality requirements. Whether for smartphones, tablets, laptops , computer screens, or camera lenses, we offer tailored solutions to meet the diverse needs of different markets and clients. Contact us to learn more about our customization services!</p>
 			</div>
 	</div>
 </section>
@@ -48,51 +50,74 @@
 		<h3>Assembly Line</h3>
 		<div class="departments">
 			<div class="dep">
-				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/Assembly1.jpg" alt="Cutting glass"></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 class="header">Cutting glass</div>
+					<div class="detail">Cutting raw big glass into small pieces with CNC cutting machine.</div>
 				</div>
 			</div>
 
 			<div class="dep">
-				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/Assembly2.jpg" alt="Fine water jet cutting"></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 class="header">Fine water jet cutting</div>
+					<div class="detail">The glass is processed into the required screen protector model by a glass water jet with an accuracy of up to 0.1mm, so that it can match the screen size.</div>
 				</div>
 			</div>
 
 			<div class="dep">
-				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/Assembly3.jpg" alt="Polished Edges"></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 class="header">Polished Edges</div>
+					<div class="detail">The screen protector is polished into an extra-large curved edge using a fast-rotating polishing device,so that it can fit the curvature of the original screen.</div>
 				</div>
 			</div>
 			<div class="dep">
-				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/Assembly4.jpg" alt="Ultrasonic cleaning"></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 class="header">Ultrasonic cleaning</div>
+					<div class="detail">The screen protector is cleaned through a multi-pass ultrasonic cleaning process to ensure a high degree of cleanliness during the production process and reduce defects caused by contamination.</div>
 				</div>
 			</div>
 
 			<div class="dep">
-				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/Assembly5.jpg" alt="Ion Exchange"></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 class="header">Ion Exchange</div>
+					<div class="detail">Screen protectors that undergo Ion exchange at high temperatures have better durability and scratch resistance, and can better protect mobile phone screens from scratches and impact damage.</div>
 				</div>
 			</div>
 
 			<div class="dep">
-				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/a1.webp"></div>
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/Assembly6.jpg" alt="Tempered glass"></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 class="header">Tempered</div>
+					<div class="detail">The tempered treatment can make the material have high strength and high toughness. The improvement of these properties helps the screen protector to better protect the mobile phone screen when it is impacted.</div>
 				</div>
 			</div>
+			<div class="dep">
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/Assembly7.jpg" alt="Silkscreen"></div>
+				<div class="content">
+					<div class="header">Silkscreen</div>
+					<div class="detail">"By using silk-screen printing, the screen protector is enhanced with aesthetic appeal and personalization, increasing its recognizability.</div>
+				</div>
+			</div>
+
+			<div class="dep">
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/Assembly8.jpg" alt="Plasma coating"></div>
+				<div class="content">
+					<div class="header">Plasma coating </div>
+					<div class="detail">Plasma coating effectively reduces fingerprint smudges, helping to maintain the cleanliness and clarity of the phone screen, thereby improving the overall user experience.</div>
+				</div>
+			</div>
+
+			<div class="dep">
+				<div class="pic"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/Assembly9.jpg"></div>
+				<div class="content">
+					<div class="header">Inspection and packaging</div>
+					<div class="detail">Each screen protector needs to go through multiple inspection processes to ensure stable product quality and is well packed to ensure that users get products of consistent quality.</div>
+				</div>
+			</div>			
 		</div>
 	</div>
 </section>
@@ -100,18 +125,18 @@
 <section class="factory-oem">
 	<div class="section-wrapper">
 		<h3>Custom Screen Protector Manufacturing Capabilities</h3>
-		<div class="sub-text">When choosing us to be your screen protector manufacturer, we can enhance your branding with capabilities such as etching on glass, screen printing, or custom packaging. Whether you’re looking for a smartphone screen protector, POS screen protector, industrial screen protector, or something else, you can count on NVD’s expertise to deliver the best solution for your needs. Contact us to discuss your project!</div>
+		<div class="sub-text">By choosing us as your screen protector manufacturer, we can help elevate your brand through services like glass etching, screen printing, and custom packaging. Whether you need a smartphone screen protector, car screen protector,or any other type, you can rely on Mietubl expertise to provide the optimal solution for your requirements. Contact us to discuss your project today!</div>
 	</div>
 </section>
 
 <section class="categories">
 		<div class="section-wrapper">
-		<h3 class="heading-title">Our product 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/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>
+					<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">
 					<div><p><strong>Features</strong></p></div>
@@ -125,13 +150,9 @@
 							<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.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.asset_base_url}}static/tpl/screenprotector/images/HD.svg" alt="98% optical clarity"></div>
-							<div class="t">98% optical clarity</div>
+							<div class="t">High optical clarity</div>
 						</li>
 						<li>
 							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
@@ -147,7 +168,7 @@
 			<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>
+					<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>
 					<div>
@@ -156,18 +177,10 @@
 							<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.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.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.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.asset_base_url}}static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
 							<div class="t">Anti-fingerprint</div>
@@ -182,7 +195,7 @@
 			<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>
+					<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>
 					<div>
@@ -192,17 +205,13 @@
 							<div class="t">Scratch resistant</div>
 						</li>
 						<li>
-							<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>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/guang.svg" alt="Anti-glare"></div>
+							<div class="t">Anti-glare</div>
 						</li>
 						<li>
 							<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.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.asset_base_url}}static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
 							<div class="t">Anti-fingerprint</div>
@@ -216,8 +225,8 @@
 		<div class="category">
 			<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>
+					<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>
 					<div>
@@ -227,22 +236,9 @@
 							<div class="t">Scratch resistant</div>
 						</li>
 						<li>
-							<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.asset_base_url}}static/tpl/screenprotector/images/touch.svg" alt="Touch sensitive"></div>
-							<div class="t">Touch sensitive</div>
+							<div class="icon"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/HD.svg" alt="High-definition photo clarity"></div>
+							<div class="t">Photo clarity</div>
 						</li>
-						<li>
-							<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.asset_base_url}}static/tpl/screenprotector/images/fingerprint.svg" alt="Anti-fingerprint"></div>
-							<div class="t">Anti-fingerprint</div>
-						</li>
-
 					</ul>
 					</div>
 					</div>
@@ -275,53 +271,7 @@
 	</div>
 </section>
 
-
-<section class="index-contact-section">
-	<div class="section-wrapper">
-		<div class="index-contact-left-wrapper">
-			<h3 class="heading-title">Get in Touch Today!</h3>
-			<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.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.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>
-				</div>
-			</div>
-		</div>
-		<div class="index-contact-right-wrapper">
-			<div class="contact-form">
-				<h3 class="heading-title">Fill out the form and We will contact you shortly.</h3>
-					<div class="input-container">
-						<label for="form-field-name" class="field-label">Name</label>
-						<input type="text" name="form_fields[name]" id="form-field-name" class="field-textual" placeholder="Name">
-
-					<div class="mark-required">
-						<label for="form-field-email" class="elementor-field-label">Email</label>
-						<input size="1" type="email" name="form_fields[email]" id="form-field-email" class="field-textual" placeholder="Email" required="required" aria-required="true">
-					</div>
-					<div class="mark-required">
-						<label for="form-field-field_1076d06" class="elementor-field-label">Whatsapp</label>
-						<input size="1" type="text" name="form_fields[field_1076d06]" id="form-field-field_1076d06" class="field-textual" placeholder="+" required="required" aria-required="true">
-					</div>
-					<div class="mark-required">
-						<label for="form-field-message" class="elementor-field-label">Message</label>
-						<textarea class="field-textual" name="form_fields[message]" id="form-field-message" rows="4" placeholder="Message"></textarea>
-					</div>
-					<div class="button-wrapper">Send</div>
-					</div>
-		</div>
-	</div><!--index-contact-right-wrapper"-->
-	</div>
-</section>
+{% include '__contact.liquid' %}
 
 {% include '_footer.liquid' %}
 <script>

+ 1 - 23
resources/views/liquid_src/1/screenprotector/pages_sp_faq.liquid

@@ -41,29 +41,7 @@
 <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>
+			<p>{{ page.content |raw }}</p>
 	</div>
 </section>
 

+ 4 - 4
resources/views/liquid_src/1/screenprotector/products_categories.liquid

@@ -42,16 +42,16 @@
 
                         {% 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 %}"
                             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/images/product_default.jpg{% endif %}"
+                            alt="{{ item.title | strip_html }}"></div>
                         {% else %}
                             <img src="{{ site.asset_base_url}}/static/images/product_default.jpg" alt="{{ item.title | strip_html }}">
+			    <div class="overlay"><img src="{{ site.asset_base_url}}/static/images/product_default.jpg" alt="{{ item.title | strip_html }}"></div>
                         {% endif %}
 
-
-
-
-					<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>