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

Add new banners for single product and "materace" category

Browse Source
This commit is contained in:
Roman Pyrih
2025-10-27 13:43:28 +01:00
parent 95b6ff255c
commit 5f09f3816b
6 changed files with 238 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
themes/leo_lulandia/assets/css/dr_materac.css
View File

File diff suppressed because one or more lines are too long

2
themes/leo_lulandia/assets/css/dr_materac.css.map
View File

File diff suppressed because one or more lines are too long

144
themes/leo_lulandia/assets/css/dr_materac.scss
View File

@@ -5850,3 +5850,147 @@ body {
font-family: inherit;
}
}
body #product-services {
&.c-services-row {
display: flex;
flex-direction: row;
gap: 20px;
width: 100%;
.c-col {
width: calc(100% / 5 - (20px - (20px / 5)));
.c-block {
display: flex;
flex-direction: column;
row-gap: 15px;
align-items: center;
img {
width: 100%;
max-width: 80px;
}
p {
color: #3e2780;
font-size: 12px;
font-weight: 500;
text-align: center;
margin: 0;
}
}
}
}
}
body .c-category-box {
margin-top: 40px;
margin-bottom: 70px;
.c-box-row-1 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
column-gap: 50px;
margin-bottom: 50px;
.c-col-1 {
width: 100%;
max-width: 360px;
@media (max-width: 600px) {
max-width: unset;
}
h2 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
line-height: 1.1;
font-size: 38px;
margin-bottom: 30px;
@media (max-width: 765px) {
font-size: 30px;
}
}
p {
font-family: 'Poppins', sans-serif;
font-weight: 400;
line-height: 1.1;
font-size: 17px;
margin-bottom: 35px;
@media (max-width: 765px) {
font-size: 15px;
}
}
a {
display: inline-block;
color: #fff;
background: #7138e4;
padding: 15px 30px;
border-radius: 10px;
font-size: 18px;
font-weight: 400;
@media (max-width: 765px) {
font-size: 15px;
}
}
}
.c-col-2 {
@media (max-width: 600px) {
display: none;
}
.img-box {
img {
width: 100%;
max-width: 500px;
}
}
}
}
.c-box-row-2 {
#category-services {
display: flex;
flex-direction: row;
gap: 20px;
width: 100%;
@media (max-width: 600px) {
flex-wrap: wrap;
justify-content: center;
}
.c-col {
width: calc(100% / 5 - (20px - (20px / 5)));
@media (max-width: 600px) {
min-width: 100px;
}
.c-block {
display: flex;
flex-direction: column;
row-gap: 15px;
align-items: center;
img {
width: 100%;
max-width: 80px;
}
p {
color: #3e2780;
font-size: 12px;
font-weight: 500;
text-align: center;
margin: 0;
}
}
}
}
}
}

BIN
themes/leo_lulandia/assets/img/image-category.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

37
themes/leo_lulandia/modules/appagebuilder/views/templates/front/details/detail1526395446.tpl
View File

@@ -6,6 +6,41 @@
<meta itemprop="url" content="{$product.url}">
<div class="row">
<div class="col-form_id-form_9367402777406408 col-md-6 col-lg-6 col-xl-6 col-sm-12 col-xs-12 col-sp-12">
{block name='product_page_benefits'}
<div id="product-services" class="c-row c-services-row">
<div class="c-col">
<div class="c-block">
<img src="/img/14-dni-zwrot.png" alt="">
<p>14 Dni Na Zwrot</p>
</div>
</div>
<div class="c-col">
<div class="c-block">
<img src="/img/darmowa-dostawa.png" alt="">
<p>Darmowa dostawa od 0 zł</p>
</div>
</div>
<div class="c-col">
<div class="c-block">
<img src="/img/gwarancja-ceny.png" alt="">
<p>Gwarancja najniższej ceny</p>
</div>
</div>
<div class="c-col">
<div class="c-block">
<img src="/img/raty.png">
<p>Prawdziwe raty 0%</p>
</div>
</div>
<div class="c-col">
<div class="c-block">
<img src="/img/paypo-violet.png">
<p>Odroczone płatności</p>
</div>
</div>
</div>
{/block}
{block name='page_content_container'}
<section class="page-content" id="content" data-templateview="bottom" data-numberimage="5"
data-numberimage1200="5" data-numberimage992="4" data-numberimage768="3" data-numberimage576="3"
@@ -90,7 +125,7 @@
{/block}
</div>
<div class="col-form_id-form_15874367062488778 col-md-6 col-lg-6 col-xl-6 col-sm-12 col-xs-12 col-sp-12">
<div class="product_base_info">
<div class="product_base_info 1">
{block name='page_header_container'}
{block name='page_header'}
<h1 class="h1 product-detail-name" itemprop="name">{block name='page_title'}{$product.name}{/block}</h1>

56
themes/leo_lulandia/templates/layouts/layout-both-columns.tpl
View File

@@ -69,6 +69,62 @@
{block name='breadcrumb'}
{include file='_partials/breadcrumb.tpl'}
{/block}
{if $category.id == 42}
<div class="row">
<div class="col-xs-12">
<div class="c-category-box">
<div class="c-box-row-1">
<div class="c-col-1">
<h2>Nie wiesz, jaki materac wybrać?</h2>
<p>Odpowiedz na kilka prostych pytań - w 60 sekund podpowiemy, który model będzie dla Ciebie najlepszy.</p>
<a href="https://konfigurator.lulandia.pl/" target="_self">Uruchom konfigurator</a>
</div>
<div class="c-col-2">
<div class="img-box">
<img src="/themes/leo_lulandia/assets/img/image-category.png" alt="">
</div>
</div>
</div>
<div class="c-box-row-2">
<div id="category-services" class="c-row c-services-row">
<div class="c-col">
<div class="c-block">
<img src="/img/14-dni-zwrot.png" alt="">
<p>14 Dni Na Zwrot</p>
</div>
</div>
<div class="c-col">
<div class="c-block">
<img src="/img/darmowa-dostawa.png" alt="">
<p>Darmowa dostawa od 0 zł</p>
</div>
</div>
<div class="c-col">
<div class="c-block">
<img src="/img/gwarancja-ceny.png" alt="">
<p>Gwarancja najniższej ceny</p>
</div>
</div>
<div class="c-col">
<div class="c-block">
<img src="/img/raty.png">
<p>Prawdziwe raty 0%</p>
</div>
</div>
<div class="c-col">
<div class="c-block">
<img src="/img/paypo-violet.png">
<p>Odroczone płatności</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{/if}
<div class="row">
{block name="left_column"}
<div id="left-column" class="sidebar col-xs-12 col-sm-12 col-md-4 col-lg-3">