TPS
/
Berkarar
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added sales and top category

This commit is contained in:
Amanmyrat 2022-09-22 15:35:44 +05:00
parent 00beadc789
commit a49b8c5006
21 changed files with 1054 additions and 498 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
themes/berkarar/assets/css/components/2-layout/header.scss
View File

@ -14,7 +14,7 @@
left: 0;
width: 100%;
// height: 100%;
z-index: 100;
z-index: 101;
animation: header .3s linear;
}
@ -38,7 +38,7 @@
font-weight: 700;
font-size: 14px;
line-height: 17px;
line-height: 1.2;
color: #FFFFFF;
@include transition;
@ -95,6 +95,20 @@
}
}
&.active {
span {
transform: rotate(25deg);
&::before {
content: none;
}
&::after {
transform: rotate(-25deg);
}
}
}
span {
display: block;
position: relative;
@ -154,7 +168,7 @@
font-weight: 700;
font-size: 14px;
line-height: 17px;
line-height: 1.2;
color: $black;
}
@ -184,6 +198,7 @@
width: 100%;
border-radius: 10px;
overflow: hidden;
z-index: 101;
position: absolute;
top: calc(100% + 20px);
@ -205,7 +220,7 @@
font-weight: 700;
font-size: 14px;
line-height: 17px;
line-height: 1.2;
color: #fff;
span {
@ -227,6 +242,89 @@
}
}
.user {
position: relative;
display: block;
&_title {
cursor: pointer;
border: 1px solid #fff;
border-radius: 10px;
padding: 15px 25px 15px;
font-weight: 700;
font-size: 14px;
line-height: 1.2;
color: #fff;
@include transition;
width: 50px;
text-overflow: ellipsis;
overflow: hidden;
span {
position: absolute;
top: 50%;
right: 10px;
@include transformY;
display: block;
width: 12px;
// height: 6px;
svg {
@include ImgCon;
path {
@include transition;
}
}
}
&:hover {
border-color: $yellow;
color: $gray;
background: $yellow;
span {
path {
fill: $gray;
}
}
}
}
&_group {
position: absolute;
top: calc(100% + 10px);
left: 0;
width: 100%;
display: none;
&.active {
display: block;
}
a {
background: $black;
color: #fff;
display: block;
padding: 8px 10px;
text-align: center;
border-radius: 4px;
font-weight: 700;
font-size: 14px;
line-height: 1.2;
@include transition;
&:hover {
// color: $gray;
background: $yellow;
}
}
}
}
}
@ -355,8 +453,6 @@
}
}
@keyframes header {
0% {
opacity: 0;
@ -395,24 +491,16 @@
&.active {
top: 210px;
animation: header .3s linear;
}
.mobile_buttons {
display: none;
}
&::-webkit-scrollbar {
display: none;
}
// &::after {
// content: '';
// position: absolute;
// top: 0;
// left: 0;
// width: 100%;
// height: calc(100% + 120px);
// background: rgba(0, 0, 0, .7);
// z-index: -1;
// }
&_search {
position: relative;
display: flex;

2
themes/berkarar/assets/css/components/2-layout/modal.scss
View File

@ -3,7 +3,7 @@
position: fixed;
top: 0;
left: 0;
z-index: 100;
z-index: 110;
background: rgba(0, 0, 0, .5);
display: none;
align-items: center;

149
themes/berkarar/assets/css/components/2-layout/responsive.scss
View File

@ -62,6 +62,10 @@
display: none;
}
}
.user {
display: none;
}
}
// Header end ============
@ -80,6 +84,45 @@
height: calc(100% - 130px);
}
.mobile_buttons {
display: flex;
align-items: center;
justify-content: space-around;
padding: 40px;
background: $black;
border-radius: 5px;
margin-bottom: 60px;
&-link {
font-weight: 700;
font-size: 20px;
line-height: 1.4;
color: #fff;
margin-right: 10px;
display: block;
&:last-child {
margin-right: 0;
}
a {
font-weight: 700;
font-size: 20px;
line-height: 1.4;
color: #fff;
margin-right: 10px;
display: block;
margin: 40px 0 0 0;
display: none;
&.active {
display: block;
}
}
}
}
&_box {
flex-wrap: wrap;
}
@ -104,15 +147,25 @@
// Menu end ================
// Hero ====================
.hero {
&_item {
&-photo {
height: 650px;
}
}
}
// Hero end ================
// Shops ================
.shops {
&_block {
justify-content: center;
.auto_container {
padding: 0 15px;
}
&_item {
width: calc(45% - 10px);
height: 440px;
height: 420px;
}
}
@ -265,6 +318,15 @@
// Restaurants end ============
// Shops ================
.shops {
&_item {
height: 350px;
}
}
// Shops end ============
// Copyright ================
.copy {
&_row {
@ -436,6 +498,14 @@
// Menu ====================
.menu {
.mobile_buttons {
justify-content: space-between;
&-link {
font-size: 18px;
}
}
&_search {
padding-top: 30px;
@ -648,6 +718,25 @@
// Header end ============
// Menu ================
.menu {
.mobile_buttons {
justify-content: center;
flex-wrap: wrap;
align-items: unset;
padding: 20px 30px;
&-link {
font-size: 16px;
width: calc(50% - 20px);
margin: 15px 10px;
text-align: center;
}
}
}
// Menu end ============
// Shops =================
.shops {
&_tab {
@ -773,7 +862,21 @@
&_item {
width: 100%;
max-width: 450px;
margin: 15px 0;
&-floor {
font-size: 16px;
}
&-link {
font-size: 16px;
span {
width: 20px;
height: 20px;
}
}
}
}
@ -970,16 +1073,25 @@
font-size: 26px;
}
&-txt {
font-size: 16px;
}
&-input {
width: calc(100% - 166px);
width: 100%;
input {
font-size: 16px;
padding: 12px 15px;
width: calc(100% - 30px);
width: calc(100% - 0px);
line-height: 1.4;
}
}
&-btn {
width: 100%;
margin-top: 15px;
}
}
}
}
@ -1034,6 +1146,19 @@
height: calc(100% - 85px);
}
.mobile_buttons {
background: none;
&-link {
flex-direction: column;
width: calc(100% - 30px);
margin: 0 0 15px;
padding: 20px 15px;
background: #171717;
font-size: 18px;
}
}
&_search {
&-title {
font-size: 28px;
@ -1173,6 +1298,15 @@
}
}
.pag {
flex-direction: column;
&_txt {
font-size: 16px;
margin-top: 15px;
}
}
// Restaurants end ============
// Footer ================
@ -1345,8 +1479,7 @@
}
&-input {
width: calc(100% - 119px);
margin-right: 20px;
margin-right: 0px;
input {
font-size: 16px;

4
themes/berkarar/assets/css/components/2-layout/slick-theme.scss
View File

@ -353,6 +353,10 @@ $slick-opacity-not-active: 0.25 !default;
cursor: pointer;
margin: 0 8px;
&:nth-of-type(1n+8) {
display: none;
}
button {
border: 0;
display: block;

145
themes/berkarar/assets/css/components/3-page/home.scss
View File

@ -9,6 +9,12 @@
width: 100%;
position: relative;
&.slick-active {
.hero_item-link {
opacity: 1;
}
}
&-photo {
height: 800px;
width: 100%;
@ -35,6 +41,7 @@
letter-spacing: .8px;
@include transition;
opacity: 0;
&:hover {
color: #000;
@ -146,7 +153,7 @@
display: flex !important;
.shops_item {
animation: shop-item .5s linear;
animation: fadeInUp .5s linear;
&:nth-child(2) {
animation-delay: .1s;
@ -354,27 +361,33 @@
// }
// }
@keyframes shop-item {
@-webkit-keyframes fadeInUp {
0% {
opacity: .7;
// top: 20px;
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
// top: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes shop-item {
@keyframes fadeInUp {
0% {
opacity: .7;
// top: 20px;
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
// top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@ -609,6 +622,10 @@
background: #fff;
.rest {
&_block {
max-width: unset;
}
&_item {
width: calc(25% - 28px);
margin: 15px 12px;
@ -660,28 +677,19 @@
&_block {
display: flex;
justify-content: center;
// justify-content: center;
flex-wrap: wrap;
max-width: 1350px;
margin: 0 auto;
&.active {
display: flex !important;
// .rest_item {
// max-height: initial;
// }
}
}
&_box {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -15px -12px;
}
&_item {
width: calc(33.33% - 54px);
max-width: 400px;
// max-width: 400px;
margin: 25px;
border: 2px solid rgba(41, 41, 41, 0.5);
border-radius: 5px 5px 0px 0px;
@ -736,7 +744,7 @@
padding: 10px 15px;
background: $yellow;
color: $black;
font-size: 16px;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
border-radius: 5px;
@ -745,24 +753,85 @@
&-link {
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: $yellow;
font-size: 15px;
line-height: 1.2;
color: $gray;
background: $yellow;
padding: 10px;
border-radius: 4px;
display: flex;
align-items: center;
@include transition;
border: 1px solid transparent;
&:hover {
background: transparent;
border-color: $yellow;
color: $yellow;
path,
rect {
stroke: $yellow;
}
}
span {
display: block;
margin-right: 7px;
width: 20px;
height: 20px;
margin-left: 7px;
width: 16px;
height: 16px;
svg {
@include ImgCon;
path,
rect {
@include transition;
stroke: $gray;
}
}
}
}
}
}
.pag {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 50px;
&_group {
display: flex;
align-items: center;
input {
font-weight: 700;
font-size: 18px;
line-height: 25px;
text-align: center;
color: #1C1717;
width: 90px;
margin: 0 7px;
}
}
&_btn {
display: block;
width: 45px;
height: 45px;
svg {
@include ImgCon;
}
}
}
&_txt {
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #7D7D7D;
}
}
@ -776,3 +845,19 @@
display: block;
}
}
.tabInfo {
display: none;
&.active {
display: block;
}
}
.heroItem {
display: none;
&.active {
display: block;
}
}

7
themes/berkarar/assets/css/components/3-page/result.scss
View File

@ -35,6 +35,13 @@
width: calc(25% - 28px);
margin: 15px 12px;
}
&_box {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -15px -12px;
}
}
}
}

393
themes/berkarar/assets/css/main.css
View File

@ -155,7 +155,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
top: 0;
left: 0;
width: 100%;
z-index: 100;
z-index: 101;
-webkit-animation: header 0.3s linear;
animation: header 0.3s linear;
}
@ -191,7 +191,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
cursor: pointer;
font-weight: 700;
font-size: 14px;
line-height: 17px;
line-height: 1.2;
color: #FFFFFF;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
@ -250,6 +250,17 @@ input[type=date]::-webkit-calendar-picker-indicator {
.header .burger:hover span::before, .header .burger:hover span::after {
background: #fff;
}
.header .burger.active span {
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}
.header .burger.active span::before {
content: none;
}
.header .burger.active span::after {
-webkit-transform: rotate(-25deg);
transform: rotate(-25deg);
}
.header .burger span {
display: block;
position: relative;
@ -317,7 +328,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
border-radius: 10px;
font-weight: 700;
font-size: 14px;
line-height: 17px;
line-height: 1.2;
color: #171717;
}
.header .lang_flag {
@ -347,6 +358,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
width: 100%;
border-radius: 10px;
overflow: hidden;
z-index: 101;
position: absolute;
top: calc(100% + 20px);
left: 0;
@ -372,7 +384,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
-moz-transition: all 0.2s ease-in-out 0s;
font-weight: 700;
font-size: 14px;
line-height: 17px;
line-height: 1.2;
color: #fff;
}
.header .lang_box a span {
@ -391,6 +403,84 @@ input[type=date]::-webkit-calendar-picker-indicator {
background: #fff;
color: #292929;
}
.header .user {
position: relative;
display: block;
}
.header .user_title {
cursor: pointer;
border: 1px solid #fff;
border-radius: 10px;
padding: 15px 25px 15px;
font-weight: 700;
font-size: 14px;
line-height: 1.2;
color: #fff;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
width: 50px;
text-overflow: ellipsis;
overflow: hidden;
}
.header .user_title span {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
-moz-ransform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
display: block;
width: 12px;
}
.header .user_title span svg {
width: 100%;
height: 100%;
object-fit: contain;
-o-object-fit: contain;
}
.header .user_title span svg path {
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
}
.header .user_title:hover {
border-color: #FFB100;
color: #292929;
background: #FFB100;
}
.header .user_title:hover span path {
fill: #292929;
}
.header .user_group {
position: absolute;
top: calc(100% + 10px);
left: 0;
width: 100%;
display: none;
}
.header .user_group.active {
display: block;
}
.header .user_group a {
background: #171717;
color: #fff;
display: block;
padding: 8px 10px;
text-align: center;
border-radius: 4px;
font-weight: 700;
font-size: 14px;
line-height: 1.2;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
}
.header .user_group a:hover {
background: #FFB100;
}
.m-rl {
margin: 0 40px;
@ -542,6 +632,9 @@ input[type=date]::-webkit-calendar-picker-indicator {
-webkit-animation: header 0.3s linear;
animation: header 0.3s linear;
}
.menu .mobile_buttons {
display: none;
}
.menu::-webkit-scrollbar {
display: none;
}
@ -818,7 +911,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
position: fixed;
top: 0;
left: 0;
z-index: 100;
z-index: 110;
background: rgba(0, 0, 0, 0.5);
display: none;
-webkit-box-align: center;
@ -1135,6 +1228,9 @@ input[type=date]::-webkit-calendar-picker-indicator {
width: 100%;
position: relative;
}
.hero_item.slick-active .hero_item-link {
opacity: 1;
}
.hero_item-photo {
height: 800px;
width: 100%;
@ -1166,6 +1262,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
opacity: 0;
}
.hero_item-link:hover {
color: #000;
@ -1279,8 +1376,8 @@ input[type=date]::-webkit-calendar-picker-indicator {
display: flex !important;
}
.shops_block.active .shops_item {
-webkit-animation: shop-item 0.5s linear;
animation: shop-item 0.5s linear;
-webkit-animation: fadeInUp 0.5s linear;
animation: fadeInUp 0.5s linear;
}
.shops_block.active .shops_item:nth-child(2) {
-webkit-animation-delay: 0.1s;
@ -1466,20 +1563,28 @@ input[type=date]::-webkit-calendar-picker-indicator {
color: #fff;
}
@keyframes shop-item {
@-webkit-keyframes fadeInUp {
0% {
opacity: 0.7;
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes shop-item {
@keyframes fadeInUp {
0% {
opacity: 0.7;
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.movie {
@ -1724,6 +1829,9 @@ input[type=date]::-webkit-calendar-picker-indicator {
.rest.page {
background: #fff;
}
.rest.page .rest_block {
max-width: unset;
}
.rest.page .rest_item {
width: calc(25% - 28px);
margin: 15px 12px;
@ -1775,31 +1883,18 @@ input[type=date]::-webkit-calendar-picker-indicator {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1350px;
margin: 0 auto;
}
.rest_block.active {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.rest_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: -15px -12px;
}
.rest_item {
width: calc(33.33% - 54px);
max-width: 400px;
margin: 25px;
border: 2px solid rgba(41, 41, 41, 0.5);
border-radius: 5px 5px 0px 0px;
@ -1861,7 +1956,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
padding: 10px 15px;
background: #FFB100;
color: #171717;
font-size: 16px;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
border-radius: 5px;
@ -1869,21 +1964,37 @@ input[type=date]::-webkit-calendar-picker-indicator {
}
.rest_item-link {
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: #FFB100;
font-size: 15px;
line-height: 1.2;
color: #292929;
background: #FFB100;
padding: 10px;
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
border: 1px solid transparent;
}
.rest_item-link:hover {
background: transparent;
border-color: #FFB100;
color: #FFB100;
}
.rest_item-link:hover path,
.rest_item-link:hover rect {
stroke: #FFB100;
}
.rest_item-link span {
display: block;
margin-right: 7px;
width: 20px;
height: 20px;
margin-left: 7px;
width: 16px;
height: 16px;
}
.rest_item-link span svg {
width: 100%;
@ -1891,6 +2002,60 @@ input[type=date]::-webkit-calendar-picker-indicator {
object-fit: contain;
-o-object-fit: contain;
}
.rest_item-link span svg path,
.rest_item-link span svg rect {
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
stroke: #292929;
}
.pag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 50px;
}
.pag_group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pag_group input {
font-weight: 700;
font-size: 18px;
line-height: 25px;
text-align: center;
color: #1C1717;
width: 90px;
margin: 0 7px;
}
.pag_btn {
display: block;
width: 45px;
height: 45px;
}
.pag_btn svg {
width: 100%;
height: 100%;
object-fit: contain;
-o-object-fit: contain;
}
.pag_txt {
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #7D7D7D;
}
.tabItem {
display: none;
@ -1899,6 +2064,20 @@ input[type=date]::-webkit-calendar-picker-indicator {
display: block;
}
.tabInfo {
display: none;
}
.tabInfo.active {
display: block;
}
.heroItem {
display: none;
}
.heroItem.active {
display: block;
}
.bill {
padding-bottom: 80px;
}
@ -2803,6 +2982,17 @@ input[type=date]::-webkit-calendar-picker-indicator {
width: calc(25% - 28px);
margin: 15px 12px;
}
.result.page .rest_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: -15px -12px;
}
/* Slider */
.slick-slider {
@ -3189,6 +3379,9 @@ input[type=date]::-webkit-calendar-picker-indicator {
cursor: pointer;
margin: 0 8px;
}
.slick-dots li:nth-of-type(1n+8) {
display: none;
}
.slick-dots li button {
border: 0;
display: block;
@ -3242,6 +3435,9 @@ input[type=date]::-webkit-calendar-picker-indicator {
.header_item-link {
display: none;
}
.header .user {
display: none;
}
.nav {
display: none;
@ -3251,6 +3447,44 @@ input[type=date]::-webkit-calendar-picker-indicator {
top: 130px;
height: calc(100% - 130px);
}
.menu .mobile_buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 40px;
background: #171717;
border-radius: 5px;
margin-bottom: 60px;
}
.menu .mobile_buttons-link {
font-weight: 700;
font-size: 20px;
line-height: 1.4;
color: #fff;
margin-right: 10px;
display: block;
}
.menu .mobile_buttons-link:last-child {
margin-right: 0;
}
.menu .mobile_buttons-link a {
font-weight: 700;
font-size: 20px;
line-height: 1.4;
color: #fff;
margin-right: 10px;
display: block;
margin: 40px 0 0 0;
display: none;
}
.menu .mobile_buttons-link a.active {
display: block;
}
.menu_box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
@ -3269,14 +3503,15 @@ input[type=date]::-webkit-calendar-picker-indicator {
display: none;
}
.shops_block {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
.hero_item-photo {
height: 650px;
}
.shops .auto_container {
padding: 0 15px;
}
.shops_item {
width: calc(45% - 10px);
height: 440px;
height: 420px;
}
.footer_box {
@ -3365,6 +3600,10 @@ input[type=date]::-webkit-calendar-picker-indicator {
height: 190px;
}
.shops_item {
height: 350px;
}
.copy_row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
@ -3488,6 +3727,14 @@ input[type=date]::-webkit-calendar-picker-indicator {
}
}
@media (max-width: 900px) {
.menu .mobile_buttons {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu .mobile_buttons-link {
font-size: 18px;
}
.menu_search {
padding-top: 30px;
}
@ -3629,6 +3876,24 @@ input[type=date]::-webkit-calendar-picker-indicator {
height: 35px;
}
.menu .mobile_buttons {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
padding: 20px 30px;
}
.menu .mobile_buttons-link {
font-size: 16px;
width: calc(50% - 20px);
margin: 15px 10px;
text-align: center;
}
.shops_tab {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
@ -3727,8 +3992,19 @@ input[type=date]::-webkit-calendar-picker-indicator {
}
.rest_item {
width: 100%;
max-width: 450px;
margin: 15px 0;
}
.rest_item-floor {
font-size: 16px;
}
.rest_item-link {
font-size: 16px;
}
.rest_item-link span {
width: 20px;
height: 20px;
}
.about_item-photo {
height: 370px;
@ -3869,15 +4145,22 @@ input[type=date]::-webkit-calendar-picker-indicator {
.result .menu_search-title {
font-size: 26px;
}
.result .menu_search-txt {
font-size: 16px;
}
.result .menu_search-input {
width: calc(100% - 166px);
width: 100%;
}
.result .menu_search-input input {
font-size: 16px;
padding: 12px 15px;
width: calc(100% - 30px);
width: calc(100% - 0px);
line-height: 1.4;
}
.result .menu_search-btn {
width: 100%;
margin-top: 15px;
}
}
@media (max-width: 520px) {
.auto_container {
@ -3909,6 +4192,20 @@ input[type=date]::-webkit-calendar-picker-indicator {
top: 85px;
height: calc(100% - 85px);
}
.menu .mobile_buttons {
background: none;
}
.menu .mobile_buttons-link {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% - 30px);
margin: 0 0 15px;
padding: 20px 15px;
background: #171717;
font-size: 18px;
}
.menu_search-title {
font-size: 28px;
}
@ -3987,6 +4284,17 @@ input[type=date]::-webkit-calendar-picker-indicator {
width: calc(100% - 30px);
}
.pag {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pag_txt {
font-size: 16px;
margin-top: 15px;
}
.footer_col {
width: calc(50% - 15px);
margin-right: 15px;
@ -4096,8 +4404,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
font-size: 26px;
}
.result .menu_search-input {
width: calc(100% - 119px);
margin-right: 20px;
margin-right: 0px;
}
.result .menu_search-input input {
font-size: 16px;

102
themes/berkarar/assets/js/main.js
View File

@ -1,7 +1,5 @@
// var ==========================
let user = document.querySelector('.user');
let logout = document.querySelector('.log-out');
let burger = document.querySelector('.burger');
let search = document.querySelector('.search');
@ -11,12 +9,20 @@ let header = document.querySelector('.header');
let nav = document.querySelector('.nav');
let body = document.querySelector('body');
let user_title = document.querySelector('.user_title');
let user_group = document.querySelector('.user_group');
let lang_current = document.querySelector('.lang_current');
let lang_box = document.querySelector('.lang_box');
let mobile_link = document.querySelectorAll('.mobile_buttons-link');
let logout = document.querySelector('.logout');
let logout_link = document.querySelector('.logout a');
// let movie_link = document.querySelectorAll('.movie_item-link');
// let info_icon = document.querySelectorAll('.info_icon');
// let pop_info = document.querySelectorAll('.pop_info');
@ -51,6 +57,11 @@ window.onclick = function (e) {
lang_box.classList.remove('active')
}
if (user_group != undefined) {
if (user_group.classList.contains('active') && !e.target.closest('.user_title')) {
user_group.classList.remove('active')
}
}
}
@ -66,6 +77,15 @@ if (burger != undefined) {
header.classList.add('active');
nav.classList.add('active');
body.classList.toggle('active');
burger.classList.toggle('active');
})
});
}
if (logout != undefined) {
logout.addEventListener('click', function () {
sleep(2).then(() => {
logout_link.classList.toggle('active');
})
});
}
@ -92,6 +112,19 @@ if (more != undefined) {
});
}
if (mobile_link != undefined) {
mobile_link.forEach(x => {
x.addEventListener('click', function () {
sleep(2).then(() => {
menu.classList.remove('active');
header.classList.remove('active');
nav.classList.remove('active');
body.classList.remove('active');
});
});
})
}
if (lang_current != undefined) {
lang_current.addEventListener('click', function () {
sleep(2).then(() => {
@ -100,49 +133,24 @@ if (lang_current != undefined) {
});
}
// if (navs_list_link != undefined && !lang) {
// navs_list_link.forEach(x => {
// x.addEventListener('click', function () {
// sleep(2).then(() => {
// navs.classList.remove('active');
// navs_list.classList.remove('active');
// });
// });
// })
// }
// if (info_icon != undefined) {
// info_icon.forEach(r => {
// r.addEventListener('click', function () {
// sleep(2).then(() => {
// pop_info.forEach(p => {
// p.classList.remove('active');
// })
// this.nextElementSibling.classList.toggle("active");
// })
// });
// });
// }
// Accordion =============================
let accordion = document.getElementsByClassName("accord");
// let i;
// let e;
for (i = 0; i < accordion.length; i++) {
accordion[i].addEventListener("click", function () {
this.classList.toggle("active");
let panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
panel.classList.remove("active")
} else {
panel.style.maxHeight = "500px";
panel.classList.add("active")
}
if (user_title != undefined) {
user_title.addEventListener('click', function () {
sleep(2).then(() => {
user_group.classList.toggle('active');
})
});
}
// if (movie_link != undefined) {
// movie_link.forEach(x => {
// x.addEventListener('click', function () {
// sleep(2).then(() => {
// console.log("klkl")
// body.classList.add('active');
// });
// });
// })
// }

7
themes/berkarar/assets/js/tabs.js
View File

@ -3,16 +3,19 @@ const formItem = document.querySelectorAll(".tabItem");
formBtn.forEach((e) => {
onTabClick(formBtn, formItem, e);
});
const formOuterBtn = document.querySelectorAll(".formOuterBtn");
const formOuterItem = document.querySelectorAll(".formOuterItem");
const formOuterBtn = document.querySelectorAll(".tabLink");
const formOuterItem = document.querySelectorAll(".tabInfo");
formOuterBtn.forEach((e) => {
onTabClick(formOuterBtn, formOuterItem, e);
});
const heroBtn = document.querySelectorAll(".heroBtn");
const heroItem = document.querySelectorAll(".heroItem");
heroBtn.forEach((e) => {
onTabClick(heroBtn, heroItem, e);
});
function onTabClick(formBtns, formItems, itemForm) {
itemForm.addEventListener("click", function (e) {
let currentformBtn = itemForm;

7
themes/berkarar/pages/about.htm
View File

@ -19,20 +19,16 @@ is_hidden = 0
stroke-linejoin="round" />
</svg>
</span>
Главная
</a>
<h4 class="breadcrumb_title">
О нас
</h4>
</div>
<div class="intro_info">
<h2 class="intro_info-title wow fadeInRight" data-wow-duration=".3s" data-wow-delay=".1s">
О нас
</h2>
<p class="intro_info-txt wow fadeInRight" data-wow-duration=".3s" data-wow-delay=".13s">
«Беркарар» — крупнейший в Туркменистане торгово-развлекательный центр. Комплекс расположен в
южной части Ашхабада, на пересечении улиц 10 йыл Абаданчылык и Ататюрка. Построен в 2014 году.
@ -45,7 +41,6 @@ is_hidden = 0
<div class="intro_info-link wow fadeInRight" data-wow-duration=".3s" data-wow-delay=".17s">
<a href="#">
Узнать подробней
<span>
<svg width="14" height="12" viewBox="0 0 14 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
@ -82,8 +77,6 @@ is_hidden = 0
</div>
</div>
{% endfor %}
</div>
</div>
</section>

47
themes/berkarar/pages/category.htm
View File

@ -5,12 +5,8 @@ is_hidden = 0
==
<?php
function onStart(){
$id = $this->param('id');
// $this["category"] = $this->param('category');
$this['category'] = Tps\Shops\Models\Category::where("id", $id)->get()->first();
}
?>
==
@ -30,7 +26,6 @@ function onStart(){
</span>
Главная
</a>
<h4 class="crumb_title">
{{category.top_category.name}}
</h4>
@ -47,47 +42,7 @@ function onStart(){
<div class="rest_wrap">
<div class="rest_box">
{% for shop in category.shops%}
<a href="{{ url('/') }}/shop/{{shop.id}}/{{shop.name}}" >
<div class="rest_item wow fadeInUp" data-wow-duration=".3s" data-wow-delay=".1s">
<div class="rest_item-photo">
<img src="{{shop.badge.path}}" alt="photo">
</div>
<div class="rest_item-info">
<h5 class="rest_item-title">
{{shop.name}}
</h5>
<p class="rest_item-txt">
{{shop.category.top_category.name}}, {{shop.category.name}}
</p>
<div class="rest_item-row">
<div class="rest_item-floor">
{{shop.floor}} Этаж
</div>
<a href="{{shop.instagram_link}}" class="rest_item-link">
<span>
<svg width="19" height="20" viewBox="0 0 19 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect x="0.798828" y="1.5625" width="16.875" height="16.875" rx="3.5"
stroke="#FFB100" stroke-width="1.5" />
<path
d="M12.9843 9.87601C13.0006 10.3682 12.9197 10.8588 12.7464 11.3197C12.5731 11.7807 12.3107 12.203 11.9742 12.5625C11.6377 12.9221 11.2337 13.2118 10.7852 13.4152C10.3367 13.6186 9.85251 13.7317 9.36032 13.7479C8.86813 13.7642 8.37756 13.6834 7.9166 13.5101C7.45565 13.3368 7.03335 13.0744 6.6738 12.7379C6.31426 12.4014 6.02452 11.9973 5.82112 11.5488C5.61773 11.1003 5.50466 10.6162 5.48838 10.124C5.4721 9.6318 5.55292 9.14123 5.72622 8.68027C5.89953 8.21932 6.16194 7.79702 6.49845 7.43747C6.83497 7.07793 7.23901 6.78819 7.6875 6.5848C8.13599 6.3814 8.62015 6.26833 9.11234 6.25205C9.60452 6.23577 10.0951 6.31659 10.5561 6.4899C11.017 6.66321 11.4393 6.92561 11.7989 7.26212C12.1584 7.59864 12.4481 8.00268 12.6515 8.45117C12.8549 8.89966 12.968 9.38382 12.9843 9.87601Z"
stroke="#FFB100" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
<path
d="M13.9113 6.0625C13.4971 6.0625 13.1613 5.72671 13.1613 5.3125C13.1613 4.89829 13.4971 4.5625 13.9113 4.5625V6.0625ZM13.9238 4.5625C14.338 4.5625 14.6738 4.89829 14.6738 5.3125C14.6738 5.72671 14.338 6.0625 13.9238 6.0625V4.5625ZM13.9113 4.5625H13.9238V6.0625H13.9113V4.5625Z"
fill="#FFB100" />
</svg>
</span>
{{shop.instagram_name}}
</a>
</div>
</div>
</div>
</a>
{% partial 'home/shop_item' shop=shop %}
{% endfor %}
</div>
</div>

5
themes/berkarar/pages/contact.htm
View File

@ -21,20 +21,16 @@ is_hidden = 0
stroke-linejoin="round" />
</svg>
</span>
Главная
</a>
<h4 class="breadcrumb_title">
Контакты
</h4>
</div>
<div class="intro_info intro_contact">
<h2 class="intro_info-title wow fadeInRight" data-wow-duration=".3s" data-wow-delay=".1s">
Свяжитесь с нами
</h2>
<p class="intro_info-txt wow fadeInRight" data-wow-duration=".3s" data-wow-delay=".15s">
Свяжитесь с нами(очень длинное описание)
</p>
@ -49,7 +45,6 @@ is_hidden = 0
<div class="auto_container">
<div class="contact_wrap">
{% component 'contactForm' %}
<div class="contact_map">
<iframe
src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d6297.044395419706!2d58.36783108806193!3d37.89485524007183!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sashgabat%20berkarar%20sowda%20merkezi!5e0!3m2!1sru!2s!4v1660069090324!5m2!1sru!2s"

2
themes/berkarar/pages/profile.htm
View File

@ -25,10 +25,8 @@ redirect = "home"
stroke-linejoin="round" />
</svg>
</span>
Главная
</a>
<h4 class="crumb_title">
Профиль
</h4>

42
themes/berkarar/pages/sales.htm Normal file
View File

@ -0,0 +1,42 @@
title = "sales"
url = "/sales"
layout = "default"
is_hidden = 0
==
<?php
function onStart(){
$this['sales'] = Tps\Shops\Models\Sale::all();
$this['sales_all'] = $this['sales']->slice(0, 9);
$this['sales_news'] = $this['sales']->where("type", "news")->slice(0, 9);
$this['sales_promo'] = $this['sales']->where("type", "promo")->slice(0, 9);
$this['sales_discount'] = $this['sales']->where("type", "discount")->slice(0, 9);
}
?>
==
<section class="crumb">
<div class="auto_container">
<div class="crumb_wrap">
<div class="crumb_row">
<a href="{{'home'|page}}" class="crumb_title">
<span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M1.25 12.88V6.91459C1.25 6.33752 1.51642 5.79278 1.97193 5.4385L6.85193 1.64294C7.52721 1.11773 8.47279 1.11773 9.14807 1.64294L14.0281 5.4385C14.4836 5.79278 14.75 6.33752 14.75 6.91459V12.88C14.75 13.9128 13.9128 14.75 12.88 14.75H10.75C10.4739 14.75 10.25 14.5261 10.25 14.25V11.6487C10.25 11.3855 10.207 11.1193 10.0677 10.896C9.88545 10.6039 9.64228 10.3523 9.35303 10.1595C8.95253 9.89251 8.48167 9.75 8 9.75C7.51833 9.75 7.04747 9.89251 6.64697 10.1595C6.35772 10.3523 6.11455 10.6039 5.93234 10.896C5.79305 11.1193 5.75 11.3855 5.75 11.6487V14.25C5.75 14.5261 5.52614 14.75 5.25 14.75H3.12C2.08723 14.75 1.25 13.9128 1.25 12.88Z"
stroke="#292929" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</span>
Главная
</a>
<h4 class="crumb_title">
Новости и акции
</h4>
</div>
</div>
</div>
</section>
{% partial 'home/sales' %}

49
themes/berkarar/pages/shop.htm
View File

@ -57,12 +57,10 @@ function onStart(){
<h2 class="post_info-title wow fadeInUp" data-wow-duration=".3s" data-wow-delay=".1s">
{{shop.name}}
</h2>
<div class="post_info-row">
<h6 class="post_info-cnt wow fadeInUp" data-wow-duration=".3s" data-wow-delay=".1s">
{{shop.floor}} ЭТАЖ
</h6>
<h6 class="post_info-cnt wow fadeInUp" data-wow-duration=".3s" data-wow-delay=".13s">
<span>
<svg width="18" height="17" viewBox="0 0 18 17" fill="none"
@ -88,7 +86,6 @@ function onStart(){
fill="#292929" />
</svg>
</span>
+993 {{shop.phone}}
</a>
@ -107,12 +104,9 @@ function onStart(){
fill="#292929" />
</svg>
</span>
{{shop.instagram_name}}
</a>
</div>
<div class="post_info-txt wow fadeInUp" data-wow-duration=".3s" data-wow-delay=".23s">
{{shop.description}}
</div>
@ -130,53 +124,14 @@ function onStart(){
</h2>
<div class="post_slider">
{% for item in others %}
<div class="rest_item wow fadeInRight" data-wow-duration=".3s" data-wow-delay=".1s">
<div class="rest_item-photo">
<img src="{{item.badge.path}}" alt="restaurant-photo">
</div>
<div class="rest_item-info">
<h5 class="rest_item-title">
{{item.name}}
</h5>
<p class="rest_item-txt">
{{item.category.top_category.name}}, {{item.category.name}}
</p>
<div class="rest_item-row">
<div class="rest_item-floor">
{{item.floor}} Этаж
</div>
<a href="{{item.instagram_link}}" class="rest_item-link">
<span>
<svg width="19" height="20" viewBox="0 0 19 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect x="0.798828" y="1.5625" width="16.875" height="16.875" rx="3.5"
stroke="#FFB100" stroke-width="1.5" />
<path
d="M12.9843 9.87601C13.0006 10.3682 12.9197 10.8588 12.7464 11.3197C12.5731 11.7807 12.3107 12.203 11.9742 12.5625C11.6377 12.9221 11.2337 13.2118 10.7852 13.4152C10.3367 13.6186 9.85251 13.7317 9.36032 13.7479C8.86813 13.7642 8.37756 13.6834 7.9166 13.5101C7.45565 13.3368 7.03335 13.0744 6.6738 12.7379C6.31426 12.4014 6.02452 11.9973 5.82112 11.5488C5.61773 11.1003 5.50466 10.6162 5.48838 10.124C5.4721 9.6318 5.55292 9.14123 5.72622 8.68027C5.89953 8.21932 6.16194 7.79702 6.49845 7.43747C6.83497 7.07793 7.23901 6.78819 7.6875 6.5848C8.13599 6.3814 8.62015 6.26833 9.11234 6.25205C9.60452 6.23577 10.0951 6.31659 10.5561 6.4899C11.017 6.66321 11.4393 6.92561 11.7989 7.26212C12.1584 7.59864 12.4481 8.00268 12.6515 8.45117C12.8549 8.89966 12.968 9.38382 12.9843 9.87601Z"
stroke="#FFB100" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
<path
d="M13.9113 6.0625C13.4971 6.0625 13.1613 5.72671 13.1613 5.3125C13.1613 4.89829 13.4971 4.5625 13.9113 4.5625V6.0625ZM13.9238 4.5625C14.338 4.5625 14.6738 4.89829 14.6738 5.3125C14.6738 5.72671 14.338 6.0625 13.9238 6.0625V4.5625ZM13.9113 4.5625H13.9238V6.0625H13.9113V4.5625Z"
fill="#FFB100" />
</svg>
</span>
{{item.instagram_name}}
</a>
</div>
</div>
</div>
{% for shop in others %}
{% partial 'home/shop_item' shop=shop %}
{% endfor %}
</div>
<div class="post_link">
<a href="{{ url('/') }}/category/{{shop.category.id}}/{{shop.category.name}}">
Посмотреть все
<span>
<svg width="14" height="12" viewBox="0 0 14 12" fill="none"
xmlns="http://www.w3.org/2000/svg">

70
themes/berkarar/pages/top_category.htm Normal file
View File

@ -0,0 +1,70 @@
title = "category"
url = "/main-category/:id/:category"
layout = "default"
is_hidden = 0
==
<?php
function onStart(){
$this['id'] = $this->param('id');
// $this["category"] = $this->param('category');
if($this['id'] != 0){
$this['top_category'] = Tps\Shops\Models\TopCategory::where("id", $this['id'])->get()->first();
}else{
$this['shops'] = Tps\Shops\Models\Shop::orderBy('created_at')->get();
}
}
?>
==
<section class="crumb">
<div class="auto_container">
<div class="crumb_wrap">
<div class="crumb_row">
<a href="{{'home'|page}}" class="crumb_title">
<span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M1.25 12.88V6.91459C1.25 6.33752 1.51642 5.79278 1.97193 5.4385L6.85193 1.64294C7.52721 1.11773 8.47279 1.11773 9.14807 1.64294L14.0281 5.4385C14.4836 5.79278 14.75 6.33752 14.75 6.91459V12.88C14.75 13.9128 13.9128 14.75 12.88 14.75H10.75C10.4739 14.75 10.25 14.5261 10.25 14.25V11.6487C10.25 11.3855 10.207 11.1193 10.0677 10.896C9.88545 10.6039 9.64228 10.3523 9.35303 10.1595C8.95253 9.89251 8.48167 9.75 8 9.75C7.51833 9.75 7.04747 9.89251 6.64697 10.1595C6.35772 10.3523 6.11455 10.6039 5.93234 10.896C5.79305 11.1193 5.75 11.3855 5.75 11.6487V14.25C5.75 14.5261 5.52614 14.75 5.25 14.75H3.12C2.08723 14.75 1.25 13.9128 1.25 12.88Z"
stroke="#292929" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</span>
Главная
</a>
<h4 class="crumb_title">
{% if id != 0%}
{{top_category.name}}
{% else %}
Все магазины
{% endif %}
</h4>
</div>
</div>
</div>
</section>
<section class="rest page">
<div class="auto_container">
<div class="rest_wrap">
<div class="rest_box">
<div class="rest_block tabItem active" id="rest-all">
{% if id != 0%}
{% for category in top_category.categories %}
{% for shop in category.shops%}
{% partial 'home/shop_item' shop=shop %}
{% endfor %}
{% endfor %}
{% else %}
{% for shop in shops%}
{% partial 'home/shop_item' shop=shop %}
{% endfor %}
{% endif %}
</div>
</div>
</div>
</div>
</section>

16
themes/berkarar/partials/home/movies.htm
View File

@ -9,29 +9,24 @@
alt="logo"
/>
</span>
Berkarar Кинотеатр
</h4>
<a
href="https://www.instagram.com/berkarar_cinema/"
class="movie_link"
>
class="movie_link">
<span>
<svg
width="17"
height="17"
viewBox="0 0 17 17"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
xmlns="http://www.w3.org/2000/svg">
<path
d="M16.1421 1.85786C16.1421 1.30558 15.6944 0.857864 15.1421 0.857864L6.14214 0.857865C5.58985 0.857865 5.14214 1.30558 5.14214 1.85786C5.14214 2.41015 5.58985 2.85786 6.14214 2.85786L14.1421 2.85786L14.1421 10.8579C14.1421 11.4101 14.5899 11.8579 15.1421 11.8579C15.6944 11.8579 16.1421 11.4101 16.1421 10.8579L16.1421 1.85786ZM1.70711 16.7071L15.8492 2.56497L14.435 1.15076L0.292893 15.2929L1.70711 16.7071Z"
fill="#FFB100"
/>
</svg>
</span>
@berkarar_cinema
</a>
</div>
@ -48,14 +43,12 @@
</div>
<h4 class="movie_item-title">{{movie.name}}</h4>
<h6 class="movie_item-genre">{{movie.genras}}</h6>
</div>
<h4
class="movie_item-link modBtn"
onclick="return showMovieDetails({{ movie|json_encode() }}, {{ movie.image.path|json_encode() }});"
>
onclick="return showMovieDetails({{ movie|json_encode() }}, {{ movie.image.path|json_encode() }});">
Узнать подробней
<span>
@ -64,8 +57,7 @@
height="12"
viewBox="0 0 14 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
xmlns="http://www.w3.org/2000/svg">
<path
d="M1.16732 6.83336H11.0507L8.02565 10.4667C7.95561 10.551 7.90286 10.6482 7.8704 10.7528C7.83794 10.8575 7.82641 10.9675 7.83647 11.0766C7.85678 11.297 7.9638 11.5002 8.13398 11.6417C8.30416 11.7831 8.52356 11.8512 8.74392 11.8309C8.96428 11.8106 9.16753 11.7035 9.30898 11.5334L13.4756 6.53336C13.5037 6.49359 13.5288 6.45181 13.5507 6.40836C13.5507 6.36669 13.5923 6.34169 13.609 6.30002C13.6468 6.20447 13.6665 6.10276 13.6673 6.00002C13.6665 5.89728 13.6468 5.79557 13.609 5.70002C13.609 5.65836 13.5673 5.63336 13.5507 5.59169C13.5288 5.54824 13.5037 5.50646 13.4756 5.46669L9.30898 0.466689C9.23063 0.37262 9.13251 0.29697 9.02161 0.245119C8.91071 0.193268 8.78974 0.16649 8.66732 0.166689C8.47261 0.166308 8.28391 0.234121 8.13398 0.358355C8.0496 0.428313 7.97985 0.51423 7.92872 0.611186C7.8776 0.708142 7.8461 0.814232 7.83604 0.923379C7.82597 1.03253 7.83754 1.14259 7.87008 1.24726C7.90262 1.35193 7.95548 1.44915 8.02565 1.53336L11.0507 5.16669H1.16732C0.946304 5.16669 0.734342 5.25449 0.578062 5.41077C0.421782 5.56705 0.333984 5.77901 0.333984 6.00002C0.333984 6.22104 0.421782 6.433 0.578062 6.58928C0.734342 6.74556 0.946304 6.83336 1.16732 6.83336Z"
fill="#292929"

37
themes/berkarar/partials/home/shop_item.htm Normal file
View File

@ -0,0 +1,37 @@
<a href="{{ url('/') }}/shop/{{shop.id}}/{{shop.name}}" >
<div class="rest_item">
<div class="rest_item-photo">
<img src="{{shop.badge.path}}" alt="restaurant-photo" />
</div>
<div class="rest_item-info">
<h5 class="rest_item-title">{{shop.name}}</h5>
<p class="rest_item-txt">
{{shop.category.top_category.name}}, {{shop.category.name}}
</p>
<div class="rest_item-row">
<div class="rest_item-floor">
{{shop.floor}} Этаж
</div>
<a href="{{shop.instagram_link}}" class="rest_item-link">
Instagram
<span>
<svg width="19" height="20" viewBox="0 0 19 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect x="0.798828" y="1.5625" width="16.875" height="16.875" rx="3.5"
stroke="#FFB100" stroke-width="1.5" />
<path
d="M12.9843 9.87601C13.0006 10.3682 12.9197 10.8588 12.7464 11.3197C12.5731 11.7807 12.3107 12.203 11.9742 12.5625C11.6377 12.9221 11.2337 13.2118 10.7852 13.4152C10.3367 13.6186 9.85251 13.7317 9.36032 13.7479C8.86813 13.7642 8.37756 13.6834 7.9166 13.5101C7.45565 13.3368 7.03335 13.0744 6.6738 12.7379C6.31426 12.4014 6.02452 11.9973 5.82112 11.5488C5.61773 11.1003 5.50466 10.6162 5.48838 10.124C5.4721 9.6318 5.55292 9.14123 5.72622 8.68027C5.89953 8.21932 6.16194 7.79702 6.49845 7.43747C6.83497 7.07793 7.23901 6.78819 7.6875 6.5848C8.13599 6.3814 8.62015 6.26833 9.11234 6.25205C9.60452 6.23577 10.0951 6.31659 10.5561 6.4899C11.017 6.66321 11.4393 6.92561 11.7989 7.26212C12.1584 7.59864 12.4481 8.00268 12.6515 8.45117C12.8549 8.89966 12.968 9.38382 12.9843 9.87601Z"
stroke="#FFB100" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
<path
d="M13.9113 6.0625C13.4971 6.0625 13.1613 5.72671 13.1613 5.3125C13.1613 4.89829 13.4971 4.5625 13.9113 4.5625V6.0625ZM13.9238 4.5625C14.338 4.5625 14.6738 4.89829 14.6738 5.3125C14.6738 5.72671 14.338 6.0625 13.9238 6.0625V4.5625ZM13.9113 4.5625H13.9238V6.0625H13.9113V4.5625Z"
fill="#FFB100" />
</svg>
</span>
</a>
</div>
</div>
</div>
</a>

122
themes/berkarar/partials/home/shops.htm
View File

@ -6,10 +6,8 @@
ВСЕ
</h4>
{% for category in shop_categories %}
<h4
class="rest_tabs-link tabBtn"
data-tab="#cat-{{category.id}}"
>
<h4 class="rest_tabs-link tabBtn"
data-tab="#cat-{{category.id}}">
{{category.name}}
</h4>
{% endfor %}
@ -17,125 +15,13 @@
<div class="rest_block tabItem active" id="rest-all">
{% for shop in shop_all%}
<a href="{{ url('/') }}/shop/{{shop.id}}/{{shop.name}}" >
<div class="rest_item">
<div class="rest_item-photo">
<img src="{{shop.badge.path}}" alt="restaurant-photo" />
</div>
<div class="rest_item-info">
<h5 class="rest_item-title">{{shop.name}}</h5>
<p class="rest_item-txt">
{{shop.category.top_category.name}}, {{shop.category.name}}
</p>
<div class="rest_item-row">
<div class="rest_item-floor">
{{shop.floor}} Этаж
</div>
<a
href="{{shop.instagram_link}}"
class="rest_item-link"
>
<span>
<svg
width="19"
height="20"
viewBox="0 0 19 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
x="0.798828"
y="1.5625"
width="16.875"
height="16.875"
rx="3.5"
stroke="#FFB100"
stroke-width="1.5"
/>
<path
d="M12.9843 9.87601C13.0006 10.3682 12.9197 10.8588 12.7464 11.3197C12.5731 11.7807 12.3107 12.203 11.9742 12.5625C11.6377 12.9221 11.2337 13.2118 10.7852 13.4152C10.3367 13.6186 9.85251 13.7317 9.36032 13.7479C8.86813 13.7642 8.37756 13.6834 7.9166 13.5101C7.45565 13.3368 7.03335 13.0744 6.6738 12.7379C6.31426 12.4014 6.02452 11.9973 5.82112 11.5488C5.61773 11.1003 5.50466 10.6162 5.48838 10.124C5.4721 9.6318 5.55292 9.14123 5.72622 8.68027C5.89953 8.21932 6.16194 7.79702 6.49845 7.43747C6.83497 7.07793 7.23901 6.78819 7.6875 6.5848C8.13599 6.3814 8.62015 6.26833 9.11234 6.25205C9.60452 6.23577 10.0951 6.31659 10.5561 6.4899C11.017 6.66321 11.4393 6.92561 11.7989 7.26212C12.1584 7.59864 12.4481 8.00268 12.6515 8.45117C12.8549 8.89966 12.968 9.38382 12.9843 9.87601Z"
stroke="#FFB100"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M13.9113 6.0625C13.4971 6.0625 13.1613 5.72671 13.1613 5.3125C13.1613 4.89829 13.4971 4.5625 13.9113 4.5625V6.0625ZM13.9238 4.5625C14.338 4.5625 14.6738 4.89829 14.6738 5.3125C14.6738 5.72671 14.338 6.0625 13.9238 6.0625V4.5625ZM13.9113 4.5625H13.9238V6.0625H13.9113V4.5625Z"
fill="#FFB100"
/>
</svg>
</span>
{{shop.instagram_name}}
</a>
</div>
</div>
</div>
</a>
{% partial 'home/shop_item' shop=shop %}
{% endfor%}
</div>
{% for category in shop_categories %}
<div class="rest_block tabItem" id="cat-{{category.id}}">
{% for shop in category.getShops() %}
<div class="rest_item">
<div class="rest_item-photo">
<img src="{{shop.badge.path}}" alt="restaurant-photo" />
</div>
<div class="rest_item-info">
<h5 class="rest_item-title">{{shop.name}}</h5>
<p class="rest_item-txt">
{{category.top_category.name}}, {{category.name}}
</p>
<div class="rest_item-row">
<div class="rest_item-floor">
{{shop.floor}} Этаж
</div>
<a
href="{{shop.instagram_name_link}}"
class="rest_item-link"
>
<span>
<svg
width="19"
height="20"
viewBox="0 0 19 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
x="0.798828"
y="1.5625"
width="16.875"
height="16.875"
rx="3.5"
stroke="#FFB100"
stroke-width="1.5"
/>
<path
d="M12.9843 9.87601C13.0006 10.3682 12.9197 10.8588 12.7464 11.3197C12.5731 11.7807 12.3107 12.203 11.9742 12.5625C11.6377 12.9221 11.2337 13.2118 10.7852 13.4152C10.3367 13.6186 9.85251 13.7317 9.36032 13.7479C8.86813 13.7642 8.37756 13.6834 7.9166 13.5101C7.45565 13.3368 7.03335 13.0744 6.6738 12.7379C6.31426 12.4014 6.02452 11.9973 5.82112 11.5488C5.61773 11.1003 5.50466 10.6162 5.48838 10.124C5.4721 9.6318 5.55292 9.14123 5.72622 8.68027C5.89953 8.21932 6.16194 7.79702 6.49845 7.43747C6.83497 7.07793 7.23901 6.78819 7.6875 6.5848C8.13599 6.3814 8.62015 6.26833 9.11234 6.25205C9.60452 6.23577 10.0951 6.31659 10.5561 6.4899C11.017 6.66321 11.4393 6.92561 11.7989 7.26212C12.1584 7.59864 12.4481 8.00268 12.6515 8.45117C12.8549 8.89966 12.968 9.38382 12.9843 9.87601Z"
stroke="#FFB100"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M13.9113 6.0625C13.4971 6.0625 13.1613 5.72671 13.1613 5.3125C13.1613 4.89829 13.4971 4.5625 13.9113 4.5625V6.0625ZM13.9238 4.5625C14.338 4.5625 14.6738 4.89829 14.6738 5.3125C14.6738 5.72671 14.338 6.0625 13.9238 6.0625V4.5625ZM13.9113 4.5625H13.9238V6.0625H13.9113V4.5625Z"
fill="#FFB100"
/>
</svg>
</span>
{{shop.instagram_name}}
</a>
</div>
</div>
</div>
{% partial 'home/shop_item' shop=shop %}
{% endfor %}
</div>
{% endfor %}

4
themes/berkarar/partials/site/footer.htm
View File

@ -8,9 +8,9 @@
{% for key, i in item %}
{% for top_category in top_categories.slice(i.start,1) %}
<div class="footer_col-group">
<h6 class="footer_col-title">
<a href="{{ url('/') }}/main-category/{{top_category.id}}/{{top_category.name}}" class="footer_col-title">
{{top_category.name}}
</h6>
</a>
{% for category in top_category.getCategories(i.limit) %}
<a href="{{ url('/') }}/category/{{category.id}}/{{category.name}}" class="footer_col-link">{{category.name}}</a>
{% endfor %}

14
themes/berkarar/partials/site/navigation.htm
View File

@ -1,9 +1,7 @@
==
<?php
function onStart(){
$this['categories'] = Tps\Shops\Models\TopCategory::orderBy('sort_order')->limit(6)->get();
}
?>
==
@ -13,14 +11,14 @@ function onStart(){
<div class="nav_row">
<ul class="nav_list">
<li>
<a href="#">Новости и акции</a>
<a href="{{'sales'|page}}">Новости и акции</a>
</li>
<li>
<a href="#">Все магазины</a>
<a href="{{ url('/') }}/main-category/{{0}}/all">Все магазины</a>
</li>
{% for item in categories %}
{% for top_category in categories %}
<li>
<a href="#">{{item.name}}</a>
<a href="{{ url('/') }}/main-category/{{top_category.id}}/{{top_category.name}}">{{top_category.name}}</a>
</li>
{% endfor %}
<li>
@ -72,9 +70,9 @@ function onStart(){
{% for key, i in item %}
{% for top_category in top_categories.slice(i.start,1) %}
<div class="menu_col-group">
<h6 class="menu_col-title">
<a href="{{ url('/') }}/main-category/{{top_category.id}}/{{top_category.name}}" class="footer_col-title">
{{top_category.name}}
</h6>
</a>
{% for category in top_category.getCategories(i.limit) %}
<a href="{{ url('/') }}/category/{{category.id}}/{{category.name}}" class="menu_col-link">{{category.name}}</a>
{% endfor %}