Kezdőlap Felfedezés Súgó
Regisztráció Bejelentkezés
igamebox
/
mtb_store_frontend
1
0
Másolás 0
Fájlok Problémák 0 Beolvasztási kérések 0 Wiki
Forráskód Böngészése

Merge branch 'master' of igamebox/mtb_store_frontend into stable

igamebox 12 órája
szülő
25577d8798 45857b0118
commit
4c8d223824
27 módosított fájl, 2010 hozzáadás és 1 törlés
Osztott Nézet Diff Statisztika Mutatása
  1. 15 1
      app/Http/Controllers/ContactController.php
  2. 43 0
      resources/views/liquid_src/1/jumi_mobile/404.liquid
  3. 24 0
      resources/views/liquid_src/1/jumi_mobile/__banner_home.liquid
  4. 25 0
      resources/views/liquid_src/1/jumi_mobile/__banner_list.liquid
  5. 39 0
      resources/views/liquid_src/1/jumi_mobile/__collection_list_3.liquid
  6. 60 0
      resources/views/liquid_src/1/jumi_mobile/__contactus.liquid
  7. 65 0
      resources/views/liquid_src/1/jumi_mobile/__product_list_1.liquid
  8. 141 0
      resources/views/liquid_src/1/jumi_mobile/_footer.liquid
  9. 2 0
      resources/views/liquid_src/1/jumi_mobile/_footer_js.liquid
  10. 116 0
      resources/views/liquid_src/1/jumi_mobile/_header.liquid
  11. 0 0
      resources/views/liquid_src/1/jumi_mobile/_header_css.liquid
  12. 136 0
      resources/views/liquid_src/1/jumi_mobile/_header_home.liquid
  13. 48 0
      resources/views/liquid_src/1/jumi_mobile/_header_mobile.liquid
  14. 39 0
      resources/views/liquid_src/1/jumi_mobile/collection_list.liquid
  15. 39 0
      resources/views/liquid_src/1/jumi_mobile/home.liquid
  16. 272 0
      resources/views/liquid_src/1/jumi_mobile/home_old.liquid
  17. 43 0
      resources/views/liquid_src/1/jumi_mobile/pages_detail.liquid
  18. 131 0
      resources/views/liquid_src/1/jumi_mobile/pages_sp_Inquiry.liquid
  19. 43 0
      resources/views/liquid_src/1/jumi_mobile/pages_sp_aboutus.liquid
  20. 44 0
      resources/views/liquid_src/1/jumi_mobile/pages_sp_contact.liquid
  21. 249 0
      resources/views/liquid_src/1/jumi_mobile/pages_sp_distributor.liquid
  22. 82 0
      resources/views/liquid_src/1/jumi_mobile/pages_sp_faq.liquid
  23. 41 0
      resources/views/liquid_src/1/jumi_mobile/products_categories.liquid
  24. 39 0
      resources/views/liquid_src/1/jumi_mobile/products_detail.liquid
  25. 1 0
      resources/views/liquid_src/1/jumi_mobile/version.liquid
  26. 126 0
      resources/views/liquid_src/1/jumi_mobile/videos_categories.liquid
  27. 147 0
      resources/views/liquid_src/1/jumi_mobile/videos_detail.liquid

+ 15 - 1
app/Http/Controllers/ContactController.php
Fájl Megtekintése 

@@ -113,7 +113,12 @@ class ContactController extends Controller
 
             // 使用 MailService 静态方法发送邮件
 
             $mailSent = MailService::sendInquiryMail($inquiryData);
 
 
-            // 成功时的响应
 
+            // 检查是否有重定向URL
 
+            if ($request->has('redirect_url')) {
 
+                return redirect($request->input('redirect_url'));
 
+            }
 
+
 
+            // 成功时的响应（没有重定向URL时返回JSON）
 
             $response = [
 
                 'status' => 'success'
 
             ];
 
@@ -127,6 +132,15 @@ class ContactController extends Controller
 
                 'message' => 'submit failed, please try again later. ',
 
             ];
 
 
+            // 检查是否有错误时的重定向URL
 
+            if ($request->has('error_redirect_url')) {
 
+                return redirect($request->input('error_redirect_url'))->with('error', $response['message']);
 
+            }
 
+            // 如果没有error_redirect_url但有redirect_url，也进行重定向
 
+            elseif ($request->has('redirect_url')) {
 
+                return redirect($request->input('redirect_url'))->with('error', $response['message']);
 
+            }
 
+
 
             return response()->json($response, 500); // 返回 HTTP 500 错误
 
         }
 
     }

+ 43 - 0
resources/views/liquid_src/1/jumi_mobile/404.liquid
Fájl Megtekintése 

@@ -0,0 +1,43 @@
 
+<!DOCTYPE html>
 
+<html lang="{{site.dist.country_lang}}">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <title>Page not found | Mietubl</title>
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
+    <meta name="keywords" content="" />
 
+    <meta name="description" content="" />
 
+    <link rel="canonical" href="{{site.current_url}}" />
 
+    <meta property="og:locale" content="en" />
 
+    <meta property="og:type" content="website" />
 
+    <meta property="og:title" content="" />
 
+    <meta property="og:description" content="" />
 
+    <meta property="og:url" content="{{site.current_url}}" />
 
+    <meta property="og:site_name" content="{{ site.dist.site_name | strip_html| strip_newlines }}" />
 
+    <link rel='shortlink' href="{{site.current_url}}" />
 
+    <!-- Bootstrap CSS -->
 
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
+    <!-- Font Awesome para ícones sociais -->
 
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/fontawesome/css/all.min.css" rel="stylesheet">
 
+    <!-- CSS Personalizado -->
 
+    <link rel="stylesheet" href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/lib/swiper/css/swiper.min.css">
 
+    <link href="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/css/styles.css" rel="stylesheet">
 
+</head>
 
+<body>
 
+
 
+
 
+
 
+
 
+<section style="text-align:center;margin-top:150px;">
 
+    <h1 style="font-size:54px;color:#f08300;font-weight:400;">404 Page not found!</h1>
 
+    <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/404.gif" alt="Page not Found">
 
+</section>
 
+
 
+
 
+
 
+<script>
 
+    setTimeout(function() {
 
+        window.location.href = "/"; // 替换为主页URL
 
+    }, 5000); // 5000毫秒=5秒[3,4](@ref)
 
+</script>
 
+</body>
 
+</html>

+ 24 - 0
resources/views/liquid_src/1/jumi_mobile/__banner_home.liquid
Fájl Megtekintése 

@@ -0,0 +1,24 @@
 
+<div class="idx-banner">
 
+    <div class="swiper-container" data-type="default" data-slidesperview="1" data-effect="fade" data-spacebetween="10" data-autoplay="1" data-autoplay-delay="5000" data-pagination='{"el":".idx-banner .swiper-pagination","clickable":"true"}'>
 
+        <div class="swiper-wrapper">
 
+
 
+        {% for item in banners %}
 
+            <div class="swiper-slide">
 
+
 
+                <img width="1920" height="926" src="{{ site.image_base_url }}{{ item.image_url }}" alt="Mobile phone screen protector" title="Mobile phone screen protector">
 
+
 
+                <div class="container wide-16">
 
+
 
+                    <h1 class="title" data-size="48px">{{ item.title }}</h1>
 
+
 
+                    <div class="info" data-size="18px">{{ item.subtitle }}</div>
 
+                    <a class="btn" href="{{ item.banner_url }}">Read More</a>
 
+                </div>
 
+            </div>
 
+            {% endfor %}
 
+  
+
 
+        </div>
 
+    </div>
 
+    <div class="swiper-pagination"></div>
 
+</div>

+ 25 - 0
resources/views/liquid_src/1/jumi_mobile/__banner_list.liquid
Fájl Megtekintése 

@@ -0,0 +1,25 @@
 
+<div class="idx-banner">
 
+    <div class="swiper-container" data-type="default" data-slidesperview="1" data-effect="fade" data-spacebetween="10" data-autoplay="1" data-autoplay-delay="5000" data-pagination='{"el":".idx-banner .swiper-pagination","clickable":"true"}'>
 
+        <div class="swiper-wrapper">
 
+
 
+        {% for item in banners %}
 
+            <!--幻灯片 --->        
+            <div class="swiper-slide">
 
+
 
+                <img width="1920" height="926" src="https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/jumi_mobile/images/2024/11/11/image_folder/%E9%92%A2%E5%8C%96%E8%86%9C_igTGAN7d.jpg" alt="Mobile phone screen protector" title="Mobile phone screen protector">
 
+
 
+                <div class="container wide-16">
 
+
 
+                    <h1 class="title" data-size="48px">Mobile phone screen protector</h1>
 
+
 
+                    <div class="info" data-size="18px">Full range of mobile phone screen protectors</div>
 
+                    <a class="btn" href="">Read More</a>
 
+                </div>
 
+            </div>
 
+        {% endfor %}
 
+  
+
 
+        </div>
 
+    </div>
 
+    <div class="swiper-pagination"></div>
 
+</div>

+ 39 - 0
resources/views/liquid_src/1/jumi_mobile/__collection_list_3.liquid
Fájl Megtekintése 

@@ -0,0 +1,39 @@
 
+<!-- Blogs and News Section -->
 
+<div class="container mx-auto px-4 py-0">
 
+    <h3 class="text-3xl md:text-5xl	 font-bold py-24 text-center">News</h3>
 
+
 
+    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
 
+        {% for item in pages %}
 
+            <div class="bg-white overflow-hidden rounded-lg shadow">
 
+            <div class="overflow-hidden">
 
+                <a href="/pages/{{ item.id }}" title="{{ item.title | decode_html_entities | 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_fill,w_380,h_210' }}{% endif %}"
 
+                         alt="{{ item.title | strip_html }}"
 
+                         class="w-full h-52 object-cover">
 
+                {% else %}
 
+                    <img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/product_default.jpg?x-oss-process=image/resize,m_fill,w_380,h_210"
 
+                         alt="{{ item.title | strip_html }}"
 
+                         class="w-full h-52 object-cover">
 
+                {% endif %}
 
+                </a>
 
+            </div>
 
+
 
+                <div class="p-6">
 
+                    <a href="/pages/{{ item.id }}" title="{{ item.title | decode_html_entities | strip_html }}">
 
+                    <h3 class="font-bold text-lg mb-4">{{ item.title | decode_html_entities | strip_html }}</h3>
 
+                    </a>
 
+                    <p class="text-sm/6 text-gray-600 mb-4 ">  {% if item.seo_description %}
 
+                            {{ item.seo_description |raw | truncatewords: 20 }}
 
+                        {% else %}
 
+                            No description available
 
+                        {% endif %}</p>
 
+                    <div class="flex justify-between items-center">
 
+                        <span class="text-xs text-gray-500">{{ item.post_date | date: 'M %d.%Y' }}</span>
 
+                        <a href="/pages/{{ item.id }}" title="{{ item.title | decode_html_entities | strip_html }}" class="text-orange-500 text-sm">Read More</a>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        {% endfor %}
 
+    </div>
 
+</div>

