|
@@ -32,14 +32,14 @@
|
|
|
|
|
|
|
|
|
|
<!-- Seção de Produtos -->
|
|
<!-- Seção de Produtos -->
|
|
-<section class="index-products py-5">
|
|
|
|
|
|
+<section class="index-products py-5 {% if site.mtb_preview == 1 %}products-show{% endif %}">
|
|
<div class="container">
|
|
<div class="container">
|
|
<h2 mtb_edit="1" id="ibjxa4" class="text-center mb-4">Nossos Produtos</h2>
|
|
<h2 mtb_edit="1" id="ibjxa4" class="text-center mb-4">Nossos Produtos</h2>
|
|
<hr class="w-25 mx-auto mb-5">
|
|
<hr class="w-25 mx-auto mb-5">
|
|
<div mtb_edit="2" mtb_toolbar="clone,delete" id="ilztiy" class="row">
|
|
<div mtb_edit="2" mtb_toolbar="clone,delete" id="ilztiy" class="row">
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<a href="#" mtb_edit="2">
|
|
<a href="#" mtb_edit="2">
|
|
- <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
|
|
|
|
|
|
+ <div class="card">
|
|
<img src="https://mietubl-dev.oss.mietubl.com.cn/static/tpl/screen_protector_solutions/image/p1.webp" alt="Máquinas para Protetores de Telas" class="card-img-top" mtb_edit="2"/>
|
|
<img src="https://mietubl-dev.oss.mietubl.com.cn/static/tpl/screen_protector_solutions/image/p1.webp" alt="Máquinas para Protetores de Telas" class="card-img-top" mtb_edit="2"/>
|
|
<div class="card-body">
|
|
<div class="card-body">
|
|
<h5 class="card-title" mtb_edit="2">Máquinas para Protetores de Telas</h5>
|
|
<h5 class="card-title" mtb_edit="2">Máquinas para Protetores de Telas</h5>
|
|
@@ -52,7 +52,7 @@
|
|
|
|
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<a href="#" mtb_edit="2" >
|
|
<a href="#" mtb_edit="2" >
|
|
- <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
|
|
|
|
|
|
+ <div class="card">
|
|
<img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p2.webp" class="card-img-top" alt="Protetores de Telas de Vidro" mtb_edit="2">
|
|
<img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p2.webp" class="card-img-top" alt="Protetores de Telas de Vidro" mtb_edit="2">
|
|
<div class="card-body">
|
|
<div class="card-body">
|
|
<h5 class="card-title" mtb_edit="2">Protetores de Telas de Vidro</h5>
|
|
<h5 class="card-title" mtb_edit="2">Protetores de Telas de Vidro</h5>
|
|
@@ -64,7 +64,7 @@
|
|
|
|
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<a href="#" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<a href="#" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
- <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
|
|
|
|
|
|
+ <div class="card">
|
|
<img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p3.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel" mtb_edit="2">
|
|
<img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p3.webp" class="card-img-top" alt="Protetores de Telas de Hidrogel" mtb_edit="2">
|
|
<div class="card-body" mtb_edit="2">
|
|
<div class="card-body" mtb_edit="2">
|
|
<h5 class="card-title" mtb_edit="2">Protetores de Telas de Hidrogel</h5>
|
|
<h5 class="card-title" mtb_edit="2">Protetores de Telas de Hidrogel</h5>
|
|
@@ -79,7 +79,7 @@
|
|
<div mtb_edit="2" mtb_toolbar="clone,delete" id="icljgq" class="row">
|
|
<div mtb_edit="2" mtb_toolbar="clone,delete" id="icljgq" class="row">
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<a href="#" mtb_edit="2">
|
|
<a href="#" mtb_edit="2">
|
|
- <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
|
|
|
|
|
|
+ <div class="card">
|
|
<img src="https://mietubl-dev.oss.mietubl.com.cn/static/tpl/screen_protector_solutions/image/p4.webp" alt="Fones Bluetooth" class="card-img-top" mtb_edit="2"/>
|
|
<img src="https://mietubl-dev.oss.mietubl.com.cn/static/tpl/screen_protector_solutions/image/p4.webp" alt="Fones Bluetooth" class="card-img-top" mtb_edit="2"/>
|
|
<div class="card-body">
|
|
<div class="card-body">
|
|
<h5 class="card-title" mtb_edit="2">Fones Bluetooth</h5>
|
|
<h5 class="card-title" mtb_edit="2">Fones Bluetooth</h5>
|
|
@@ -93,7 +93,7 @@
|
|
|
|
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<a href="#" mtb_edit="2">
|
|
<a href="#" mtb_edit="2">
|
|
- <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
|
|
|
|
|
|
+ <div class="card">
|
|
<img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p5.webp" class="card-img-top" alt="Alto Falantes" mtb_edit="2">
|
|
<img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p5.webp" class="card-img-top" alt="Alto Falantes" mtb_edit="2">
|
|
<div class="card-body">
|
|
<div class="card-body">
|
|
<h5 class="card-title" mtb_edit="2">Alto Falantes</h5>
|
|
<h5 class="card-title" mtb_edit="2">Alto Falantes</h5>
|
|
@@ -107,7 +107,7 @@
|
|
|
|
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<a href="#" mtb_edit="2">
|
|
<a href="#" mtb_edit="2">
|
|
- <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
|
|
|
|
|
|
+ <div class="card">
|
|
<img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p6.webp" class="card-img-top" alt="Headphones" mtb_edit="2">
|
|
<img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p6.webp" class="card-img-top" alt="Headphones" mtb_edit="2">
|
|
<div class="card-body">
|
|
<div class="card-body">
|
|
<h5 class="card-title" mtb_edit="2">Headphones</h5>
|
|
<h5 class="card-title" mtb_edit="2">Headphones</h5>
|
|
@@ -116,11 +116,13 @@
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
+ <div mtb_edit="2" mtb_toolbar="clone,delete" class="row">
|
|
|
|
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<a href="#" mtb_edit="2">
|
|
<a href="#" mtb_edit="2">
|
|
- <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
|
|
|
|
|
|
+ <div class="card">
|
|
<img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p7.webp" class="card-img-top" alt="Cabos de Dados" mtb_edit="2">
|
|
<img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p7.webp" class="card-img-top" alt="Cabos de Dados" mtb_edit="2">
|
|
<div class="card-body">
|
|
<div class="card-body">
|
|
<h5 class="card-title" mtb_edit="2">Cabos de Dados</h5>
|
|
<h5 class="card-title" mtb_edit="2">Cabos de Dados</h5>
|
|
@@ -132,7 +134,7 @@
|
|
|
|
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<a href="#" mtb_edit="2">
|
|
<a href="#" mtb_edit="2">
|
|
- <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
|
|
|
|
|
|
+ <div class="card">
|
|
<img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p8.webp" class="card-img-top" alt="Carregadores" mtb_edit="2">
|
|
<img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p8.webp" class="card-img-top" alt="Carregadores" mtb_edit="2">
|
|
<div class="card-body">
|
|
<div class="card-body">
|
|
<h5 class="card-title" mtb_edit="2">Carregadores</h5>
|
|
<h5 class="card-title" mtb_edit="2">Carregadores</h5>
|
|
@@ -144,7 +146,7 @@
|
|
|
|
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<div class="col-md-4 mb-4" mtb_edit="2" mtb_toolbar="clone,delete">
|
|
<a href="#" mtb_edit="2">
|
|
<a href="#" mtb_edit="2">
|
|
- <div class="card {% if site.mtb_preview == 1 %}animate{% endif %}">
|
|
|
|
|
|
+ <div class="card">
|
|
<img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p9.jpg" class="card-img-top" alt="Carregadores" mtb_edit="2">
|
|
<img src="{{ site.asset_base_url }}static/tpl/screen_protector_solutions/image/p9.jpg" class="card-img-top" alt="Carregadores" mtb_edit="2">
|
|
<div class="card-body">
|
|
<div class="card-body">
|
|
<h5 class="card-title" mtb_edit="2">Fones Auriculares</h5>
|
|
<h5 class="card-title" mtb_edit="2">Fones Auriculares</h5>
|
|
@@ -153,7 +155,6 @@
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
- <!-- Adicione mais cards conforme necessário -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
@@ -186,10 +187,17 @@
|
|
<script>
|
|
<script>
|
|
//主页轮播图
|
|
//主页轮播图
|
|
var swiper = new Swiper('.swiper-container', {
|
|
var swiper = new Swiper('.swiper-container', {
|
|
- pagination: '.swiper-pagination',
|
|
|
|
- paginationClickable: true,
|
|
|
|
- autoplay: 5000,
|
|
|
|
|
|
+ effect: 'flip', // 使用翻页效果
|
|
|
|
+ flip: { // Flip 效果的配置
|
|
|
|
+ slideShadows: false, // 滑动时显示阴影
|
|
|
|
+ limitRotation: true // 限制翻转角度
|
|
|
|
+ },
|
|
|
|
+ pagination: '.swiper-pagination', // 分页器
|
|
|
|
+ paginationClickable: true, // 分页器可点击
|
|
|
|
+ autoplay: 5000, // 自动播放间隔(毫秒)
|
|
|
|
+ loop: true // 循环播放
|
|
});
|
|
});
|
|
|
|
+
|
|
var swiperBottom = new Swiper('.swiper-container-bottom', {
|
|
var swiperBottom = new Swiper('.swiper-container-bottom', {
|
|
loop: true,
|
|
loop: true,
|
|
autoplay: 5000,
|
|
autoplay: 5000,
|