LOREN
Shop bán những sản phẩm giá cực kì tốt và có tính cạnh tranh cao so với các shop khác, sản phẩm rất chi hài lòng
Thông tin sản phẩm đang được cập nhật
vay trai tim
Thương hiệu: LOREN
Mã: PVN14
Chất liệu: Đang cập nhật
Thông tin sản phẩm đang được cập nhật
Tìm kích cỡ phù hợp nhất với bạn
Chúng tôi tính toán cỡ vừa vặn nhất cho bạn dựa trên các số đo của riêng bạn
Nội dung hướng dẫn chọn size đang được cập nhật
//
.product-image-detail{
position:relative;
display:flex;
flex-flow:column;
align-items: center;
@media (min-width: 1100px) and (max-width: 1600px){
padding-left: 95px;
}
@media(max-width: 767px){
margin-bottom: 15px;
}
.gallery-top{
position: relative;
display: block;
border-radius: 0px;
//height: 950px;
width: 100%;
//padding: 10px;
margin-bottom:10px;
min-height:400px;
.swiper-slide {
text-align:center;
display: block;
min-height: 100vh;
.video{
height: 64px;
width: 64px;
background: url(https://bizweb.dktcdn.net/100/438/408/themes/848101/assets/play_vd.svg);
background-size: contain;
cursor: pointer;
opacity: 0.6;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
}
}
@media (max-width:767px) {
width:100%;
height:unset;
min-height:unset;
.swiper-slide {
min-height:unset;
}
img {
position:relative!important;
}
}
}
.thumbimageslide {
position: absolute;
width: 90px;
top: 0px;
left: 0;
height: 488px;
.swiper-button-prev {
&:after {
font-size:0;
}
font-size:0;
background-image: url("data:image/svg+xml;charset=utf-8,
<%2Fsvg>") !important;
width: 45px;
height: 45px;
background: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
&.swiper-button-disabled{opacity:0;}
}
.swiper-button-prev {
position: absolute;
top: 0;
border: none;
font-size: 0;
width: 90px;
height: 25px;
background: #FEEEEA;
background-repeat: no-repeat;
background-position: center;
background-image: url('https://bizweb.dktcdn.net/100/438/408/themes/848101/assets/leftarr.svg') !important;
left: 0;
margin: 0;
max-width: 100%;
}
.swiper-button-next {
&:after {
font-size:0;
}
font-size:0;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23444444'%2F%3E%3C%2Fsvg%3E") !important;
width: 45px;
height: 45px;
background: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
&.swiper-button-disabled{opacity:0;}
&:hover {
}
@media (max-width:767px) {
width: 30px;
height: 30px;
border-radius: 30px;
background-size: 12px;
}
}
.swiper-button-next {
top: initial;
bottom: -60px;
position: absolute;
border: none;
font-size: 0;
width: 90px;
height: 25px;
background: #FEEEEA;
background-repeat: no-repeat;
background-position: center;
background-image: url('https://bizweb.dktcdn.net/100/438/408/themes/848101/assets/rightarr.svg') !important;
left: 0;
margin: 0;
max-width: 100%;
}
}
.gallery-thumbs{
width: 100%;
height: 100%;
margin: 30px 0px;
.swiper-slide{
position: relative;
display: block;
border-radius: 0px;
border:solid 1px transparent;
cursor:pointer;
background:#fff;
margin-top:0!important;
img{
border-radius: 0px;
width: auto !important;
position: relative;
display: block;
margin:0 auto;
max-height:100%;
@media (max-width:767px) {
position:relative;
max-height:100%;
}
}
&.swiper-slide-thumb-active{
border-color: $main-color;
}
}
}
}
//