+ 60 - 0
resources/views/liquid_src/1/jumi_mobile/__contactus.liquid
Fájl Megtekintése 

@@ -0,0 +1,60 @@
 
+<h4 >Get a quote</h4>
 
+<form id="form_contact" data-action="/contact" class="form-default" role="form">
 
+    <input type="hidden" name="_token" value="{{ csrf_token }}">
 
+    <input type="hidden" name="consulting_products" value="{{product.title }}">
 
+    <div class="row">
 
+        <div class="col-md-6">
 
+            <div class="form-group has-feedback">
 
+                <label for="" class="text-uppercase c-gray-light">Your name</label>
 
+                <input type="text" name="customer_name" class="form-control form-control-lg" required>
 
+                <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
 
+                <div class="help-block with-errors"></div>
 
+            </div>
 
+        </div>
 
+        <div class="col-md-6">
 
+            <div class="form-group has-feedback">
 
+                <label for="" class="text-uppercase c-gray-light">Email address</label>
 
+                <input type="email" name="email" class="form-control form-control-lg" required>
 
+                <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
 
+                <div class="help-block with-errors"></div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <div class="row">
 
+        <div class="col-md-6">
 
+            <div class="form-group has-feedback">
 
+                <label for="" class="text-uppercase c-gray-light">Company name</label>
 
+                <input type="text" name="company_name" class="form-control form-control-lg">
 
+                <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
 
+                <div class="help-block with-errors"></div>
 
+            </div>
 
+        </div>
 
+        <div class="col-sm-6">
 
+            <div class="form-group has-feedback">
 
+                <label for="" class="text-uppercase c-gray-light">Phone/whats_app</label>
 
+                <input type="text" name="whats_app" class="form-control form-control-lg" required>
 
+                <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
 
+                <div class="help-block with-errors"></div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <div class="row">
 
+        <div class="col-md-12">
 
+            <div class="form-group has-feedback">
 
+                <label for=""  class="text-uppercase c-gray-light">Message</label>
 
+                <textarea name="content" class="form-control no-resize" rows="5" required></textarea>
 
+                <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
 
+                <div class="help-block with-errors"></div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <div class="">
 
+
 
+
 
+        <button type="reset" class="btn-reset d-none"></button>
 
+        <button type="submit" class="btn btn-styled btn-base-1 mt-4">Send message</button>
 
+    </div>
 
+</form>

+ 65 - 0
resources/views/liquid_src/1/jumi_mobile/__product_list_1.liquid
Fájl Megtekintése 

@@ -0,0 +1,65 @@
 
+<div class="idx-application">
 
+    <div class="container wide-14">
 
+        <h2 class="title" data-size="36px">Products</h2>
 
+        <div class="sub-info"></div>
 
+        <div class="row">
 
+
 
+            <div class="col-xl-6 col-sm-4 col-lg-3">
 
+                <a class="scale-img" href="/categories-iphone">
 
+                    <img class="lazyload" width="400" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20300'%3E%3C/svg%3E" data-src="https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/jumi_mobile/images/1_khRlGjpn.jpg" alt="For iPhone" title="For iPhone">
 
+                    <p class="tit" data-size="18px">For iPhone</p>
 
+                </a>
 
+            </div>
 
+
 
+            <div class="col-xl-6 col-sm-4 col-lg-3">
 
+                <a class="scale-img" href="/categories-samsung">
 
+                    <img class="lazyload" width="400" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20300'%3E%3C/svg%3E" data-src="https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/jumi_mobile/images/2_hDFFr3uj.jpg" alt="For Samsung" title="For Samsung">
 
+                    <p class="tit" data-size="18px">For Samsung</p>
 
+                </a>
 
+            </div>
 
+
 
+            <div class="col-xl-6 col-sm-4 col-lg-3">
 
+                <a class="scale-img" href="/categories-xiaomi">
 
+                    <img class="lazyload" width="400" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20300'%3E%3C/svg%3E" data-src="https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/jumi_mobile/images/3_8Im2xetW.jpg" alt="For Xiaomi" title="For Xiaomi">
 
+                    <p class="tit" data-size="18px">For Xiaomi</p>
 
+                </a>
 
+            </div>
 
+
 
+            <div class="col-xl-6 col-sm-4 col-lg-3">
 
+                <a class="scale-img" href="/categories-oppo">
 
+                    <img class="lazyload" width="400" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20300'%3E%3C/svg%3E" data-src="https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/jumi_mobile/images/4_kQZygx1t.jpg" alt="For Oppo" title="For Oppo">
 
+                    <p class="tit" data-size="18px">For Oppo</p>
 
+                </a>
 
+            </div>
 
+
 
+            <div class="col-xl-6 col-sm-4 col-lg-3">
 
+                <a class="scale-img" href="/categories-vivo">
 
+                    <img class="lazyload" width="400" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20300'%3E%3C/svg%3E" data-src="https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/jumi_mobile/images/5_inzTcP7k.jpg" alt="For Vivo" title="For Vivo">
 
+                    <p class="tit" data-size="18px">For Vivo</p>
 
+                </a>
 
+            </div>
 
+
 
+            <div class="col-xl-6 col-sm-4 col-lg-3">
 
+                <a class="scale-img" href="/categories-oneplus">
 
+                    <img class="lazyload" width="400" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20300'%3E%3C/svg%3E" data-src="https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/jumi_mobile/images/6_yfDiSACT.jpg" alt="For OnePlus" title="For OnePlus">
 
+                    <p class="tit" data-size="18px">For OnePlus</p>
 
+                </a>
 
+            </div>
 
+
 
+            <div class="col-xl-6 col-sm-4 col-lg-3">
 
+                <a class="scale-img" href="/categories-huawei">
 
+                    <img class="lazyload" width="400" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20300'%3E%3C/svg%3E" data-src="https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/jumi_mobile/images/_EOM0vSwE.jpg" alt="For Huawei" title="For Huawei">
 
+                    <p class="tit" data-size="18px">For Huawei</p>
 
+                </a>
 
+            </div>
 
+
 
+            <div class="col-xl-6 col-sm-4 col-lg-3">
 
+                <a class="scale-img" href="/categories-other-brand">
 
+                    <img class="lazyload" width="400" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20300'%3E%3C/svg%3E" data-src="https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/jumi_mobile/images/8_dUOF6L0g.jpg" alt="Other brand" title="Other brand">
 
+                    <p class="tit" data-size="18px">Other brand</p>
 
+                </a>
 
+            </div>
 
+
 
+        </div>
 
+    </div>
 
+</div>

+ 141 - 0
resources/views/liquid_src/1/jumi_mobile/_footer.liquid
Fájl Megtekintése 

@@ -0,0 +1,141 @@
 
+<footer class="footer">
 
+    <div class="footer-top">
 
+        <div class="container wide-14">
 
+            <div class="item-wrap">
 
+                <!-- footer menu start -->
 
+                {% for menu in site.menus_footer %}
 
+                    {% if menu.show %}
 
+                <div class="item">
 
+                    <p class="tit" data-size="24px">{{ menu.title }}</p>
 
+                    <ul class="list-unstyled item-list">
 
+                    {% for child in menu.children %}
 
+                        {% if child.show %}
 
+                        <li><a href="{{ child.uri }}" title="{{ child.title }}">{{ child.title }}</a></li>
 
+                        {% endif %}
 
+                    {% endfor %}
 
+                    </ul>
 
+                </div>
 
+                    {%endif%}
 
+                {% endfor %}
 
+                <!-- footer menu end -->
 
+
 
+
 
+                <div class="item">
 
+                    <p class="tit" data-size="24px">CONTACT</p>
 
+                    <ul class="list-unstyled cont-list">
 
+                        <li data-text="+86 170 0016 1888">Tel: +86 170 0016 1888</li>
 
+                        <li>Whatsapp: +86 170 0016 1888</li>
 
+                        <li data-text="Marketing@mietubl.com">Email: <a href="mailto:Marketing@mietubl.com">Marketing@mietubl.com</a></li>
 
+                        <li>Address: No. 7-1, Shaobai Road, Zengcheng District, Guangzhou City, Guangdong Province</li>
 
+                    </ul>
 
+                </div>
 
+            </div>
 
+            <ul class="list-unstyled icon-list">
 
+
 
+                <li>
 
+                    <a href="https://www.facebook.com/MietublMachine/" target="_blank"><i class="iconfont">&#xe6ba;</i></a>
 
+                </li>
 
+
 
+                <li>
 
+                    <a href="https://x.com/Mietubl_New" target="_blank"><i class="iconfont">&#xee49;</i></a>
 
+                </li>
 
+
 
+                <li>
 
+                    <a href="https://www.linkedin.com/company/mietubl/" target="_blank"><i class="iconfont">&#xe6b8;</i></a>
 
+                </li>
 
+
 
+                <li>
 
+                    <a href="https://www.instagram.com/mietublmachine/" target="_blank"><i class="iconfont">&#xe6bb;</i></a>
 
+                </li>
 
+
 
+                <li>
 
+                    <a href="https://www.youtube.com/@MietublMachine" target="_blank"><i class="iconfont">&#xec77;</i></a>
 
+                </li>
 
+
 
+            </ul>
 
+            <img class="logo" width="auto" height="55" src="https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/jumi_mobile/images/2024/11/08/image_folder/logo_EyPtxMpc.svg" alt="Mietubl logo" title="Mietubl logo">
 
+        </div>
 
+    </div>
 
+    <div class="footer-bottom">
 
+        <div class="container wide-16">
 
+            <p>© 2025 <span>Copyright © 2024 Mietubl. All Rights Reserved</span> All rights reserved.</p>
 
+        </div>
 
+    </div>
 
+</footer>
 
+
 
+
 
+<div class="mobile-footer">
 
+    <ul class="list-unstyled">
 
+        <li>
 
+            <a href="https://api.whatsapp.com/send?phone=+86 170 0016 1888" target="_blank">
 
+                <i class="iconfont" style="font-size: 21px">&#xe61e;</i>
 
+            </a>
 
+            <p>Whatsapp</p>
 
+        </li>
 
+        <li>
 
+      <span onclick="enquiry()">
 
+        <i class="iconfont" style="font-size: 22px">&#xe6b0;</i>
 
+      </span>
 
+            <p>Contact</p>
 
+        </li>
 
+    </ul>
 
+</div>
 
+<div class="inquiry">
 
+    <div class="container">
 
+        <div class="back">
 
+            <p class="h3">INQUIRY</p>
 
+            <a class="btn c-btn close"><i class="iconfont">&#xe64d;</i></a>
 
+            <form method="post" action="/contact">
 
+                <div class="row">
 
+                    <input type="hidden" name="CurrentPagePath" id="CurrentPagePath" value="/">
 
+                    <input type="hidden" name="redirect_url" value="/">
 
+                    <input type="hidden" name="FormId" value="">
 
+
 
+
 
+
 
+                    <div class="col-md-12">
 
+                        <div class="form-group">
 
+                            <label>Name</label>
 
+                            <input class="required form-control " data-val="true" data-val-length="Name的长度应小于200" data-val-length-max="200" data-val-required="The field is required." id="customer_name" name="customer_name" placeholder="Name *" type="text" value="">
 
