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
2025-08-07 12:13:56 +02:00
parent f44312fcb9
commit 5ea0b5507a
4 changed files with 228 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
layout/style-css/nav-menu.css Normal file
View File

File diff suppressed because one or more lines are too long

1
layout/style-css/nav-menu.css.map Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/nav-menu.scss"],"names":[],"mappings":"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","file":"nav-menu.css"}

108
layout/style-scss/nav-menu.scss Normal file
View File

@@ -0,0 +1,108 @@
@import 'variables';
@import '_mixins';
header#header {
.header-data {
// position: relative;
height: 54px;
}
#header-nav {
nav#header-mine-menu {
.submenu {
position: absolute;
left: 0;
right: 0;
top: calc(100% - 25px);
background: $cWhite;
border-bottom: 1px solid #dcdcdc;
box-shadow: 0 1.5px 4px 0 rgba(0, 0, 0, 0.05);
padding-top: 25px;
padding-bottom: 25px;
opacity: 0;
visibility: hidden;
}
ul {
list-style: none;
&:not(.container) {
padding: 0;
margin: 0;
}
&.lvl-1 {
display: flex;
flex-direction: row;
column-gap: 40px;
> li {
height: 54px;
align-content: center;
&:hover {
> .submenu {
opacity: 1;
visibility: visible;
}
}
> a {
display: flex;
flex-direction: row;
align-items: center;
column-gap: 5px;
span {
color: $cTxtBlack;
font-size: 15px;
font-family: $font3;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
margin-bottom: -4px;
}
}
}
}
&.lvl-2 {
// position: absolute;
// top: 100%;
// top: calc(100% - 25px);
// left: 0;
// right: 0;
// width: 100%;
// padding-top: 25px;
// padding-bottom: 25px;
// margin-left: auto;
// margin-right: auto;
// opacity: 0;
// visibility: hidden;
&::after {
// content: '';
// position: absolute;
// left: 50%;
// top: 0;
// bottom: 0;
// width: 100svw;
// // background: rgba($cWhite, 0.5);
// background: $cWhite;
// transform: translateX(-50%);
// // backdrop-filter: blur(10px);
// border-bottom: 1px solid #dcdcdc;
// box-shadow: 0 1.5px 4px 0 rgba(0, 0, 0, 0.05);
}
// > * {
// position: relative;
// z-index: 1;
// }
}
&.lvl-3 {
}
}
}
}
}

204
templates_user/components/nav-menu-2.php
View File

