Project-Pro/newwalls.pl
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-04 15:50:30 +02:00
parent 391a3697de
commit 59410b9825
5 changed files with 2765 additions and 2730 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
themes/ayon/assets/css/custom.css
View File

File diff suppressed because one or more lines are too long

2
themes/ayon/assets/css/custom.css.map
View File

File diff suppressed because one or more lines are too long

170
themes/ayon/assets/css/custom.scss
View File

@@ -4,10 +4,8 @@
*/ */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap');
$fInter: 'Inter', $fInter: 'Inter', sans-serif;
sans-serif; $fNotoSerifDisplay: 'Noto Serif Display', serif;
$fNotoSerifDisplay: 'Noto Serif Display',
serif;
$cDark: #3c3c3c; $cDark: #3c3c3c;
$cGold: #806d4b; $cGold: #806d4b;
@@ -113,11 +111,15 @@ body#module-ph_simpleblog-category rs-fullwidth-wrap {
display: none; display: none;
} }
body:not(#index) #header:not(.normal) .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li>a { body:not(#index)
#header:not(.normal)
.layout_layout1:not(.ybc_vertical_menu)
.mm_menus_li
> a {
color: #1c1c1c !important; color: #1c1c1c !important;
} }
body:not(#index) #header:not(.normal) .row.action>div svg * { body:not(#index) #header:not(.normal) .row.action > div svg * {
stroke: #1c1c1c !important; stroke: #1c1c1c !important;
} }
@@ -144,29 +146,29 @@ body:not(#index) #header:not(.normal) .logo-trans {
color: #fff; color: #fff;
} }
body#index #roycontent_top>.row>ul>li:nth-child(2)>.li-cont>a>h2, body#index #roycontent_top > .row > ul > li:nth-child(2) > .li-cont > a > h2,
body#index #roycontent_top>.row>ul>li:nth-child(4)>.li-cont>a>h2 { body#index #roycontent_top > .row > ul > li:nth-child(4) > .li-cont > a > h2 {
width: 50%; width: 50%;
float: left; float: left;
opacity: 1 !important; opacity: 1 !important;
} }
body#index #roycontent_top>.row>ul>li:nth-child(2)>.li-cont>a>img, body#index #roycontent_top > .row > ul > li:nth-child(2) > .li-cont > a > img,
body#index #roycontent_top>.row>ul>li:nth-child(4)>.li-cont>a>img { body#index #roycontent_top > .row > ul > li:nth-child(4) > .li-cont > a > img {
width: 50%; width: 50%;
float: right; float: right;
} }
body#index #roycontent_top>.row>ul>li:nth-child(3)>.li-cont>a>h2, body#index #roycontent_top > .row > ul > li:nth-child(3) > .li-cont > a > h2,
body#index #roycontent_top>.row>ul>li:nth-child(5)>.li-cont>a>h2 { body#index #roycontent_top > .row > ul > li:nth-child(5) > .li-cont > a > h2 {
width: 50%; width: 50%;
float: right; float: right;
margin-left: 50%; margin-left: 50%;
opacity: 1 !important; opacity: 1 !important;
} }
body#index #roycontent_top>.row>ul>li:nth-child(3)>.li-cont>a>img, body#index #roycontent_top > .row > ul > li:nth-child(3) > .li-cont > a > img,
body#index #roycontent_top>.row>ul>li:nth-child(5)>.li-cont>a>img { body#index #roycontent_top > .row > ul > li:nth-child(5) > .li-cont > a > img {
width: 50%; width: 50%;
float: left; float: left;
} }
@@ -318,7 +320,6 @@ body#index #roycontent_top ul li {
} }
@media (max-width: 991px) { @media (max-width: 991px) {
body#product #tabsection, body#product #tabsection,
body#product #roycontent_productbeforebuy { body#product #roycontent_productbeforebuy {
width: 100%; width: 100%;
@@ -334,7 +335,7 @@ body#index #roycontent_top ul li {
} }
} }
#roycontent_footer .row>ul>li { #roycontent_footer .row > ul > li {
width: 100%; width: 100%;
} }
@@ -362,7 +363,7 @@ body#index #roycontent_top ul li {
} }
} }
.footer-container>.container>.row { .footer-container > .container > .row {
display: none; display: none;
} }
@@ -435,7 +436,7 @@ body.wcag * {
box-shadow: none !important; box-shadow: none !important;
} }
body.wcag .ets_mm_block>h4>a { body.wcag .ets_mm_block > h4 > a {
color: #ffff00 !important; color: #ffff00 !important;
} }
@@ -444,7 +445,7 @@ body.wcag .ets_mm_megamenu.transition_default .mm_menus_li .mm_columns_ul {
border: 10px solid #ffff00 !important; border: 10px solid #ffff00 !important;
} }
body.wcag #header.normal .row.action>div svg * { body.wcag #header.normal .row.action > div svg * {
stroke: #ffff00 !important; stroke: #ffff00 !important;
} }
@@ -522,9 +523,9 @@ main.filtersHidden #left-column {
} }
} }
body.size-2 *:not(span):not(p)>a, body.size-2 *:not(span):not(p) > a,
body.size-2 p, body.size-2 p,
body.size-2 *:not(a):not(button)>span:not(.mm_bubble_text), body.size-2 *:not(a):not(button) > span:not(.mm_bubble_text),
body.size-2 h1, body.size-2 h1,
body.size-2 h2, body.size-2 h2,
body.size-2 h3, body.size-2 h3,
@@ -538,9 +539,9 @@ body.size-2 .btn:not(.btn-touchspin) {
line-height: 120% !important; line-height: 120% !important;
} }
body.size-3 *:not(span):not(p)>a, body.size-3 *:not(span):not(p) > a,
body.size-3 p, body.size-3 p,
body.size-3 *:not(a):not(button)>span:not(.mm_bubble_text), body.size-3 *:not(a):not(button) > span:not(.mm_bubble_text),
body.size-3 h1, body.size-3 h1,
body.size-3 h2, body.size-3 h2,
body.size-3 h3, body.size-3 h3,
@@ -554,9 +555,9 @@ body.size-3 .btn:not(.btn-touchspin) {
line-height: 140% !important; line-height: 140% !important;
} }
body.size-4 *:not(span):not(p)>a, body.size-4 *:not(span):not(p) > a,
body.size-4 p, body.size-4 p,
body.size-4 *:not(a):not(button)>span:not(.mm_bubble_text), body.size-4 *:not(a):not(button) > span:not(.mm_bubble_text),
body.size-4 h1, body.size-4 h1,
body.size-4 h2, body.size-4 h2,
body.size-4 h3, body.size-4 h3,
@@ -570,9 +571,9 @@ body.size-4 .btn:not(.btn-touchspin) {
line-height: 160% !important; line-height: 160% !important;
} }
body.size-5 *:not(span):not(p)>a, body.size-5 *:not(span):not(p) > a,
body.size-5 p, body.size-5 p,
body.size-5 *:not(a):not(button)>span:not(.mm_bubble_text), body.size-5 *:not(a):not(button) > span:not(.mm_bubble_text),
body.size-5 h1, body.size-5 h1,
body.size-5 h2, body.size-5 h2,
body.size-5 h3, body.size-5 h3,
@@ -723,8 +724,8 @@ h6 a {
color: #000; color: #000;
} }
.product_image_wrapper>.images-container>.mask, .product_image_wrapper > .images-container > .mask,
.product_image_wrapper>.images-container>.mask .thumb-container { .product_image_wrapper > .images-container > .mask .thumb-container {
overflow: visible !important; overflow: visible !important;
} }
@@ -881,7 +882,12 @@ body#product #main .images-container {
margin: auto; margin: auto;
} }
body#product #main .images-container .product-images li.thumb-container .thumb.dark { body#product
#main
.images-container
.product-images
li.thumb-container
.thumb.dark {
opacity: 0.3; opacity: 0.3;
} }
@@ -908,7 +914,7 @@ body#product #human {
} }
} }
.wariant_kolorystyczny>label { .wariant_kolorystyczny > label {
cursor: pointer; cursor: pointer;
} }
@@ -932,11 +938,11 @@ body#category #category-description {
display: none !important; display: none !important;
} }
body.cms-id-9 #content>p:first-child { body.cms-id-9 #content > p:first-child {
height: 18.6vw; height: 18.6vw;
} }
body.cms-id-9 #content>p:first-child img { body.cms-id-9 #content > p:first-child img {
position: absolute; position: absolute;
left: 0; left: 0;
} }
@@ -1143,7 +1149,7 @@ body#product main {
font-weight: normal; font-weight: normal;
} }
.radio-item input[type='radio']:checked+label:after { .radio-item input[type='radio']:checked + label:after {
border-radius: 11px; border-radius: 11px;
width: 14px; width: 14px;
height: 14px; height: 14px;
@@ -1155,7 +1161,7 @@ body#product main {
background-color: black !important; background-color: black !important;
} }
.radio-item input[type='radio']:checked+.switchColor.customInput:after { .radio-item input[type='radio']:checked + .switchColor.customInput:after {
background-color: yellow !important; background-color: yellow !important;
} }
@@ -1257,7 +1263,7 @@ body#product main {
order: 2; order: 2;
} }
body#index #roycontent_top ul li:nth-child(2)>.li-cont { body#index #roycontent_top ul li:nth-child(2) > .li-cont {
width: 100%; width: 100%;
} }
@@ -1269,7 +1275,7 @@ body#product main {
order: 4; order: 4;
} }
body#index #roycontent_top ul li:nth-child(4)>.li-cont { body#index #roycontent_top ul li:nth-child(4) > .li-cont {
width: 100%; width: 100%;
} }
@@ -1281,7 +1287,7 @@ body#product main {
order: 7; order: 7;
} }
body#index #roycontent_top ul li:nth-child(6)>.li-cont { body#index #roycontent_top ul li:nth-child(6) > .li-cont {
width: 100%; width: 100%;
} }
@@ -1511,7 +1517,7 @@ body.cms-id-16 {
width: 100%; width: 100%;
max-width: 910px; max-width: 910px;
>li { > li {
&:not(:last-child) { &:not(:last-child) {
margin-bottom: 70px; margin-bottom: 70px;
} }
@@ -1533,7 +1539,7 @@ body.cms-id-16 {
} }
} }
>ul { > ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
@@ -1600,7 +1606,7 @@ body.cms-id-17 {
width: 100%; width: 100%;
max-width: 910px; max-width: 910px;
>li { > li {
&:not(:last-child) { &:not(:last-child) {
margin-bottom: 70px; margin-bottom: 70px;
} }
@@ -1623,7 +1629,7 @@ body.cms-id-17 {
} }
} }
>ul { > ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
@@ -1692,7 +1698,7 @@ body.cms-id-18 {
padding-top: 15px !important; padding-top: 15px !important;
#content { #content {
>h2 { > h2 {
font-size: 30px; font-size: 30px;
margin-bottom: 50px; margin-bottom: 50px;
margin-left: 380px; margin-left: 380px;
@@ -1704,8 +1710,8 @@ body.cms-id-18 {
padding: 0; padding: 0;
} }
>ul { > ul {
>li { > li {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@@ -2224,7 +2230,7 @@ body#index {
margin-bottom: 20px; margin-bottom: 20px;
} }
>div[class^='col-'] { > div[class^='col-'] {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
@@ -2641,7 +2647,7 @@ footer#footer {
font-size: 16px; font-size: 16px;
line-height: 2; line-height: 2;
>a { > a {
color: inherit; color: inherit;
font-family: inherit; font-family: inherit;
font-style: inherit; font-style: inherit;
@@ -2695,9 +2701,11 @@ footer#footer {
padding-top: 30px; padding-top: 30px;
border-top: 1px solid #ffffff; border-top: 1px solid #ffffff;
._footer_col_1 {} ._footer_col_1 {
}
._footer_col_2 {} ._footer_col_2 {
}
ul { ul {
li { li {
@@ -2725,7 +2733,7 @@ footer#footer {
li.htmlcontent-item-id-40 { li.htmlcontent-item-id-40 {
padding: 140px 0 50px; padding: 140px 0 50px;
>div.li-cont { > div.li-cont {
position: initial; position: initial;
} }
@@ -2761,7 +2769,8 @@ footer#footer {
margin-bottom: 50px; margin-bottom: 50px;
} }
a {} a {
}
} }
._box-partners { ._box-partners {
@@ -2947,9 +2956,11 @@ footer#footer {
column-gap: 120px; column-gap: 120px;
._c-col { ._c-col {
&-1 {} &-1 {
}
&-2 {} &-2 {
}
._c-tile { ._c-tile {
width: 100%; width: 100%;
@@ -3254,7 +3265,8 @@ footer#footer {
line-height: 18px; line-height: 18px;
text-align: right; text-align: right;
.pp-carousel__priceSuffix {} .pp-carousel__priceSuffix {
}
} }
} }
} }
@@ -3794,7 +3806,7 @@ body#product .product-variants-data--new {
padding: 0; padding: 0;
} }
.product-variants-grid>.product-variants { .product-variants-grid > .product-variants {
display: block; display: block;
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -3806,11 +3818,11 @@ body#product .product-variants-data--new {
float: none; float: none;
} }
.product-variants-grid>.product-variants>.control-label { .product-variants-grid > .product-variants > .control-label {
display: none; display: none;
} }
.product-variants-grid ul[id^="group_"] { .product-variants-grid ul[id^='group_'] {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -3832,7 +3844,7 @@ body#product .product-variants-data--new {
list-style: none; list-style: none;
} }
.product-variants-grid li.wariant_kolorystyczny>label { .product-variants-grid li.wariant_kolorystyczny > label {
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -3860,7 +3872,7 @@ body#product .product-variants-data--new {
display: block; display: block;
outline: 2px solid transparent; outline: 2px solid transparent;
outline-offset: 2px; outline-offset: 2px;
transition: outline-color .15s ease-in-out; transition: outline-color 0.15s ease-in-out;
} }
.sr-only.tip { .sr-only.tip {
@@ -3878,7 +3890,7 @@ body#product .product-variants-data--new {
font-weight: 400; font-weight: 400;
} }
>span.color { > span.color {
display: none; display: none;
} }
@@ -3887,7 +3899,10 @@ body#product .product-variants-data--new {
} }
} }
.product-variants-grid li.wariant_kolorystyczny>label:has(input.input-color:checked) img { .product-variants-grid
li.wariant_kolorystyczny
> label:has(input.input-color:checked)
img {
outline-color: #7d6e4f; outline-color: #7d6e4f;
} }
} }
@@ -3946,7 +3961,9 @@ body#product .product-size-data .product-size-data--new {
padding: 6px 12px; padding: 6px 12px;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 4px; border-radius: 4px;
transition: border-color 0.15s, background 0.15s; transition:
border-color 0.15s,
background 0.15s;
&:hover { &:hover {
border-color: #7d6e4f; border-color: #7d6e4f;
@@ -3968,12 +3985,11 @@ body#product .product-size-data .product-size-data--new {
} }
} }
// ============================================================================ // ============================================================================
// Phase 02 Plan 02-02: add-to-cart loading state (nowy layout). // Phase 02 Plan 02-02: add-to-cart loading state (nowy layout).
// ============================================================================ // ============================================================================
body#product .product-bar { body#product .product-bar {
[data-button-action="add-to-cart"] { [data-button-action='add-to-cart'] {
&.loading { &.loading {
opacity: 0.6; opacity: 0.6;
pointer-events: none; pointer-events: none;
@@ -4001,10 +4017,30 @@ body#product .product-bar {
} }
@keyframes addToCartSpin { @keyframes addToCartSpin {
to { transform: rotate(360deg); } to {
transform: rotate(360deg);
}
} }
@keyframes addToCartFlash { @keyframes addToCartFlash {
0% { box-shadow: 0 0 0 0 rgba(73, 190, 37, 0.6); } 0% {
100% { box-shadow: 0 0 0 24px rgba(73, 190, 37, 0); } box-shadow: 0 0 0 0 rgba(73, 190, 37, 0.6);
}
100% {
box-shadow: 0 0 0 24px rgba(73, 190, 37, 0);
}
}
body#product {
#main.new-product-ui {
.product_image {
padding: 30px 30px 0 0;
.product_image_wrapper {
#human {
display: none !important;
}
}
}
}
} }

8
themes/ayon/templates/catalog/_partials/product-variants.tpl
View File

@@ -40,9 +40,9 @@
</div> </div>
<div class="product-bar-box"> <div class="product-bar-box">
{if $id_attribute_group == 5} {if $id_attribute_group == 5}
<span class="control-label">Struktura materiału</span> <span class="control-label 1">Struktura materiału</span>
{else} {else}
<span class="control-label">{$group.name}:</span> <span class="control-label 2">{$group.name}:</span>
{/if} {/if}
<select <select
class="form-control form-control-select {if $id_attribute_group == 5}hidden{/if}" class="form-control form-control-select {if $id_attribute_group == 5}hidden{/if}"
@@ -55,7 +55,7 @@
</select> </select>
</div> </div>
{elseif $group.group_type == 'color' && $product_variant_mode == 2} {elseif $group.group_type == 'color' && $product_variant_mode == 2}
<span class="control-label">{$group.name}</span> <span class="control-label 3">{$group.name}</span>
<ul id="group_{$id_attribute_group}"> <ul id="group_{$id_attribute_group}">
{foreach from=$group.attributes key=id_attribute item=group_attribute} {foreach from=$group.attributes key=id_attribute item=group_attribute}
<li class="float-xs-left input-container wariant_kolorystyczny"> <li class="float-xs-left input-container wariant_kolorystyczny">
@@ -82,7 +82,7 @@
{/foreach} {/foreach}
</ul> </ul>
{elseif $group.group_type == 'radio'} {elseif $group.group_type == 'radio'}
<span class="control-label">{$group.name}</span> <span class="control-label 4">{$group.name}</span>
<ul id="group_{$id_attribute_group}"> <ul id="group_{$id_attribute_group}">
{foreach from=$group.attributes key=id_attribute item=group_attribute} {foreach from=$group.attributes key=id_attribute item=group_attribute}
<li class="input-container float-xs-left"> <li class="input-container float-xs-left">

9
themes/ayon/templates/catalog/product.tpl
View File

@@ -50,10 +50,10 @@
{if $smarty.server.REMOTE_ADDR != '89.69.31.86'} {if $smarty.server.REMOTE_ADDR != '91.189.216.43'}
{block name='content'} {block name='content'}
<section id="main" itemscope itemtype="https://schema.org/Product"> <section id="main" t="{$smarty.server.REMOTE_ADDR}" itemscope itemtype="https://schema.org/Product">
<meta itemprop="url" content="{$product.url}"> <meta itemprop="url" content="{$product.url}">
<meta itemprop="gtin13" content="{$product.ean13}" /> <meta itemprop="gtin13" content="{$product.ean13}" />
<meta itemprop="brand" content="{if isset($pl_manufacturer)}{$pl_manufacturer}{else}{$shop.name}{/if}" /> <meta itemprop="brand" content="{if isset($pl_manufacturer)}{$pl_manufacturer}{else}{$shop.name}{/if}" />
@@ -522,10 +522,9 @@
<div class="piece-left-positon hidden">10</div> <div class="piece-left-positon hidden">10</div>
<div class="piece-top-positon hidden">10</div> <div class="piece-top-positon hidden">10</div>
{/block} {/block}
{/if} {else}
{if $smarty.server.REMOTE_ADDR == '89.69.31.86'}
{block name='content'} {block name='content'}
<section id="main" itemscope itemtype="https://schema.org/Product"> <section id="main" class="new-product-ui" itemscope itemtype="https://schema.org/Product">
<meta itemprop="url" content="{$product.url}"> <meta itemprop="url" content="{$product.url}">
<meta itemprop="gtin13" content="{$product.ean13}" /> <meta itemprop="gtin13" content="{$product.ean13}" />
<meta itemprop="brand" content="{if isset($pl_manufacturer)}{$pl_manufacturer}{else}{$shop.name}{/if}" /> <meta itemprop="brand" content="{if isset($pl_manufacturer)}{$pl_manufacturer}{else}{$shop.name}{/if}" />