+                            <span class="field-validation-valid" data-valmsg-for="customer_name" data-valmsg-replace="true"></span>
 
+                        </div>
 
+                    </div>
 
+
 
+
 
+
 
+
 
+
 
+                    <div class="col-md-12">
 
+                        <div class="form-group">
 
+                            <label>Email</label>
 
+                            <input class="required form-control " data-val="true" data-val-email="Incorrect email address format." data-val-length="Email的长度应小于200" data-val-length-max="200" data-val-required="The field is required." id="email" name="email" placeholder="Email *" type="text" value="">
 
+                            <span class="field-validation-valid" data-valmsg-for="email" data-valmsg-replace="true"></span>
 
+                        </div>
 
+                    </div>
 
+
 
+                    <div class="col-md-12">
 
+                        <div class="form-group">
 
+                            <label>Phone</label>
 
+                            <input class="required form-control " data-val="true" data-val-length="Phone的长度应小于200" data-val-length-max="200" data-val-required="The field is required." id="whats_app" name="whats_app" placeholder="Phone *" type="text" value="">
 
+                            <span class="field-validation-valid" data-valmsg-for="whats_app" data-valmsg-replace="true"></span>
 
+                        </div>
 
+                    </div>
 
+
 
+                    <div class="col-md-12">
 
+                        <div class="form-group">
 
+                            <label>Message</label>
 
+                            <textarea class="required form-control" data-val="true" data-val-length="Message的长度应小于1000" data-val-length-max="1000" data-val-required="The field is required." id="content" name="content" placeholder="Message *" rows="3"></textarea>
 
+                            <span class="field-validation-valid" data-valmsg-for="content" data-valmsg-replace="true"></span>
 
+                        </div>
 
+                    </div>
 
+
 
+                </div>
 
+                <div class="btn-wrap submit">
 
+                    <button class="btn c-btn" type="button">Close</button>
 
+                    <button type="submit" class="btn theme-btn submit-btn s-btn" data-toggle="action">Submit</button>
 
+                </div>
 
+                <input name="__RequestVerificationToken" type="hidden" value="CfDJ8MfAOZFVZLZDrkgflxNyhRqXzdWZuA5C_qxQt__f2KAwKiPPz4GIjep5T1ZpjIigeK_-2pB8ZdH29ZLUc3ve35-hApQ0GaF7HLc4XH3LaIAzqjXUjKuzxYpcZfFh9k23EhyhlxrSu_l1agwjfoWrnM4">
 
+            </form>
 
+        </div>
 
+    </div>
 
+</div>

+ 2 - 0
resources/views/liquid_src/1/jumi_mobile/_footer_js.liquid
Fájl Megtekintése 

@@ -0,0 +1,2 @@
 
+<script src="{{ site.image_base_url }}static/tpl/cable_tech/js/jquery.min.js" defer></script>
 
+

+ 116 - 0
resources/views/liquid_src/1/jumi_mobile/_header.liquid
Fájl Megtekintése 

@@ -0,0 +1,116 @@
 
+<div class="top">
 
+
 
+
 
+    <!-- header -->
 
+    <div class="header">
 
+        <div class="container wide-14">
 
+            <div class="daohangzong">
 
+                <!-- logo -->
 
+                <div class="daohang1">
 
+                    <a href="/">
 
+                        <img width="100%" height="100%" src="" alt="logo" class="logo" property="true" data-property="Logo" method="attr" para="src">
 
+                    </a>
 
+                </div>
 
+                <!-- 导航类目 1200像素及以上展示 -->
 
+                <!-- header menu start -->
 
+
 
+                <div class="daohang2">
 
+
 
+
 
+                    {% for menu in site.menus_header %}
 
+                    <div class="daohang2-1">
 
+                        <a href="{{ menu.uri }}" {% if menu.children and menu.children.size > 0 %}class="pulldown-a"{% endif %}>
 
+                            <span>{{ menu.title }}</span>
 
+                            {% if menu.children and menu.children.size > 0 %}<i class="iconfont">&#xe85d;</i>{% endif %}
 
+                        </a>
 
+                        {% if menu.children and menu.children.size > 0 %}
 
+                        <div class="pulldown pulldown-1">
 
+                            {% for child in menu.children %}
 
+                            {% if child.show %}
 
+                            <div class="has-drop">
 
+                                <a href="{{ child.uri }}">{{ child.title }}</a>
 
+                            </div>
 
+                            {% endif %}
 
+                            {% endfor %}
 
+                        </div>
 
+                        {% endif %}
 
+                    </div>
 
+                    {% endfor %}
 
+                </div>
 
+                <!-- header menu end -->
 
+                      <!-- 语言 -->
 
+              <div class="daohang3">
 
+                
+               
+                <!-- 汉堡按钮 -->
 
+                <div class="daohang4 daohangkai">
 
+                  <div class="hamburger hamburger--elastic-r">
 
+                    <div class="hamburger-box">
 
+                      <div class="hamburger-inner"></div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+
 
+            </div>
 
+        </div>
 
+        <!-- 手机导航代码开始 1199像素及以下展示-->
 
+        <div class="shoujizhezhao daohangkai"></div>
 
+        <div class="shoujidaohang">
 
+            <div class="shoujilogo">
 
+                <a href="/">
 
+                    <img src="" alt="logo" class="logo" property="true" data-property="Logo" method="attr" para="src" width="auto" height="45">
 
+                </a>
 
+            </div>
 
+
 
+
 
+            {% for menu in site.menus_header %}
 
+            <div class="shoujidaohang1">
 
+                {% if menu.children and menu.children.size > 0 %}
 
+                <div class="js-hasdrop">
 
+                    <a href="{{ menu.uri }}" data-name="{{ menu.title }}">{{ menu.title }}</a>
 
+                    <i class="iconfont">&#xe62e;</i>
 
+                </div>
 
+                <ul class="dropdown list-unstyled">
 
+                    {% for child in menu.children %}
 
+                    {% if child.show %}
 
+                    <li>
 
+                        <a href="{{ child.uri }}" data-name="{{ child.title }}">{{ child.title }}</a>
 
+                    </li>
 
+                    {% endif %}
 
+                    {% endfor %}
 
+                </ul>
 
+                {% else %}
 
+                <a href="{{ menu.uri }}" data-name="{{ menu.title }}">{{ menu.title }}</a>
 
+                {% endif %}
 
+            </div>
 
+            {% endfor %}
 
+
 
+        </div>
 
+        <!-- 手机端导航代码结束-->
 
+        <!--搜索框 -->
 
+        <div class="sousuo">
 
+            <div class="sousuoguan">
 
+                <i class="iconfont icon-guanbi"></i>
 
+            </div>
 
+            <div class="sousuo1">
 
+                <div class="form">
 
+                    <input type="text" class="form-control search-text" data-type="product" placeholder="Search">
 
+                    <div class="sousuo1-1">
 
+                        <i class="iconfont icon-sousuo"></i>
 
+                    </div>
 
+                </div>
 
+                <div class="sousuo-text">The field is required.</div>
 
+            </div>
 
+        </div>
 
+        <!-- 搜索结束 -->
 
+    </div>
 
+    <div class="navlogo-wrap" style="display: none">
 
+        <img width="auto" height="100%" src="https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/jumi_mobile/images/2024/11/08/image_folder/logo_EyPtxMpc.svg" data-vaph="">
 
+    </div>
 
+    <script>
 
+        let logo_src = $(".navlogo-wrap img").attr("src");
 
+        $(".header .daohang1 img").attr("src",logo_src);
 
+        $(".header .shoujilogo a img").attr("src",logo_src);
 
+    </script>
 
+</div>

+ 0 - 0
resources/views/liquid_src/1/jumi_mobile/_header_css.liquid
Fájl Megtekintése


+ 136 - 0
resources/views/liquid_src/1/jumi_mobile/_header_home.liquid
Fájl Megtekintése 

@@ -0,0 +1,136 @@
 
+<!-- Logo and Main Navigation -->
 
+<div class="nav-wrapper">
 
+    <header class="nav-container w-full">
 
+        <div class="container mx-auto px-4">
 
+            <div class="flex justify-between items-center py-4">
 
+                <!-- Logo -->
 
+                <div class="flex items-center pl-0 md:pl-20" >
 
+                    <a href="/" class="flex items-center">
 
+                        <div class="w-28 md:w-40 rounded-md flex items-center justify-center mr-2 ">
 
+                        {% if site.dist.logo %}
 
+
 
+                            <img src="{{ site.image_base_url }}{{ site.dist.logo }}"  class="w-48 ">
 
+
 
+                        {% endif %}
 
+                        </div>
 
+
 
+                    </a>
 
+                </div>
 
+
 
+                <!-- Main Menu -->
 
+                <div class="hidden md:flex space-x-8 items-center">
 
+                    {% for menu in site.menus_header %}
 
+                    {% if menu.title == "Products" %}
 
+                        <!-- Products with dropdown -->
 
+                                <div class="dropdown products-dropdown">
 
+                                    <a href="#" class="bold_header text-white " title="Products">
 
+                                        Products
 
+                                        <i class="fas fa-chevron-down text-xs ml-1"></i>
 
+                                    </a>
 
+<div class="dropdown-content mt-2">
 
+                                        <div class="mx-auto px-4  py-2" style="max-width: 1280px;">
 
+                                            <div class="flex py-8">
 
+                                                <div class="w-[530px] mr-8">
 
+                                                    <a href="/categories-screen-protector" class="block" title="screen protector">
 
+                                                        <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/menu_banner1.jpg" alt="screen protector" class="w-full h-[220px] object-cover rounded-lg">
 
+                                                    </a>
 
+                                                </div>
 
+                                                <div class="grid grid-cols-4 gap-3 flex-1">
 
+                                                    <div class="text-center sub-menu">
 
+                                                        <a href="/categories-data-cable"  class="block" title="Data Cable">
 
+                                                            <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/menu_ico1.png" alt="Data Cable" class="w-15 h-15 mx-auto mb-2">
 
+                                                            <span class=" text-sm">Data Cable</span>
 
+                                                        </a>
 
+                                                    </div>
 
+                                                    <div class="text-center sub-menu">
 
+                                                        <a href="/categories-wall-charger" class="block" title="wall charger">
 
+                                                            <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/menu_ico2.png" alt="wall charger" class="w-15 h-15 mx-auto mb-2">
 
+                                                            <span class="text-gray-900 text-sm">Wall Charger</span>
 
+                                                        </a>
 
+                                                    </div>
 
+                                                    <div class="text-center sub-menu">
 
+                                                        <a href="/categories-portable-power-supply" class="block" title="portable power supply">
 
+                                                            <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/menu_ico3.png" alt="portable power supply" class="w-15 h-15 mx-auto mb-2">
 
+                                                            <span class="text-gray-900 text-sm">portable power</span>
 
+                                                        </a>
 
+                                                    </div>
 
+                                                    <div class="text-center sub-menu">
 
+                                                        <a href="/categories-intelligent-film-cutting-machine" class="block" title="intelligent film cutting machine">
 