@@ -10,10 +10,11 @@
return false;
}
}
function nav_item($id, $lang) {
function nav_item($id, $lang, $parent = false) {
$item_url = \front\factory\Pages::lang_url($id, $lang);
$item_title = \front\factory\Pages::page_details($id, $lang)['language']['title'];
return "<a href=\"{$item_url}\"><span>{$item_title}</span></a>";
$img = $parent ? "<img src='/upload/filemanager/icon/arrow-down.svg'>" : '';
return "<a href=\"{$item_url}\"><span>{$item_title}</span>{$img}</a>";
}
?>
@@ -32,112 +33,143 @@
<!-- item 1 -->
<?php if(page_status(2, $lang_id)): ?>
<li>
<?= nav_item(2, $lang_id); ?>
<?= nav_item(2, $lang_id, true); ?>
<ul class="lvl-2">
<!-- item 1-1 -->
<?php if(page_status(9, $lang_id)): ?>
<li>
<?= nav_item(9, $lang_id); ?>
<div class="submenu">
<div class="container">
<ul class="lvl-2 ">
<!-- item 1-1 -->
<?php if(page_status(9, $lang_id)): ?>
<li>
<?= nav_item(9, $lang_id); ?>
<!-- item 1-1-1 -->
<ul class="lvl-3">
<?php if(page_status(34, $lang_id)): ?>
<!-- item 1-1-1 -->
<ul class="lvl-3">
<?php if(page_status(34, $lang_id)): ?>
<li>
<?= nav_item(34, $lang_id); ?>
</li>
<?php endif; ?>
<?php if(page_status(32, $lang_id)): ?>
<li>
<?= nav_item(32, $lang_id); ?>
</li>
<?php endif; ?>
<?php if(page_status(33, $lang_id)): ?>
<li>
<?= nav_item(33, $lang_id); ?>
</li>
<?php endif; ?>
<?php if(page_status(34, $lang_id)): ?>
<li>
<?= nav_item(34, $lang_id); ?>
</li>
<?php endif; ?>
<?php if(page_status(34, $lang_id)): ?>
<li>
<?= nav_item(34, $lang_id); ?>
</li>
<?php endif; ?>
</ul>
</li>
<?php endif; ?>
<!-- item 1-2 -->
<?php if(page_status(41, $lang_id)): ?>
<li>
<?= nav_item(34, $lang_id); ?>
<?= nav_item(41, $lang_id); ?>
</li>
<?php endif; ?>
<!-- item 1-3 -->
<?php if(page_status(42, $lang_id)): ?>
<li>
<?= nav_item(42, $lang_id); ?>
</li>
<?php endif; ?>
<!-- item 1-4 -->
<?php if(page_status(11, $lang_id)): ?>
<li>
<?= nav_item(11, $lang_id); ?>
</li>
<?php endif; ?>
<!-- item 1-5 -->
<?php if(page_status(12, $lang_id)): ?>
<li>
<?= nav_item(12, $lang_id); ?>
</li>
<?php endif; ?>
<?php if(page_status(32, $lang_id)): ?>
<!-- item 1-6 -->
<li>
<?= nav_item(32, $lang_id); ?>
<a href="#">
<span>Fasady</span>
</a>
</li>
<!-- item 1-7 -->
<?php if(page_status(13, $lang_id)): ?>
<li>
<?= nav_item(13, $lang_id); ?>
</li>
<?php endif; ?>
<?php if(page_status(33, $lang_id)): ?>
<!-- item 1-8 -->
<?php if(page_status(14, $lang_id)): ?>
<li>
<?= nav_item(33, $lang_id); ?>
<?= nav_item(14, $lang_id); ?>
</li>
<?php endif; ?>
<?php if(page_status(34, $lang_id)): ?>
<!-- item 1-9 -->
<li>
<?= nav_item(34, $lang_id); ?>
<a href="#">
<span>BESTSELLER</span>
</a>
</li>
<?php endif; ?>
<?php if(page_status(34, $lang_id)): ?>
<li>
<?= nav_item(34, $lang_id); ?>
</li>
<?php endif; ?>
</ul>
</li>
<?php endif; ?>
<!-- item 1-2 -->
<?php if(page_status(41, $lang_id)): ?>
<li>
<?= nav_item(41, $lang_id); ?>
</li>
<?php endif; ?>
<!-- item 1-3 -->
<?php if(page_status(42, $lang_id)): ?>
<li>
<?= nav_item(42, $lang_id); ?>
</li>
<?php endif; ?>
<!-- item 1-4 -->
<?php if(page_status(11, $lang_id)): ?>
<li>
<?= nav_item(11, $lang_id); ?>
</li>
<?php endif; ?>
<!-- item 1-5 -->
<?php if(page_status(12, $lang_id)): ?>
<li>
<?= nav_item(12, $lang_id); ?>
</li>
<?php endif; ?>
<!-- item 1-6 -->
<li>
<a href="#">
<span>Fasady</span>
</a>
</li>
<!-- item 1-7 -->
<?php if(page_status(13, $lang_id)): ?>
<li>
<?= nav_item(13, $lang_id); ?>
</li>
<?php endif; ?>
<!-- item 1-8 -->
<?php if(page_status(14, $lang_id)): ?>
<li>
<?= nav_item(14, $lang_id); ?>
</li>
<?php endif; ?>
<!-- item 1-9 -->
<li>
<a href="#">
<span>BESTSELLER</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<?php endif; ?>
<!-- item 2 -->
<?php if(page_status(4, $lang_id)): ?>
<li>
<?= nav_item(4, $lang_id); ?>
<?= nav_item(4, $lang_id, true); ?>
<div class="submenu">
<div class="container">
<ul class="lvl-2">
<li>
<a href="#">
<span>Lorem 1</span>
</a>
</li>
<li>
<a href="#">
<span>Lorem 2</span>
</a>
</li>
<li>
<a href="#">
<span>Lorem 3</span>
</a>
</li>
<li>
<a href="#">
<span>Lorem 4</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<?php endif; ?>