This commit is contained in:
2026-05-04 15:50:30 +02:00
parent 391a3697de
commit 59410b9825
5 changed files with 2765 additions and 2730 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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,7 +111,11 @@ 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;
} }
@@ -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%;
@@ -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;
} }
@@ -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 {
@@ -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 {
}
} }
} }
} }
@@ -3810,7 +3822,7 @@ body#product .product-variants-data--new {
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;
@@ -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 {
@@ -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;
}
}
}
}
} }

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">

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}" />