+                                                            <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/menu_ico9.png" alt="intelligent film cutting machine" class="w-15 h-15 mx-auto mb-2">
 
+                                                            <span class="text-gray-900 text-sm">Cutting Machine</span>
 
+                                                        </a>
 
+                                                    </div>
 
+                                                    <div class="text-center sub-menu">
 
+                                                        <a href="/categories-bluetooth-headphones" class="block" title="bluetooth headphones">
 
+                                                            <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/menu_ico5.png" alt="bluetooth headphones" class="w-15 h-15 mx-auto mb-2">
 
+                                                            <span class="text-gray-900 text-sm">Headphones</span>
 
+                                                        </a>
 
+                                                    </div>
 
+                                                    <div class="text-center sub-menu">
 
+                                                        <a href="/categories-car-charger" class="block" title="car charger">
 
+                                                            <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/menu_ico6.png" alt="car charger" class="w-15 h-15 mx-auto mb-2">
 
+                                                            <span class="text-gray-900 text-sm">Car Charger</span>
 
+                                                        </a>
 
+                                                    </div>
 
+                                                    <div class="text-center sub-menu">
 
+                                                        <a href="/categories-bluetooth-speaker" class="block" title="bluetooth speaker">
 
+                                                            <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/menu_ico7.png" alt="bluetooth speaker" class="w-15 h-15 mx-auto mb-2">
 
+                                                            <span class="text-gray-900 text-sm">Speaker</span>
 
+                                                        </a>
 
+                                                    </div>
 
+                                                    <div class="text-center sub-menu">
 
+                                                        <a href="/categories-screen-protector" class="block" title="screen protector">
 
+                                                            <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/menu_ico10.png" alt="screen protector" class="w-15 h-15 mx-auto mb-2">
 
+                                                            <span class="text-gray-900 text-sm">Screen Protector</span>
 
+                                                        </a>
 
+                                                    </div>
 
+                                                </div>
 
+                                            </div>
 
+                                        </div>
 
+                                    </div>
 
+                                </div>
 
+
 
+                    {% else %}
 
+                        <div class="dropdown ">
 
+                            {% if menu.children and menu.children.size > 0 %}
 
+                                <a href="#" class=" text-white text-nowrap  bold_header	text-nowrap">
 
+                                    {{ menu.title }}
 
+                                    <i class="fas fa-chevron-down text-xs ml-1"></i>
 
+                                </a>
 
+                                <div class="dropdown-content border-0" style="left: 50%; ">
 
+                                    <div class="p-4 sub-menu">
 
+                                        {% for child in menu.children %}
 
+                                            {% if child.children and child.children.size > 0 %}
 
+
 
+                                                <h3 class="text-lg mb-4 text-gray-900 bold_header text-xl   overflow-hidden	 ">{{ child.title }}</h3>
 
+                                                <div class="space-y-2 sub-menu">
 
+                                                    {% for item in child.children %}
 
+                                                        <a href="{{ item.uri }}" class="block py-1  text-gray-700  bold_header  whitespace-nowrap " title="{{ item.title }}">{{ item.title }}</a>
 
+                                                    {% endfor %}
 
+                                                </div>
 
+
 
+                                            {% else %}
 
+                                            <a href="{{ child.uri }}" class="block py-2 text-gray-700  font-size-16 whitespace-nowrap " title="{{ child.title }}">{{ child.title }}</a>
 
+                                            {% endif %}
 
+                                        {% endfor %}
 
+                                    </div>
 
+                                </div>
 
+                            {% else %}
 
+                                <a href="{{ menu.uri }}" class=" text-white hover:text-orange-500 bold_header  text-nowrap" title="{{ menu.title }}">{{ menu.title }}</a>
 
+                            {% endif %}
 
+                        </div>
 
+                    {% endif %}
 
+                    {% endfor %}
 
+                </div>
 
+
 
+                <!-- Right side icons -->
 
+                <div class="flex items-center space-x-4">
 
+                    <!-- Mobile menu button -->
 
+                    <button class="md:hidden text-gray-900" id="mobile-menu-button">
 
+                        <i class="fas fa-bars"></i>
 
+                    </button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </header>
 
+</div>

+ 48 - 0
resources/views/liquid_src/1/jumi_mobile/_header_mobile.liquid
Fájl Megtekintése 

@@ -0,0 +1,48 @@
 
+<!-- mobile -->
 
+<div class="mobile-menu" id="mobile-menu">
 
+    <div class="mobile-menu-content shadow-xl">
 
+        <div class="p-4 flex justify-between items-center border-b">
 
+            <div class="flex items-center">
 
+              <div class="w-16 flex items-center justify-center mr-2">
 
+                <img src="{{ site.image_base_url }}{{ site.dist.logo }}"  class="w-48">
 
+               </div>
 
+            </div>
 
+            <button id="close-menu-button" class="text-gray-500">
 
+                <i class="fas fa-times"></i>
 
+            </button>
 
+        </div>
 
+
 
+        <nav class="p-4">
 
+            <ul class="space-y-2">
 
+                {% for menu in site.menus_header %}
 
+                    <li>
 
+                        {% if menu.children and menu.children.size > 0 %}
 
+                            <div class="flex justify-between items-center py-2 px-4 text-gray-800 hover:bg-gray-100 rounded cursor-pointer submenu-toggle">
 
+                                <span>{{ menu.title }}</span>
 
+                                <i class="fas fa-chevron-down text-xs"></i>
 
+                            </div>
 
+                            <div class="submenu">
 
+                                {% for child in menu.children %}
 
+                                    <div class="mt-2 mb-1">
 
+                                        {% if child.children and child.children.size > 0 %}
 
+                                        <h3 class="text-sm text-gray-900 px-4 py-1">{{ child.title }}</h3>
 
+                                        <div class="pl-2 space-y-1">
 
+                                            {% for item in child.children %}
 
+                                                <a href="{{ item.uri }}" class="block px-4 py-1 text-sm text-gray-500 hover:text-orange-500 bold_header" title="{{ item.title }}">{{ item.title }}</a>
 
+                                            {% endfor %}
 
+                                        </div>
 
+                                        {% else %}
 
+                                         <h3 class="text-[14px] text-gray-900 px-4 py-1"><a href="{{ child.uri }}" title="{{ child.title }}">{{ child.title }}</a></h3>
 
+                                        {% endif %}
 
+                                    </div>
 
+                                {% endfor %}
 
+                            </div>
 
+                        {% else %}
 
+                            <a href="{{ menu.uri }}" class="block py-2 px-4 text-gray-800 hover:bg-gray-100 rounded" title="{{ menu.title }}">{{ menu.title }}</a>
 
+                        {% endif %}
 
+                    </li>
 
+                {% endfor %}
 
+            </ul>
 
+        </nav>
 
+    </div>
 
+</div>

A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 39 - 0
resources/views/liquid_src/1/jumi_mobile/collection_list.liquid


A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 39 - 0
resources/views/liquid_src/1/jumi_mobile/home.liquid


+ 272 - 0
resources/views/liquid_src/1/jumi_mobile/home_old.liquid
Fájl Megtekintése 

@@ -0,0 +1,272 @@
 
+<!DOCTYPE html>
 
+<html lang="{{site.dist.country_lang }}">
 
+<head>
 
+    <title>{{ site.dist.seo_title }}</title>
 
+    <meta charset="utf-8">   
+    <meta name="keywords" content="{{ site.dist.seo_keywords }}">       
+    <meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <meta name="robots" content="index, follow">   
+    <meta property="og:locale" content="{{site.dist.country_lang | replace: '-', '_' }}" />
 
+    <meta name="author" content="Mietubl">
 
+    {% include '_header_css.liquid' %}
 
+    <script type="application/ld+json">
 
+        {
 
+            "@context": "https://schema.org",
 
+            "@type": "LocalBusiness",
 
+            "name": "Mietubl Philippines",
 
+            "image": "{{ site.image_base_url }}{{ site.dist.logo }}",
 
+            "address": {
 
+                "@type": "PostalAddress",
 
+                "streetAddress": "",
 
+                "addressLocality": "",
 
+                "addressRegion": "PH",
 
+                "postalCode": "",
 
+                "addressCountry": "PH"
 
+            },
 
+            "telephone": "",
 
+            "openingHoursSpecification": {
 
+                "@type": "OpeningHoursSpecification",
 
+                "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
 
+                "opens": "09:00",
 
+                "closes": "17:00"
 
+            },
 
+            "sameAs": [
 
+                "{{ site.dist.facebook }}"
 
+            ]
 
+        }
 
+    </script>    
+</head>
 
+<body class="bg-gray-100 tracking-wide">
 
+
 
+<header>
 
+    {% include '_header_home.liquid' %}
 
+    {% include '_header_mobile.liquid' %}
 
+</header>
 
+<!-- Spring Sale Banner -->
 
+<div class="relative" id="banner-carousel">
 
+<!-- banner -->
 
+{% banner limit=5 position=1 template='__banner_home.liquid' %}
 
+</div>
 
+
 
+<!-- Category Navigation -->
 
+<div class="relative bg-gray-100 py-0">
 
+    <div class="container mx-auto px-4 py-0">
 
+        <h1 class="text-3xl md:text-5xl font-bold  py-24 text-center">Mobile Phone Accessories</h1>
 
+        <div class="grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6 grid-flow-dense pb-24">
 
+            <!-- Power Banks - 占据2行 -->
 
+            <div class="relative row-span-2 overflow-hidden">
 
+                <a href="/categories-intelligent-film-cutting-machine" target=_blank title="Smart Film Cutter">
 
+                    <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_product_category_1.jpg" alt="Power Banks" class="absolute inset-0 w-full h-full object-cover">
 
+                    <div class="absolute left-0 top-0 p-3 md:p-4 text-left">
 
+                        <h3 class="font-bold text-gray-900 text-base md:text-lg">Smart Film Cutter</h3>
 
+                        <p class="text-xs md:text-sm text-gray-600 ">More</p>
 
+                    </div>
 
+                </a>
 
+            </div>
 
+
 
+
 
+
 
+            <!-- Screen Protector -->
 
+            <div class="relative overflow-hidden  aspect-ratio-card">
 
+                <a href="/categories-screen-protector" target=_blank title="Screen Protector">
 
+                    <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_product_category_3.jpg?20250425" alt="Wireless Chargers" class="absolute inset-0 w-full h-full object-cover">
 
+                    <div class="absolute left-0 top-0 p-3 md:p-4 text-left">
 
+                        <h3 class="font-bold text-gray-900 text-base md:text-lg">Screen Protector</h3>
 
+                        <p class="text-xs md:text-sm text-gray-600">More</p>
 
+                    </div>
 
+                </a>
 
+            </div>
 
+
 
+            <!-- Chargers -->
 
+            <div class="relative overflow-hidden aspect-ratio-card">
 
+                <a href="/categories-wall-charger" target=_blank title="Wall Chargers">
 
+                    <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_product_category_2.jpg" alt="Chargers" class="absolute inset-0 w-full h-full object-cover">
 
+                    <div class="absolute left-0 top-0 p-3 md:p-4 text-left">
 
