Project-Pro/vidok.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

save

Browse Source
This commit is contained in:
Roman Pyrih
2026-05-20 16:24:19 +02:00
parent 772f0206e3
commit 7d70cf5489
4 changed files with 63 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layout/style-css/home-page.css
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/home-page.css.map
View File

File diff suppressed because one or more lines are too long

2
layout/style-scss/home-page.scss
View File

@@ -286,7 +286,7 @@ strong {
height: 100%; height: 100%;
background: $cWhite; background: $cWhite;
border: 1px solid #d2cec4; border: 1px solid #d2cec4;
box-shadow: 0px 4px 19.8px 1px rgba(0, 0, 0, 0.25); // box-shadow: 0px 4px 19.8px 1px rgba(0, 0, 0, 0.25);
border-radius: 20px; border-radius: 20px;
overflow: hidden; overflow: hidden;

63
templates_user/pages/home-page-v2.php
View File

@@ -146,6 +146,55 @@
<h2 class="box-title">Spektrum <strong>możliwości</strong></h2> <h2 class="box-title">Spektrum <strong>możliwości</strong></h2>
<div class="swiper slider-box-2"> <div class="swiper slider-box-2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slide-wrapper">
<div class="slide-img">
<img src="/upload/filemanager/Pages/home-page/realiz-1.jpg" alt="">
</div>
<div class="slide-data">
<h3 class="slide-title">Rezydencje premium</h3>
<p>domy jednorodzinne, penthouse, houseboat, ogrody zimowe</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="slide-wrapper">
<div class="slide-img">
<img src="/upload/filemanager/Pages/home-page/realiz-2.jpg" alt="">
</div>
<div class="slide-data">
<h3 class="slide-title">Apartamenty i osiedla</h3>
<p>osiedla, apartamentowce, bliźniaki, szeregowce</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="slide-wrapper">
<div class="slide-img">
<img src="/upload/filemanager/Pages/home-page/realiz-3.jpg" alt="">
</div>
<div class="slide-data">
<h3 class="slide-title">Obiekty komercyjne</h3>
<p>hale produkcyjne, galerie handlowe, szpitale, szkoły, urzędy, biurowce</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="slide-wrapper">
<div class="slide-img">
<img src="/upload/filemanager/Pages/home-page/realiz-4.jpg" alt="">
</div>
<div class="slide-data">
<h3 class="slide-title">Obiekty zabytkowe</h3>
<p>kamienice historyczne, zamki, pałace, dwory, kościoły, obiekty sakralne, budynki pod nadzorem konserwatorskim</p>
</div>
</div>
</div>
</div>
</div>
<div class="box-2-gallery-source" hidden>
<div class="swiper slider-box-2-gallery-source">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<div class="slide-wrapper"> <div class="slide-wrapper">
@@ -280,7 +329,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="swiper-pagination"></div> </div>
</div> </div>
<div class="box-footer"> <div class="box-footer">
@@ -739,13 +788,21 @@
openGalleryBtn.addEventListener("click", function (event) { openGalleryBtn.addEventListener("click", function (event) {
event.preventDefault(); event.preventDefault();
var slideNodes = document.querySelectorAll(".slider-box-2 .swiper-slide"); var slideNodes = document.querySelectorAll(".slider-box-2-gallery-source .swiper-slide");
var items = Array.from(slideNodes).map(function (slide) { var items = Array.from(slideNodes).map(function (slide) {
var imageNode = slide.querySelector(".slide-img img"); var imageNode = slide.querySelector(".slide-img img");
var titleNode = slide.querySelector(".slide-title"); var titleNode = slide.querySelector(".slide-title");
var textNode = slide.querySelector(".slide-data p"); var textNode = slide.querySelector(".slide-data p");
var imageSrc = imageNode ? imageNode.getAttribute("src") : ""; var imageSrc = "";
if (imageNode) {
imageSrc =
imageNode.getAttribute("src") ||
imageNode.getAttribute("data-src") ||
imageNode.getAttribute("data-lazy-src") ||
imageNode.currentSrc ||
"";
}
var imageAlt = imageNode ? imageNode.getAttribute("alt") : ""; var imageAlt = imageNode ? imageNode.getAttribute("alt") : "";
var title = titleNode ? titleNode.innerHTML.trim() : ""; var title = titleNode ? titleNode.innerHTML.trim() : "";
var description = textNode ? textNode.innerHTML.trim() : ""; var description = textNode ? textNode.innerHTML.trim() : "";