+                        <h3 class="font-bold text-gray-900 text-base md:text-lg">Wall Chargers</h3>
 
+                        <p class="text-xs md:text-sm text-gray-600">More</p>
 
+                    </div>
 
+                </a>
 
+            </div>
 
+
 
+            <!-- AC Power -->
 
+            <div class="relative overflow-hidden aspect-ratio-card">
 
+                <a href="/categories-portable-power-supply" target=_blank title="Portable Power">
 
+                    <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_product_category_4.jpg" alt="AC Power" class="absolute inset-0 w-full h-full object-cover">
 
+                    <div class="absolute left-0 top-0 p-3 md:p-4 text-left">
 
+                        <h3 class="font-bold text-gray-900 text-base md:text-lg">Portable Power</h3>
 
+                        <p class="text-xs md:text-sm text-gray-600">More</p>
 
+                    </div>
 
+                </a>
 
+            </div>
 
+
 
+            <!-- Cables -->
 
+            <div class="relative overflow-hidden aspect-ratio-card">
 
+                <a href="/categories-data-cable" target=_blank title="Cables">
 
+                    <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_product_category_5.jpg" alt="Cables" class="absolute inset-0 w-full h-full object-cover">
 
+                    <div class="absolute left-0 top-0 p-3 md:p-4 text-left">
 
+                        <h3 class="font-bold   text-gray-900   text-base  md:text-lg">Cables</h3>
 
+                        <p class="text-xs md:text-sm  text-gray-600 ">More</p>
 
+                    </div>
 
+                </a>
 
+            </div>
 
+
 
+            <!-- Hubs and Docks -->
 
+            <div class="relative overflow-hidden aspect-ratio-card">
 
+                <a href="/categories-cutting-machine-consumables" target=_blank title="Materials">
 
+                    <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_product_category_6.jpg" alt="Hubs and Docks" class="absolute inset-0 w-full h-full object-cover">
 
+                    <div class="absolute left-0 top-0 p-3 md:p-4 text-left">
 
+                        <h3 class="font-bold text-gray-900  text-base md:text-lg">Materials</h3>
 
+                        <p class="text-xs md:text-sm text-gray-600 ">More</p>
 
+                    </div>
 
+                </a>
 
+            </div>
 
+
 
+            <!-- Car Chargers -->
 
+            <div class="relative overflow-hidden aspect-ratio-card">
 
+                <a href="/categories-bluetooth-headphones"  target=_blank title="Bluetooth Headphones">
 
+                    <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/index_product_category_7.jpg" alt="Car Chargers" class="absolute inset-0 w-full h-full object-cover">
 
+                    <div class="absolute left-0 top-0 p-3 md:p-4 text-left">
 
+                        <h3 class="font-bold text-gray-900  text-base md:text-lg">Headphones</h3>
 
+                        <p class="text-xs md:text-sm  text-gray-600">More</p>
 
+                    </div>
 
+                </a>
 
+            </div>
 
+        </div>
 
+    </div>
 
+</div>
 
+
 
+<!-- Category Navigation -->
 
+
 
+
 
+
 
+
 
+<!-- Hot Sale Section -->
 
+
 
+<div class="bg-white py-0 ">
 
+    <div class="container mx-auto px-4 py-0">
 
+        
+         <h3 class="text-3xl md:text-5xl font-bold  py-24 text-center">Hot Selling</h3>
 
+        
+        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 gap-6 pb-24  bg-white ">
 
+
 
+
 
+            {% product  mode="list" limit=3 template='__product_list_1.liquid' %}
 
+
 
+        </div>
 
+    </div>
 
+</div>
 
+<!-- World of Electronic Products -->
 
+<div class="container mx-auto py-0 ">
 
+    <h3 class="text-3xl md:text-5xl	 font-bold py-24 text-center">Screen Protector Solution</h3>
 
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
 
+        <!--   -->
 
+       
+        <div class="relative overflow-hidden  aspect-[0.92/1] bg-gradient-to-br from-blue-50 to-blue-100" style="background-image: url('{{ site.image_base_url }}static/tpl/cable_tech/images/index_product2_1.jpg'); background-size: cover; background-position: center bottom;">
 
+            <div class="p-8 pb-32 flex flex-col items-center relative z-10">
 
+                <div class="text-amber-500 font-medium mb-3 text-center">New Release</div>
 
+                <h3 class="text-2xl md:text-3xl font-bold text-center mb-3 pb-8">Screen Protector Machine</h3>
 
+                <a href="/products/455" target=_blank class="bg-orange-500 hover:bg-blue-600 text-white px-6 py-2 rounded text-sm font-medium transition-colors">
 
+                    LEARN MORE
 
+                </a>
 
+            </div>
 
+        </div>
 
+       
+
 
+        <!--   -->
 
+        
+        <div class="relative overflow-hidden aspect-[0.92/1] bg-black" style="background-image: url('{{ site.image_base_url }}static/tpl/cable_tech/images/index_product2_2.jpg'); background-size: cover; background-position: center bottom;">
 
+            <div class="p-8 pb-32 flex flex-col items-center relative z-10">
 
+                <div class="text-amber-500 font-medium mb-3 text-center">NEW RELEASE</div>
 
+                <h3 class="text-2xl md:text-3xl font-bold text-center mb-2  pb-8">Tempered Glass Screen Protector</h3>
 
+
 
+                <a href="https://ph.mietubl.website/categories-screen-protector" target=_blank class="bg-orange-500 hover:bg-blue-600 text-white px-6 py-2 rounded text-sm font-medium transition-colors">
 
+                    LEARN MORE
 
+                </a>
 
+            </div>
 
+        </div>
 
+        
+    </div>
 
+</div>
 
+
 
+
 
+<!-- Screen Protector Machine Banner -->
 
+<div class="relative bg-gradient-to-tr from-black via-gray-900 to-gray-800 bg-cover bg-center text-white overflow-hidden mt-20">
 
+    <div class="container mx-auto px-4 py-28">
 
+        <div class="flex flex-col md:flex-row items-center md:justify-between md:space-x-4">
 
+            <div class="w-full md:w-[55%] z-10 text-center md:text-left md:pl-0 mb-8 md:mb-0">
 
+                <h3 class="text-xl md:text-2xl font-bold  py-3">New generation</h3>
 
+                <h2 class="text-2xl md:text-3xl font-bold  py-3">Screen protector machine</h2>
 
+                <p class="py-3 mx-auto md:mx-0 max-w-xl leading-6">As a new generation of screen protector machine, the MTB-CUT M288 screen protector cutting and laminating all-in-one machine meets multiple functions with one machine. And it solves the problem of aligning the screen protector with the screen.</p>
 
+                <a href="/products/456" target=_blank class="inline-block bg-orange-500 hover:bg-orange-600 mt-6 text-white px-6 py-2 rounded font-medium transition-colors">
 
+                    Read more
 
+                </a>
 
+            </div>
 
+            <div class="w-full md:w-[45%] flex justify-center md:justify-center">
 
+                <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/product_m288.png" alt="Screen Protector Machine" class="max-w-[280px] md:max-w-[350px] z-10">
 
+            </div>
 
+        </div>
 
+    </div>
 
+</div>
 
+
 
+{% collection slug="news" limit=3 template="__collection_list_3.liquid" %}
 
+
 
+
 
+<!-- Delivery Services Section -->
 
+
 
+    <div class="container mx-auto px-4 mb-24">
 
+        <h3 class="text-3xl md:text-5xl	 font-bold py-24 text-center">Delivery</h3>
 
+        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
 
+            <!-- Delivery Time -->
 
+            <div class="bg-gray-200 p-6 rounded flex flex-col items-center text-center">
 
+                <div class="w-16 h-16 mb-4 flex items-center justify-center">
 
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-gray-700" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20 7l-8-4-8 4m16 0v10a2 2 0 01-2 2H6a2 2 0 01-2-2V7m16 0l-8 4m0 0l-8-4m8 4v10" />
 
+                    </svg>
 
+                </div>
 
+                <h3 class="font-bold text-base mb-2">Delivery</h3>
 
+                <p class="text-sm text-gray-600">1-2 working days for sample, 5-9 working days for production.</p>
 
+            </div>
 
+
 
+            <!-- Shipping Terms -->
 
+            <div class="bg-gray-200 p-6 rounded flex flex-col items-center text-center">
 
+                <div class="w-16 h-16 mb-4 flex items-center justify-center">
 
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-gray-700" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
 
+                    </svg>
 
+                </div>
 
+                <h3 class="font-bold text-base mb-2">Shipping terms</h3>
 
+                <p class="text-sm text-gray-600">Within 45 working days after received the payment by air or your request.</p>
 
+            </div>
 
+
 
+            <!-- Sample Charge Policy -->
 
+            <div class="bg-gray-200 p-6 rounded flex flex-col items-center text-center">
 
+                <div class="w-16 h-16 mb-4 flex items-center justify-center">
 
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-gray-700" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
 
+                    </svg>
 
+                </div>
 
+                <h3 class="font-bold text-base mb-2">Sample charge/refund policy</h3>
 
+                <p class="text-sm text-gray-600">We assure to return the fee once after the first order, pay 100% of the sample fee in advance.</p>
 
+            </div>
 
+
 
+            <!-- Payment Terms -->
 
+            <div class="bg-gray-200 p-6 rounded flex flex-col items-center text-center">
 
+                <div class="w-16 h-16 mb-4 flex items-center justify-center">
 
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-gray-700" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
 
+                    </svg>
 
+                </div>
 
+                <h3 class="font-bold text-base mb-2">Payment terms:Bank transfer</h3>
 
+                <p class="text-sm text-gray-600">100% Payment in advance.</p>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+
 
+{% include '_footer.liquid' %}
 
+{% include '_footer_js.liquid' %}
 
+<link rel="stylesheet" href="{{ site.image_base_url }}static/tpl/cable_tech/css/css_home.css">
 
+<script src="{{ site.image_base_url }}static/tpl/cable_tech/js/home.js" defer></script>
 
+</body>
 
+</html>

A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 43 - 0
resources/views/liquid_src/1/jumi_mobile/pages_detail.liquid


+ 131 - 0
resources/views/liquid_src/1/jumi_mobile/pages_sp_Inquiry.liquid
Fájl Megtekintése 

@@ -0,0 +1,131 @@
 
+<!DOCTYPE html>
 
+<html lang="{{site.dist.country_lang }}">
 
+<head>
 
+<meta charset="utf-8">
 
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+<meta name="robots" content="index, follow">
 
+<meta property="og:locale" content="{{site.dist.country_lang | replace: '-', '_' }}" />
 
+<meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}">
 
+<meta name="keywords" content="{{ site.dist.seo_keywords }}">
 
+<meta name="author" content="Mietubl">
 
+<title>{{ site.dist.seo_title }}</title>
 
+    <meta name="author" content="Mietubl">
 
+    {% include '_header_css.liquid' %}
 
+
 
+    <script type="application/ld+json">
 
+        {
 
+          "@context": "https://schema.org",
 
+          "@type": "Article",
 
+          "headline": "{{page.seo_title}}",
 
+  "description": "{{page.seo_description  | strip_html| strip_newlines }}",
 
+  "image": {
 
+    "@type": "ImageObject",
 
+    "url": "{{ page.cover_image }}",
 
+    "height": 885,
 
+    "width": 509
 
+  },
 
+
 
+  "publisher": {
 
+    "@type": "Organization",
 
+    "name": "Mietubl",
 
+    "logo": {
 
+      "@type": "ImageObject",
 
+      "url": "https://www.screenguardfactory.com/static/images/logo-black.svg",
 
+      "height": 114,
 
+      "width": 38
 
+    }
 
+  },
 
+  "datePublished": "{{page.post_date}}",
 
+  "dateModified": "{{page.post_date}}",
 
+  "mainEntityOfPage": "{{site.current_url}}",
 
+  "inLanguage": "en-US"
 
+}
 
+    </script>
 
+
 
+</head>
 
+<body class="bg-gray-100 tracking-wide">
 
+{% include '_header.liquid' %}
 
+
 
+<!-- Breadcrumb Navigation -->
 
+<div class="pt-8">
 
+    <div class="container mx-auto px-4 p-8">
 
+        <nav class="flex text-sm">
 
+            {% for breadcrumb in breadcrumbs %}
 
+                <a href="{{ breadcrumb.url }}" class="text-gray-600 hover:text-orange-500">  {{ breadcrumb.name }} </a>
 
+                {% if forloop.index != forloop.length %}
 
+                    <span class="mx-2 text-gray-500">/</span>
 
+                {% endif %}
 
+            {% endfor %}
 
+        </nav>
 
+    </div>
 
+</div>
 
+
 
+<div class="container mx-auto px-4 py-8">
 
+
 
+        <h1 class="text-4xl font-bold text-center mb-10">Wholesale  Inquiry </h1>
 
+        
+        <div class="text-center max-w-3xl mx-auto mb-12">
 
+            <p class="text-gray-700">Mietubl is excited to offer our business customers even greater savings on top-quality tech essentials.</p>
 
+        </div>
 
+
 
+    <h4 class="text-2xl font-bold text-gray-800 mb-6 text-center">Get a quote</h4>
 
+    <form id="form_contact" data-action="/contact" class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4 max-w-3xl mx-auto" role="form">
 
+        <input type="hidden" name="consulting_products" value="{{product.title }}">
 
+        <div class="flex flex-wrap -mx-3 mb-6">
 
+            <div class="w-full md:w-1/2 px-3 mb-6 md:mb-0">
 
+                <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="customer_name">
 
+                    Your name
 
+                </label>
 
+                <input type="text" name="customer_name" class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500" required>
 
+                <div class="text-red-500 text-xs italic mt-1"></div>
 
+            </div>
 
+            <div class="w-full md:w-1/2 px-3">
 
+                <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="email">
 
+                    Email address
 
+                </label>
 
+                <input type="email" name="email" class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500" required>
 
+                <div class="text-red-500 text-xs italic mt-1"></div>
 
+            </div>
 
+        </div>
 
+
 
+        <div class="flex flex-wrap -mx-3 mb-6">
 
+            <div class="w-full md:w-1/2 px-3 mb-6 md:mb-0">
 
+                <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="company_name">
 
+                    Company name
 
+                </label>
 
+                <input type="text" name="company_name" class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
 
+                <div class="text-red-500 text-xs italic mt-1"></div>
 
+            </div>
 
+            <div class="w-full md:w-1/2 px-3">
 
+                <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="whats_app">
 
+                    Phone/whats_app
 
+                </label>
 
+                <input type="text" name="whats_app" class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500" required>
 
+                <div class="text-red-500 text-xs italic mt-1"></div>
 
+            </div>
 
+        </div>
 
+
 
+        <div class="flex flex-wrap -mx-3 mb-6">
 
+            <div class="w-full px-3">
 
+                <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="content">
 
+                    Message
 
+                </label>
 
+                <textarea name="content" class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500 resize-none" rows="5" required></textarea>
 
+                <div class="text-red-500 text-xs italic mt-1"></div>
 
+            </div>
 
+        </div>
 
+
 
+        <div class="flex items-center justify-start">
 
+            <button type="reset" class="d-none"></button>
 
+            <button type="submit" class="bg-orange-500 hover:bg-orange-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">
 
+                Send message
 
+            </button>
 
+        </div>
 
+    </form>
 
+</div>
 
+
 
+{% include '_footer.liquid' %}
 
+{% include '_footer_js.liquid' %}
 
+
 
+</body>
 
+</html>

A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 43 - 0
resources/views/liquid_src/1/jumi_mobile/pages_sp_aboutus.liquid


A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 44 - 0
resources/views/liquid_src/1/jumi_mobile/pages_sp_contact.liquid


+ 249 - 0
resources/views/liquid_src/1/jumi_mobile/pages_sp_distributor.liquid
Fájl Megtekintése 

@@ -0,0 +1,249 @@
 
+<!DOCTYPE html>
 
+<html lang="{{site.dist.country_lang }}">
 
+<head>
 
+<meta charset="utf-8">
 
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+<meta name="robots" content="index, follow">
 
+<meta property="og:locale" content="{{site.dist.country_lang | replace: '-', '_' }}" />
 
+<meta name="author" content="Mietubl">
 
+<meta name="description" content="{{ tag.seo_description  | strip_html| strip_newlines  }}">
 
+<meta name="keywords" content="{{tag.seo_keywords}}">
 
+<title>{{tag.seo_title}}</title>
 
+    <meta name="author" content="Mietubl">
 
+    {% include '_header_css.liquid' %}
 
+
 
+    <script type="application/ld+json">
 
+        {
 
+          "@context": "https://schema.org",
 
+          "@type": "Article",
 
+          "headline": "{{page.seo_title}}",
 
+  "description": "{{page.seo_description  | strip_html| strip_newlines }}",
 
+  "image": {
 
+    "@type": "ImageObject",
 
+    "url": "{{ page.cover_image }}",
 
+    "height": 885,
 
+    "width": 509
 
+  },
 
+
 
+  "publisher": {
 
+    "@type": "Organization",
 
+    "name": "Mietubl",
 
+    "logo": {
 
+      "@type": "ImageObject",
 
+      "url": "https://www.screenguardfactory.com/static/images/logo-black.svg",
 
+      "height": 114,
 
+      "width": 38
 
+    }
 
+  },
 
+  "datePublished": "{{page.post_date}}",
 
+  "dateModified": "{{page.post_date}}",
 
+  "mainEntityOfPage": "{{site.current_url}}",
 
+  "inLanguage": "en-US"
 
+}
 
+    </script>
 
+</head>
 
+<body class="bg-gray-100 tracking-wide">
 
+{% include '_header.liquid' %}
 
+
 
+
 
+
 
+<!-- Distributor Program Banner -->
 
+<div class="relative bg-cover bg-right	 py-24" style="background-image: url('{{ site.image_base_url }}static/tpl/cable_tech/images/distributor_bg1.jpg');">
 
+    <div class="container mx-auto px-4 relative z-10 md:py-52">
 
+        <div class="md:w-1/2 ">
 
+            <h1 class="text-5xl font-bold mb-4 py-6">DISTRIBUTOR PROGRAM</h1>
 
+            <p class="mb-6  text-base 0">As the official brand owner of MIETUBL, we offer exclusive distribution opportunities for potential partners worldwide. We provide superior support for electronic and mobile accessories, ensuring our partners receive excellent service through the MIETUBL email system. By joining our distribution network, you will gain access to high-quality products and comprehensive solutions, helping you grow your business and meet customer demands efficiently.</p>
 
+            <a href="/contact" class="bg-orange-500 hover:bg-orange-600 text-white px-6 py-2 rounded text-sm font-medium transition-colors inline-block">
 
+                Join Now
 
+            </a>
 
+        </div>
 
+    </div>
 
+</div>
 
+
 
+<!-- Brand Story Section -->
 
+<div class="relative bg-cover bg-center py-16 md:py-24" style="background-image: url('{{ site.image_base_url }}static/tpl/cable_tech/images/distributor_bg2.jpg');">
 
+
 
+    <div class="container mx-auto px-4 relative z-10 md:py-40">
 
+        <div class="flex flex-col md:flex-row">
 
+            <div class="md:w-1/2">
 
+            </div>
 
+            <div class="w-full md:w-1/2  text-white">
 
+                <h2 class="text-5xl font-bold mb-6 py-6">BRAND STORY</h2>
 
+                <p class="mb-4  text-base">Over the years, MIETUBL has built strong relationships with customers worldwide, continuously evolving to meet their needs. Over 70% of the products we offer are specifically designed to cater to personal customer requirements, and our ODM business continues to thrive. Our wide range of electronic accessories reflects our commitment to innovation and customer satisfaction.</p>
 
+                <p class="mb-4  text-base">At MIETUBL, we are always looking to the future. We continue to innovate and expand our product portfolio to provide the highest quality digital accessories for our customers globally, while maintaining our commitment to excellence and customer satisfaction..</p>
 
+                
+            </div>
 
+        </div>
 
+    </div>
 
+</div>
 
+
 
+
 
+
 
+<!-- Why Choose MIETUBL -->
 
+<div class="bg-gray-100 pb-16">
 
+    <div class="container mx-auto px-4">
 
+        <h2 class="text-5xl font-bold mb-12 text-center py-24">Why Choose MIETUBL</h2>
 
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-24">
 
+            <!-- Innovative Design -->
 
+            <div class="text-center">
 
+                <div class="  w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
 
+                    <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/distributor_ico1.png" alt="Design Icon" class="w-16 h-16">
 
+                </div>
 
+                <h3 class="font-bold text-xl mb-2 py-6">Innovative Design</h3>
 
+                <p class="text-base text-gray-600">MIETUBL places an emphasis on design as one of our most critical priorities, ensuring a strong combination of both appearance and functionality.</p>
 
+            </div>
 
+
 
+            <!-- Superior Quality -->
 
+            <div class="text-center">
 
+                <div class="  w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
 
+                    <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/distributor_ico2.png" alt="Quality Icon" class="w16 h-16">
 
+                </div>
 
+                <h3 class="font-bold text-xl mb-2 py-6">Superior Quality</h3>
 
+                <p class="text-base text-gray-600">We use only premium materials and conduct rigorous testing to ensure every MIETUBL product meets or exceeds industry standards for performance and durability.</p>
 
+            </div>
 
+
 
+            <!-- Dedicated Customer Support -->
 
+            <div class="text-center">
 
+                <div class=" w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
 
+                    <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/distributor_ico3.png" alt="Support Icon" class="w-16 h-16">
 
+                </div>
 
+                <h3 class="font-bold text-xl mb-2  py-6">Dedicated Customer Support</h3>
 
+                <p class="text-base text-gray-600">Our knowledgeable support team is available to help with technical questions, order inquiries, and after-sales service to ensure complete satisfaction.</p>
 
+            </div>
 
+
 
+            <!-- One-Stop Solution -->
 
+            <div class="text-center">
 
+                <div class=" w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
 
+                    <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/distributor_ico4.png" alt="Solution Icon" class="w-16 h-16">
 
+                </div>
 
+                <h3 class="font-bold text-xl mb-2  py-6">One-Stop Solution</h3>
 
+                <p class="text-base text-gray-600">MIETUBL offers a comprehensive portfolio that meets all your connectivity needs in one place, from cables and adapters to hubs and more.</p>
 
+            </div>
 
+
 
+            <!-- Competitive Pricing -->
 
+            <div class="text-center">
 
+                <div class=" w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
 
+                    <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/distributor_ico5.png" alt="Pricing Icon" class="w-16 h-16">
 
+                </div>
 
+                <h3 class="font-bold text-xl mb-2  py-6">Competitive Pricing</h3>
 
+                <p class="text-base text-gray-600">As a manufacturer with direct sales channels, MIETUBL provides competitive pricing on high-quality products with no compromise on performance or reliability.</p>
 
+            </div>
 
+
 
+            <!-- High Trend -->
 
+            <div class="text-center">
 
+                <div class=" w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
 
+                    <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/distributor_ico6.png" alt="Trend Icon" class="w-16 h-16">
 
+                </div>
 
+                <h3 class="font-bold text-xl mb-2  py-6">High Trend</h3>
 
+                <p class="text-base text-gray-600">MIETUBL closely monitors market trends to ensure our product development stays ahead of the curve, meeting evolving connectivity needs and emerging technologies.</p>
 
+            </div>
 
+        </div>
 
+    </div>
 
+</div>
 
+
 
+<!-- Global Business -->
 
+<div class="bg-white py-16">
 
+    <div class="container mx-auto px-4">
 
+        <h2 class="text-5xl font-bold mb-12 text-center py-24">GLOBAL BUSINESS</h2>
 
+
 
+        <!-- Promotion Support -->
 
+        <div class="flex flex-col md:flex-row items-center mb-16">
 
+            <div class="w-full md:w-1/2 order-2 md:order-1 md:pr-12 mt-8 md:mt-0">
 
+                <h3 class="text-5xl font-bold mb-4">Promotion Support</h3>
 
+                <p class="text-base text-gray-600 mb-4">We offer professional design services to create promotional materials for distributors, providing effective promotional tools to boost sales.</p>
 
+            </div>
 
+            <div class="w-full md:w-1/2 order-1 md:order-2">
 
+                <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/distributor_banner1.jpg" alt="Promotion Support" class="w-full rounded-lg ">
 
+            </div>
 
+        </div>
 
+
 
+        <!-- Package Support -->
 
+        <div class="flex flex-col md:flex-row items-center mb-16">
 
+            <div class="w-full md:w-1/2">
 
+                <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/distributor_banner3.jpg" alt="Package Support"  class="w-full rounded-lg ">
 
+            </div>
 
+            <div class="w-full md:w-1/2 md:pl-12 mt-8 md:mt-0">
 
+                <h3 class="text-5xl font-bold mb-4">Package Support</h3>
 
+                <p class="text-base text-gray-600 mb-4">We can supply customized packaging to meet your specific branding and marketing needs.</p>
 
+            </div>
 
+        </div>
 
+
 
+        <!-- Physical Materials Support -->
 
+        <div class="flex flex-col md:flex-row items-center mb-16">
 
+            <div class="w-full md:w-1/2 order-2 md:order-1 md:pr-12 mt-8 md:mt-0">
 
+                <h3 class="text-5xl font-bold mb-4">Physical Materials Support</h3>
 
+                <p class="text-base text-gray-600 mb-4">Our in-store physical materials include banners, posters, and product displays to enhance your retail presence.</p>
 
+            </div>
 
+            <div class="w-full md:w-1/2 order-1 md:order-2">
 
+                <img src="{{ site.image_base_url }}static/tpl/cable_tech/images/distributor_banner2.jpg" alt="Physical Materials Support" class="w-full rounded-lg ">
 
+            </div>
 
+        </div>
 
+    </div>
 
+</div>
 
+
 
+
 
+
 
+<div class="container mx-auto px-4 py-0  ">
 
+
 
+    <h4 class="text-3xl md:text-5xl	 font-bold pt-24 text-center font-bold text-gray-900 mb-6 ">Become Our Partners</h4>
 
+    <p class="text-center mb-12 pb-12">Fill in basic information about your agency to join us. Become a part of the MIETUBL's distribution system.</p>
 
+    <form id="form_contact" data-action="/contact" class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-24 max-w-3xl mx-auto" role="form">
 
+        <input type="hidden" name="consulting_products" value="{{product.title }}">
 
+        <div class="flex flex-wrap -mx-3 mb-6">
 
+            <div class="w-full md:w-1/2 px-3 mb-6 md:mb-0">
 
+                <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="customer_name">
 
+                    Your name
 
+                </label>
 
+                <input type="text" name="customer_name" class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500" required>
 
+                <div class="text-red-500 text-xs italic mt-1"></div>
 
+            </div>
 
+            <div class="w-full md:w-1/2 px-3">
 
+                <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="email">
 
+                    Email address
 
+                </label>
 
+                <input type="email" name="email" class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500" required>
 
+                <div class="text-red-500 text-xs italic mt-1"></div>
 
+            </div>
 
+        </div>
 
+
 
+        <div class="flex flex-wrap -mx-3 mb-6">
 
+            <div class="w-full md:w-1/2 px-3 mb-6 md:mb-0">
 
+                <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="company_name">
 
+                    Company name
 
+                </label>
 
+                <input type="text" name="company_name" class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500">
 
+                <div class="text-red-500 text-xs italic mt-1"></div>
 
+            </div>
 
+            <div class="w-full md:w-1/2 px-3">
 
+                <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="whats_app">
 
+                    Phone/whats_app
 
+                </label>
 
+                <input type="text" name="whats_app" class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500" required>
 
+                <div class="text-red-500 text-xs italic mt-1"></div>
 
+            </div>
 
+        </div>
 
+
 
+        <div class="flex flex-wrap -mx-3 mb-6">
 
+            <div class="w-full px-3">
 
+                <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="content">
 
+                    Message
 
+                </label>
 
+                <textarea name="content" class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500 resize-none" rows="5" required></textarea>
 
+                <div class="text-red-500 text-xs italic mt-1"></div>
 
+            </div>
 
+        </div>
 
+
 
+        <div class="flex items-center justify-start">
 
+            <button type="reset" class="d-none"></button>
 
+            <button type="submit" class="bg-orange-500 hover:bg-orange-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">
 
+                Send message
 
+            </button>
 
+        </div>
 
+    </form>
 
+</div>
 
+
 
+
 
+{% include '_footer.liquid' %}
 
+{% include '_footer_js.liquid' %}
 
+</body>
 
+</html>

+ 82 - 0
resources/views/liquid_src/1/jumi_mobile/pages_sp_faq.liquid
Fájl Megtekintése 

@@ -0,0 +1,82 @@
 
+<!DOCTYPE html>
 
+<html lang="{{site.dist.country_lang }}">
 
+<head>
 
+<meta charset="utf-8">
 
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+<meta name="robots" content="index, follow">
 
+<meta property="og:locale" content="{{site.dist.country_lang | replace: '-', '_' }}" />
 
+<meta name="author" content="Mietubl">
 
+<meta name="description" content="{{ tag.seo_description  | strip_html| strip_newlines  }}">
 
+<meta name="keywords" content="{{tag.seo_keywords}}">
 
+<title>{{tag.seo_title}}</title>
 
+    <meta name="author" content="Mietubl">
 
+    {% include '_header_css.liquid' %}
 
+
 
+    <script type="application/ld+json">
 
+        {
 
+          "@context": "https://schema.org",
 
+          "@type": "Article",
 
+          "headline": "{{page.seo_title}}",
 
+  "description": "{{page.seo_description  | strip_html| strip_newlines }}",
 
+  "image": {
 
+    "@type": "ImageObject",
 
+    "url": "{{ page.cover_image }}",
 
+    "height": 885,
 
+    "width": 509
 
+  },
 
+
 
+  "publisher": {
 
+    "@type": "Organization",
 
+    "name": "Mietubl",
 
+    "logo": {
 
+      "@type": "ImageObject",
 
+      "url": "https://www.screenguardfactory.com/static/images/logo-black.svg",
 
+      "height": 114,
 
+      "width": 38
 
+    }
 
+  },
 
+  "datePublished": "{{page.post_date}}",
 
+  "dateModified": "{{page.post_date}}",
 
+  "mainEntityOfPage": "{{site.current_url}}",
 
+  "inLanguage": "en-US"
 
+}
 
+    </script>
 
+</head>
 
+<body class="bg-gray-100 tracking-wide">
 
+{% include '_header.liquid' %}
 
+
 
+<!-- Breadcrumb Navigation -->
 
+<div class=" pt-8">
 
+    <div class="container mx-auto px-4 p-8">
 
+        <nav class="flex text-sm">
 
+
 
+            {% for breadcrumb in breadcrumbs %}
 
+            <a href="{{ breadcrumb.url }}" class="text-gray-600 hover:text-orange-500">  {{ breadcrumb.name }} </a>
 
+            {% if forloop.index != forloop.length %}
 
+                <span class="mx-2 text-gray-500">/</span>
 
+            {% endif %}
 
+            {% endfor %}
 
+    </nav>
 
+</div>
 
+</div>
 
+
 
+
 
+<!-- FAQ Content -->
 
+<div class="container mx-auto px-4 py-16">
 
+    <h1 class="text-4xl font-bold text-center mb-4">FAQ</h1>
 
+    <p class="text-center text-gray-600 mb-4">Below FAQ are some common concerns of our clients before purchasing the theme.</p>
 
+    <p class="text-center text-gray-600 mb-12">If you have other questions, please just send it to <a href="mailto:support@mietubl.com" class="text-orange-500 hover:underline">support@mietubl.com</a>.</p>
 
+
 
+    <div class="max-w-3xl mx-auto space-y-8 [&>*]:space-y-6 [&>*>*]:space-y-4 [&_p]:leading-8 [&_li]:leading-8">
 
+
 
+        {{page.content | raw }}
 
+    </div>
 
+</div>
 
+
 
+
 
+
 
+
 
+{% include '_footer.liquid' %}
 
+{% include '_footer_js.liquid' %}
 
+</body>
 
+</html>

A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 41 - 0
resources/views/liquid_src/1/jumi_mobile/products_categories.liquid


A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 39 - 0
resources/views/liquid_src/1/jumi_mobile/products_detail.liquid


+ 1 - 0
resources/views/liquid_src/1/jumi_mobile/version.liquid
Fájl Megtekintése 

@@ -0,0 +1 @@
 
+<!-- update date 2024-12-12 11:45 -->

+ 126 - 0
resources/views/liquid_src/1/jumi_mobile/videos_categories.liquid
Fájl Megtekintése 

@@ -0,0 +1,126 @@
 
+<!DOCTYPE html>
 
+<html lang="{{site.dist.country_lang }}">
 
+<head>
 
+<meta charset="utf-8">
 
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+<meta name="robots" content="index, follow">
 
+<meta property="og:locale" content="{{site.dist.country_lang | replace: '-', '_' }}" />
 
+<meta name="author" content="Mietubl">
 
+<meta name="description" content="{{ tag.seo_description | strip_html| strip_newlines  }}">
 
+<meta name="keywords" content="{{tag.seo_keywords}}">
 
+<title>{{tag.seo_title}}</title>
 
+{% include '_header_css.liquid' %}
 
+</head>
 
+<body>
 
+
 
+<!-- MAIN WRAPPER -->
 
+<div class="body-wrap shop-default shop-cards shop-tech">
 
+    <div id="st-container" class="st-container">
 
+
 
+        <div class="st-pusher">
 
+            <div class="st-content">
 
+                <div class="st-content-inner">
 
+                    <!-- HEADER -->
 
+                    {% include '_header.liquid' %}
 
+                    <!-- END: HEADER -->
 
+                    <!-- BREADCRUMB -->
 
+                    <section class="slice sct-color-1">
 
+                        <div class="container">
 
+                            <div class="page-title">
 
+                                <div class="row align-items-center">
 
+                                    <div class="d-flex justify-content-end col-lg-12 col-12">
 
+                                        {% for  breadcrumb in breadcrumbs %}
 
+                                            <h2 class="heading heading-6 text-capitalize strong-500 mb-0">
 
+                                                <a href="{{ breadcrumb.url }}" class="link text-underline--none">
 
+                                                    &nbsp;
 
+                                                    {% if forloop.index == 1 %}
 
+                                                        <!-- 第一个 breadcrumb 使用 ion-ios-home 图标 -->
 
+                                                        <i class="ion-ios-home"></i>
 
+                                                    {% else %}
 
+                                                        <!-- 其它 breadcrumb 使用 ion-ios-arrow-forward 图标 -->
 
+                                                        <i class="ion-ios-arrow-forward"></i>
 
+                                                    {% endif %}
 
+                                                    {{ breadcrumb.name }}
 
+                                                </a>
 
+                                            </h2>
 
+                                        {% endfor %}
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </section>
 
+                    <!-- END: BREADCRUMB -->
 
+                    <section class="slice sct-color-1">
 
+                        <div class="container">
 
+                            <div class="row align-items-center">
 
+                                <div class="col-12" >
 
+                                    <h3 class="heading heading-3 strong-600 text-uppercase mb-0 text-center">{{ tag.name }}</h3>
 
+                                </div>
 
+
 
+                            </div>
 
+
 
+                            <div class="row cols-md-space cols-sm-space cols-xs-space">
 
+
 
+                                {% for item in videos %}
 
+                                    <div class="col-lg-4 col-wrapper--spaced-y">
 
+                                        <div class="card z-depth-2-top">
 
+                                            <div class="card-image">
 
+                                                <div class="view view-first">
 
+                                                    <a href="/videos/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}">
 
+
 
+                                                        {% assign cover_image_url = item.cover_image %}
 
+                                                        {% if cover_image_url %}
 
+                                                            {% if cover_image_url contains 'http' %}
 
+                                                                <img src="{{ cover_image_url }}" alt="Cover Image">
 
+                                                            {% else %}
 
+                                                                <img src="{{ site.image_base_url }}{{ cover_image_url | append: '?x-oss-process=image/resize,m_pad,w_400,h_400' }}" alt="Cover Image">
 
+                                                            {% endif %}
 
+                                                        {% else %}
 
+                                                            <div class="img-center default-image-thumbnail no-image-placeholder-thumbnail">
 
+                                                                <span>No Image</span>
 
+                                                            </div>
 
+                                                        {% endif %}
 
+
 
+                                                    </a>
 
+                                                </div>
 
+                                            </div>
 
+
 
+                                            <div class="card-body">
 
+                                                <h3 class="heading heading-5 strong-500 mb-0 title-over-flow" >
 
+                                                    <a href="/videos/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | strip_html }}">{{ item.title | strip_html }}</a>
 
+                                                </h3>
 
+                                            </div>
 
+
 
+                                            <div class="card-footer">
 
+                                                <div class="row">
 
+
 
+                                                    <div class="col text-right">
 
+                                                        <ul class="inline-links inline-links--style-2">
 
+                                                            <li>
 
+                                                                {{item.post_date }}
 
+                                                            </li>
 
+                                                        </ul>
 
+                                                    </div>
 
+                                                </div>
 
+                                            </div>
 
+                                        </div>
 
+                                    </div>
 
+                                {% endfor %}
 
+
 
+
 
+
 
+
 
+
 
+                            </div>
 
+                        </div>
 
+                    </section>    <!-- FOOTER -->
 
+                    {% include '_footer.liquid' %}
 
+                </div>
 
+            </div>
 
+        </div><!-- END: st-pusher -->
 
+    </div><!-- END: st-container -->
 
+</div><!-- END: body-wrap -->
 
+<a href="#" class="back-to-top btn-back-to-top"></a>
 
+{% include '_footer_js.liquid' %}
 
+</body>
 
+</html>

+ 147 - 0
resources/views/liquid_src/1/jumi_mobile/videos_detail.liquid
Fájl Megtekintése 

@@ -0,0 +1,147 @@
 
+<!DOCTYPE html>
 
+<html lang="{{site.dist.country_lang }}">
 
+<head>
 
+<meta charset="utf-8">
 
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+<meta name="robots" content="index, follow">
 
+<meta property="og:locale" content="{{site.dist.country_lang | replace: '-', '_' }}" />
 
+<meta name="author" content="Mietubl">
 
+<meta name="description" content="{{ page.seo_description  | strip_html| strip_newlines }}">
 
+<meta name="keywords" content="{{page.seo_keywords}}">
 
+<title>{{page.seo_title}}</title>
 
+
 
+{% include '_header_css.liquid' %}
 
+</head>
 
+<body>
 
+
 
+<!-- MAIN WRAPPER -->
 
+<div class="body-wrap shop-default shop-cards shop-tech">
 
+    <div id="st-container" class="st-container">
 
+        <div class="st-pusher">
 
+            <div class="st-content">
 
+                <div class="st-content-inner">
 
+                    <!-- HEADER -->
 
+                    {% include '_header.liquid' %}
 
+                    <!-- END: HEADER -->
 
+                    <!-- BREADCRUMB -->
 
+                    <section class="slice sct-color-1">
 
+                        <div class="container">
 
+                            <div class="page-title">
 
+                                <div class="row align-items-center">
 
+                                    <div class="d-flex justify-content-end col-lg-12 col-12">
 
+                                        {% for  breadcrumb in breadcrumbs %}
 
+                                            <h2 class="heading heading-6 text-capitalize strong-500 mb-0">
 
+                                                <a href="{{ breadcrumb.url }}" class="link text-underline--none">
 
+                                                    &nbsp;
 
+                                                    {% if forloop.index == 1 %}
 
+                                                        <!-- 第一个 breadcrumb 使用 ion-ios-home 图标 -->
 
+                                                        <i class="ion-ios-home"></i>
 
+                                                    {% else %}
 
+                                                        <!-- 其它 breadcrumb 使用 ion-ios-arrow-forward 图标 -->
 
+                                                        <i class="ion-ios-arrow-forward"></i>
 
+                                                    {% endif %}
 
+                                                    {{ breadcrumb.name }}
 
+                                                </a>
 
+                                            </h2>
 
+                                        {% endfor %}
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </section>
 
+                    <!-- END: BREADCRUMB -->
 
+                    <section class="slice sct-color-1">
 
+                        <div class="container">
 
+
 
+                                    <div class="block block-post">
 
+                                        <div class="block-body block-post-body">
 
+                                            <h1>
 
+                                                {{ video.title | raw }}
 
+                                            </h1>
 
+
 
+
 
+                                            <div class="d-flex justify-content-center">
 
+                                                <div style="position: relative; width: 90%; padding-top: 56.25%;"> <!-- 16:9 ratio -->
 
+                                                    <iframe
 
+                                                        src="{{ video.video_url | raw }}"
 
+                                                        title="YouTube video player"
 
+                                                        frameborder="0"
 
+                                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
 
+                                                        referrerpolicy="strict-origin-when-cross-origin"
 
+                                                        allowfullscreen
 
+                                                        style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
 
+                                                    ></iframe>
 
+                                                </div>
 
+                                            </div>
 
+                                        </div>
 
+                                    <!-- Comment form -->
 
+                                </div>
 
+                             </div>
 
+                    </section>
 
+
 
+                    {{ page.page_type }}
 
+                    {% if page.page_type == 0 %}
 
+                    <section class="slice sct-color-1">
 
+                        <div class="container">
 
+                        <div class="pt-5">
 
+                                <nav aria-label="Product pagination">
 
+                                    <ul class="pagination pagination--style-2 justify-content-center">
 
+                                        <!-- Previous Page Link -->
 
+                                        {% if paginator.previous_page %}
 
+                                            <li class="page-item">
 
+                                                <a class="page-link" href="{{ paginator.previous_page_url }}" tabindex="-1">Previous</a>
 
+                                            </li>
 
+                                        {% else %}
 
+                                            <li class="page-item disabled">
 
+                                                <a class="page-link" href="#" tabindex="-1">Previous</a>
 
+                                            </li>
 
+                                        {% endif %}
 
+
 
+                                        <!-- Next Page Link -->
 
+                                        {% if paginator.next_page %}
 
+                                            <li class="page-item">
 
+                                                <a class="page-link" href="{{ paginator.next_page_url }}">Next</a>
 
+                                            </li>
 
+                                        {% else %}
 
+                                            <li class="page-item disabled">
 
+                                                <a class="page-link" href="#">Next</a>
 
+                                            </li>
 
+                                        {% endif %}
 
+                                    </ul>
 
+                                </nav>
 
+                            </div>
 
+                        </div>
 
+                    </section>
 
+                    {% endif %}
 
+
 
+                    <!-- FOOTER -->
 
+                    {% include '_footer.liquid' %}
 
+                </div>
 
+            </div>
 
+        </div><!-- END: st-pusher -->
 
+    </div><!-- END: st-container -->
 
+</div><!-- END: body-wrap -->
 
+<a href="#" class="back-to-top btn-back-to-top"></a>
 
+{% include '_footer_js.liquid' %}
 
+
 
+<!-- Isotope -->
 
+<script src="{{ site.image_base_url }}static/tpl/tech_vista/js/isotope.min.js"></script>
 
+<script src="{{ site.image_base_url }}static/tpl/tech_vista/js/imagesloaded.pkgd.min.js"></script>
 
+
 
+<!-- Deso Slide -->
 
+<script src="{{ site.image_base_url }}static/tpl/tech_vista/js/jquery.desoslide.min.js"></script>
 
+<script>
 
+    $('#slideshow').desoSlide({
 
+        thumbs: $('#slideshow_thumbs .swiper-slide > a'),
 
+        thumbEvent: 'click',
 
+        first: 0,
 
+        effect: 'none',
 
+        overlay: 'none',
 
+        controls: {
 
+            show: false,
 
+            keys: false
 
+        },
 
+    });
 
+</script>
 
+</body>
 
+</html>

Nem az összes módosított fájl került megjelenítésre, mert túl sok fájl változott