From a3bfd9f5c8f7eaafb08f1445925ab4087bbe3ee3 Mon Sep 17 00:00:00 2001 From: Metehan Celik Date: Fri, 28 Jan 2022 13:17:15 +0300 Subject: [PATCH] blog design for base-theme --- .../base-theme/resources/lang/en/field.php | 7 + .../base-theme/resources/lang/tr/field.php | 6 + .../base-theme/resources/scss/post.scss | 152 + .../base-theme/resources/scss/style.scss | 2771 +++++++++++++++++ .../anomaly/posts-module/posts/index.twig | 95 + .../anomaly/posts-module/posts/view.twig | 66 + 6 files changed, 3097 insertions(+) create mode 100644 addons/default/visiosoft/base-theme/resources/scss/post.scss create mode 100755 addons/default/visiosoft/base-theme/resources/scss/style.scss create mode 100644 addons/default/visiosoft/base-theme/resources/views/addons/anomaly/posts-module/posts/index.twig create mode 100644 addons/default/visiosoft/base-theme/resources/views/addons/anomaly/posts-module/posts/view.twig diff --git a/addons/default/visiosoft/base-theme/resources/lang/en/field.php b/addons/default/visiosoft/base-theme/resources/lang/en/field.php index 1dbcef01d..bfa80a311 100644 --- a/addons/default/visiosoft/base-theme/resources/lang/en/field.php +++ b/addons/default/visiosoft/base-theme/resources/lang/en/field.php @@ -43,6 +43,10 @@ return [ 'login_with_phone_number' => 'Login with Phone Number', 'login_with_email_address' => 'Login with Email Address', + // Share + 'share_on_facebook' => 'Share on Facebook', + 'share_on_twitter' => 'Share on Twitter', + // Side menu links 'company_directory' => 'Company directory', 'popular_ads' => 'Popular Ads', @@ -51,6 +55,9 @@ return [ 'sms' => 'Send Text Message (SMS)', 'mail' => 'Send Mail', + //Related + 'related_posts' => 'Related Posts', + // Register instruction seed 'register_instructions' => 'Register Instructions', 'list' => 'List', diff --git a/addons/default/visiosoft/base-theme/resources/lang/tr/field.php b/addons/default/visiosoft/base-theme/resources/lang/tr/field.php index 5f49e3ab6..df2ee7ccd 100644 --- a/addons/default/visiosoft/base-theme/resources/lang/tr/field.php +++ b/addons/default/visiosoft/base-theme/resources/lang/tr/field.php @@ -43,6 +43,10 @@ return [ 'login_with_phone_number' => 'Telefon Numarası ile Giriş', 'login_with_email_address' => 'E-posta Adresi ile Giriş', + // Share + 'share_on_facebook' => 'Facebook\'ta Paylaş', + 'share_on_twitter' => 'Twitter\'da Paylaş', + // Side menu links 'company_directory' => 'Firma Rehberi', 'popular_ads' => 'Popüler İlanlar', @@ -51,6 +55,8 @@ return [ 'sms' => 'Kısa Mesaj Gönder (SMS)', 'mail' => 'E-posta Gönder', + //Related + 'related_posts' => 'İlgili İçerikler', // Register instruction seed 'register_instructions' => 'Kayıt Talimatları', 'list' => 'Liste', diff --git a/addons/default/visiosoft/base-theme/resources/scss/post.scss b/addons/default/visiosoft/base-theme/resources/scss/post.scss new file mode 100644 index 000000000..b6e41bc3b --- /dev/null +++ b/addons/default/visiosoft/base-theme/resources/scss/post.scss @@ -0,0 +1,152 @@ +vedat.social { + display: flex; + .icon { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border: .5px solid #f4f4f4; + border-radius: 4px; + margin: 0 5px; + color: black; + } +} + +.productImage { + max-height: 700px; + overflow: hidden; +} + +.bgSpecial_2 { + background-color: #516eab; +} + +.bgSpecial_3 { + background-color: #29c5f6; +} + +.bgSpecial_4 { + background-color: #eb4026; +} + +.bgSpecial_5 { + background-color: #ca212a; +} + +.paddingSpecial { + padding: 13px; + margin: 5px 0; + display: flex; + align-items: center; + justify-content: center; +} + +.positionSpecial { + position: relative; + top: -100px; + @media (max-width: 768px) { + top: 0; + } +} + +// POST LIST +.textBlack { + color: black; + &:hover { + color: black; + } +} + +.bannerImage_2 { + img { + width: 100%; + height: 235px; + object-fit: cover; + } +} + +.lineGap_2 { + width: 100%; + height: 2px; + background: #fa0f19; +} + +.bgForLight { + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); + z-index: 99999; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; +} + +.z-index { + z-index: 9999999999; +} + +.fs-17px { + font-size: 17px; + @media (max-width:992px) { + font-size: 14px; + } +} + +.bgSpecial_6 { + background-color: black; +} + +.ImageWidth { + max-width: 80px; +} + +.w-fit { + width: fit-content; +} + +.fs-26 { + font-size: 26px; +} + +.fs-10 { + font-size: 10px; +} + +.left-zero { + left: 0; +} + +.bottom-zero { + bottom: 0; +} + +.slick-arrow { + width: auto; + height: auto; +} + +.slick-next { + right: -40px; + @media (max-width: 768px){ + right: 15px; + } +} + +.slick-prev { + left: -40px; + z-index: 9999999; + @media (max-width: 768px) { + left: 15px; + } +} + +.slick-prev:before, +.slick-next:before { + color: black; + font-size: 40px; + opacity: 1; + @media (max-width: 768px) { + color: white; + } +} diff --git a/addons/default/visiosoft/base-theme/resources/scss/style.scss b/addons/default/visiosoft/base-theme/resources/scss/style.scss new file mode 100755 index 000000000..b9511ba5e --- /dev/null +++ b/addons/default/visiosoft/base-theme/resources/scss/style.scss @@ -0,0 +1,2771 @@ +@mixin flex($align, $justify, $direction) { + display: flex; + align-items: $align; + flex-direction: $direction; + justify-content: $justify; +} + +@font-face { + font-family: 'Roboto'; + font-weight: 100; + font-style: normal; + src: url('{{ asset_path("visiosoft.theme.hepsiemlak::fonts/roboto/Roboto-Thin.ttf") }}') format('truetype'); +} + +@font-face { + font-family: 'Roboto'; + font-weight: 100; + font-style: italic; + src: url('{{ asset_path("visiosoft.theme.hepsiemlak::fonts/roboto/Roboto-ThinItalic.ttf") }}') format('truetype'); +} + +@font-face { + font-family: 'Roboto'; + font-weight: 300; + font-style: normal; + src: url('{{ asset_path("visiosoft.theme.hepsiemlak::fonts/roboto/Roboto-Light.ttf") }}') format('truetype'); +} + +@font-face { + font-family: 'Roboto'; + font-weight: 300; + font-style: italic; + src: url('{{ asset_path("visiosoft.theme.hepsiemlak::fonts/roboto/Roboto-LightItalic.ttf") }}') format('truetype'); +} + +@font-face { + font-family: 'Roboto'; + font-weight: 400; + font-style: normal; + src: url('{{ asset_path("visiosoft.theme.hepsiemlak::fonts/roboto/Roboto-Regular.ttf") }}') format('truetype'); +} + +@font-face { + font-family: 'Roboto'; + font-weight: 400; + font-style: italic; + src: url('{{ asset_path("visiosoft.theme.hepsiemlak::fonts/roboto/Roboto-Italic.ttf") }}') format('truetype'); +} + +@font-face { + font-family: 'Roboto'; + font-weight: 500; + font-style: normal; + src: url('{{ asset_path("visiosoft.theme.hepsiemlak::fonts/roboto/Roboto-Medium.ttf") }}') format('truetype'); +} + +@font-face { + font-family: 'Roboto'; + font-weight: 500; + font-style: italic; + src: url('{{ asset_path("visiosoft.theme.hepsiemlak::fonts/roboto/Roboto-MediumItalic.ttf") }}') format('truetype'); +} + +@font-face { + font-family: 'Roboto'; + font-weight: 700; + font-style: normal; + src: url('{{ asset_path("visiosoft.theme.hepsiemlak::fonts/roboto/Roboto-Bold.ttf") }}') format('truetype'); +} + +@font-face { + font-family: 'Roboto'; + font-weight: 700; + font-style: italic; + src: url('{{ asset_path("visiosoft.theme.hepsiemlak::fonts/roboto/Roboto-BoldItalic.ttf") }}') format('truetype'); +} + +@font-face { + font-family: 'Roboto'; + font-weight: 900; + font-style: normal; + src: url('{{ asset_path("visiosoft.theme.hepsiemlak::fonts/roboto/Roboto-Black.ttf") }}') format('truetype'); +} + +@font-face { + font-family: 'Roboto'; + font-weight: 900; + font-style: italic; + src: url('{{ asset_path("visiosoft.theme.hepsiemlak::fonts/roboto/Roboto-BlackItalic.ttf") }}') format('truetype'); +} + +* { + scroll-behavior: smooth; + font-family: 'Roboto', sans-serif; +} + +.text_1 { + color: #9f9f9f; + font-size: 14px; + font-weight: 700; +} + +.header-mobile { + /* BURGER MENU */ + background: #f2f2f2; + + .burger { + width: 100%; + height: 100%; + position: fixed; + display: flex; + top: 0 ; + bottom: 0 ; + z-index: 1000; + left: -100%; + } + + .burger-side.show{ + display: flex; + left: 0 ; + } + + .burger-other.show { + left: 0 ; + } + + .burger.show { + display: flex; + left: 0 ; + } + + + .burger-side { + top: 0 ; + height: 100%; + width: 85%; + left: -100%; + color: #434343; + font-weight: 500; + background-color: white; + z-index: 300; + position: absolute; + display: flex; + flex-direction: column; + transition: left .4s ease-in-out .25s; + } + + .burger-other { + width:100%; + height: 100%; + background-color: rgba(0,0,0,0.2); + position: absolute; + left: -100%; + transition: all 0s ease; + } + + + .burger-header-area { + display: flex; + flex-direction: column; + align-items: center; + padding: 5px; + transition: background-color 0.5s ease; + border-radius: 50%; + position: absolute; + top: 20px; + left: 20px; + svg { + fill: white; + } + } + + .burger-header-area:hover { + background-color: rgb(207, 207, 207); + opacity: .6; + } + + .fs-23 { + font-size: 23px; + } + .fs-21{ + font-size: 21px; + } + + .mobile-top { + height: 303px; + background-image: url("{{img('visiosoft.theme.hepsiemlak::images/572420c.png').url}}"); + background-repeat: no-repeat; + background-size: cover; + background-position: top; + } + + .logo-mobile { + margin: 15px 0 0 0; + } + + .wrapper-mobile { + h2 { + padding: 0; + margin: 0; + color: #fff; + text-shadow: 0 2px 0 rgba(0,0,0,0.5); + font-size: 23px; + span { + margin-right: 6px; + display: inline-block; + text-align: right; + } + span::before { + content: ''; + animation: animate infinite 6s; + + } + @keyframes animate { + 0% { + content: '{{ trans("visiosoft.theme.hepsiemlak::field.wrapper_list.house") }}'; + } + 50% { + content: '{{ trans("visiosoft.theme.hepsiemlak::field.wrapper_list.land") }}'; + } + 100% { + content: '{{ trans("visiosoft.theme.hepsiemlak::field.wrapper_list.store") }}'; + } + } + } + } + + .search-button{ + height: 58px; + padding: 0 15px; + display: flex; + align-items: center; + text-decoration: none; + border-radius: 0 6px 6px 0; + position: relative; + left:-1px; + font-size: 20px; + i { + color: red; + } + } + + .options-2 { + position: relative; + top: -50px; + } + +} + +.SearchArea { + width: 100%; + padding: 0 0 0 15px; + border-radius: 6px 0 0 6px; + outline: none; + border: none; + &::placeholder { + color: #313131; + opacity: 0.7; + } +} + +.color-3 { + color: #ffbe00; + + &:hover { + color: #ffbe00; + } +} + +.color-4 { + color: #535353; + + &:hover { + color: #535353; + } +} + +.color-10 { + color: #ccc; +} + +.l-0 { + left: 0; +} + +.h-95vh { + height: 95vh; +} + +.h-100vh { + height: 100vh; +} + +.color-5 { + color: #a1a1a1; + + &:hover { + color: #a1a1a1; + } +} + +.bg-special-6 { + background-color: #eaeaea; +} + +.bg-special-5 { + background-color: #ebe9e9; +} + +.height-1 { + height: 30px; +} + + +.height-4 { + height: 20px; +} + + +.dik-cizgi-2 { + height: 20px; + border-left: 1px solid #d4d4d4; +} + +.border-none { + @media screen and (max-width: 768px) { + border: none !important; + } +} + +.height-2 { + height: 118px; +} + +.dik-cizgi { + height: 30px; + border-left: 1px solid #d4d4d4; +} + +.list-group-item-special { + background-color: #e7e7e7; +} + +.container-100 { + max-width: 1368px !important; +} + +.w-special { + width: 50%; + + @media screen and (max-width: 992px) { + width: 100%; + } +} + +.w-special-2 { + width: 80px; + padding: 13px; + + img { + width: 100%; + } +} + +.bg-yellow { + background-color: #ffbe00 !important; +} + +.favorite-action.heart-icon { + width: 40px; + height: 40px; +} + +.slide-area { + .slick-prev { + left: 0; + } + + .product { + width: 100%; + + .product-img { + padding: 0 5px; + display: flex; + align-items: center; + justify-content: center; + + img { + + object-fit: contain; + margin-top: 5px; + + @media screen and (min-width: 1200px) { + width: 100%; + } + } + } + + .product-text-area { + width: 100%; + } + + .heart-icon { + width: 45px; + height: 45px; + display: flex; + align-items: center; + justify-content: center; + } + + .bg-special { + background-color: #0089d0; + } + + .bg-special-2 { + background-color: #ffbe00; + } + } +} + +#mobile-product-detay { + height: 60px; +} + +#product-detay { + margin-bottom: 0; + + .product-big-image { + + @media screen and (max-width: 1200px) { + width: 100%; + height: auto !important; + } + } + + .slick-dotted.slick-slider { + margin: 0 !important; + } + + .slick-track { + padding: 0 0 0 0; + } + + .slick-arrow { + width: auto; + height: auto; + border-radius: 50%; + padding: 0; + background-color: transparent !important; + box-shadow: none; + + @media screen and (max-width: 768px) { + display: block !important; + } + } + + .slick-prev:before, + .slick-next:before { + font-family: 'slick', sans-serif !important; + font-size: 75px; + color: #fff !important; + + @media screen and (max-width: 768px) { + font-size: 50px; + } + } + + + .slick-prev { + width: auto; + height: auto; + z-index: 9999; + left: 30px !important; + + &:before { + content: '←' !important; + } + } + + .slick-next { + width: auto; + height: auto; + z-index: 9999; + right: 40px !important; + + &:before { + content: '→' !important; + } + } + + .slick-prev:before, + .slick-next:before { + color: white; + } + + .slick-dots { + display: none !important; + position: relative !important; + top: 15px; + } + + + + .look-into { + font-size: 33px; + color: #535353; + top: calc(50% - 60px) !important; + left: calc(50% - 40px) !important; + background-color: white; + width: 60px; + height: 60px; + border-radius: 50%; + @include flex(center, center, row); + display: none !important; + } + + .product-image-hover { + background-repeat: no-repeat; + background-position: center; + background-size: cover; + height: 500px; + @media screen and (max-width: 768px) { + height: 350px; + } + &:hover { + .look-into { + display: flex !important; + } + } + } +} + +.position-special { + position: relative; + top: -40px; +} + +.list-group-item { + border: none; +} + +#product-detay-2 { + height: 100%; + margin-bottom: 0; + + + .product-big-image { + margin: auto; + height: 100vh; + width: 100%; + object-fit: contain; + object-position: center; + + @media screen and (max-width: 1200px) { + width: 100%; + height: auto !important; + } + } + + .slick-dotted.slick-slider { + margin: 0 !important; + display: flex; + align-items: center; + justify-content: center; + } + + .slick-track { + padding: 0 0 0 0; + } + + .slick-arrow { + width: auto; + height: auto; + border-radius: 50%; + padding: 0; + background-color: transparent !important; + box-shadow: none; + + @media screen and (max-width: 768px) { + display: block !important; + } + } + + .slick-prev:before, + .slick-next:before { + font-family: 'slick'; + font-size: 75px; + + @media screen and (max-width: 768px) { + font-size: 50px; + } + } + + + .slick-prev { + width: auto; + height: auto; + z-index: 9999; + left: 30px; + } + + .slick-next { + width: auto; + height: auto; + z-index: 9999; + right: 40px; + } + + .slick-prev:before, + .slick-next:before { + color: white; + } + + .slick-dots { + display: none !important; + position: relative !important; + top: 15px; + } + + + + .look-into { + font-size: 33px; + color: #535353; + top: calc(50% - 60px) !important; + left: calc(50% - 40px) !important; + background-color: white; + width: 60px; + height: 60px; + border-radius: 50%; + @include flex(center, center, row); + display: none !important; + } + + .product-image-hover { + &:hover { + .look-into { + display: flex !important; + } + } + } +} + +#urun-detay { + .slick-initialized .slick-slide { + display: flex; + justify-content: center; + } +} + +.heightSpecial_1 { + height: calc(100% - 55px); +} + +.zoomImage { + position: fixed; + width: 100% !important; + height: 100vh !important; + z-index: 999999999999999999; + top: 0; + right: 0; + + .tab-pane.active { + background-color: #4c4c4c !important; + } +} + +.dontShow { + display: none !important; +} + +.logo-proje { + img { + width: 110px; + } +} + + +.border-none-2 { + @media screen and (max-width: 1200px) { + border: none !important; + } +} + +.placeholder-color { + &::placeholder { + color: #b6b8b9; + } +} + + + +#project { + .burger { + width: 100%; + height: 100%; + position: fixed; + display: flex; + top: 0 ; + bottom: 0 ; + z-index: 1000; + left: -100%; + } + + .burger-side.show{ + display: flex; + left: 0 ; + } + + .burger-other.show { + left: 0 ; + } + + .burger.show { + display: flex; + left: 0 ; + } + + + .burger-side { + top: 0 ; + height: 100%; + width: 60%; + left: -100%; + color: #434343; + font-weight: 500; + background-color: white; + z-index: 300; + position: absolute; + display: flex; + flex-direction: column; + transition: left .4s ease-in-out .25s; + } + + .burger-other { + width:100%; + height: 100%; + background-color: rgba(0,0,0,0.2); + position: absolute; + left: -100%; + transition: all 0s ease; + } + + + .burger-header-area { + display: flex; + flex-direction: column; + align-items: center; + padding: 5px; + transition: background-color 0.5s ease; + border-radius: 50%; + svg { + fill: white; + } + } + + .burger-header-area:hover { + background-color: rgb(207, 207, 207); + opacity: .6; + } + +} + +.img-area-proje { + height: 450px; + border: 1px solid grey; +} + +.data-option { + width: 117px; + transition: all .2s linear; + .data-option-img { + transition: all .3s linear; + i { + font-size: 23px; + height: 28px; + transition: all .2s linear; + } + } + &:hover { + border: 1px solid #e0241e !important; + color: #e0241e !important; + .data-option-img { + background-color: #e0241e !important; + i { + color: white !important; + font-size: 28px !important; + } + } + } +} + +.border-special { + border: 1px solid #fda657; + .gift-icon { + width: 57px; + height: 78px; + @include flex(center, center, row); + background-color: #fda657; + i { + font-size: 20px; + } + } +} + +.mb-40 { + margin-bottom: 40px; +} + +.fw-500 { + font-weight: 500; +} + +.fw-600 { + font-weight: 600; +} + +.fw-700 { + font-weight: 700; +} + +.w-90 { + width: 90%; +} + +.fs-20 { + font-size: 20px; +} + +.fs-24 { + font-size: 24px; +} + +.fs-28 { + font-size: 28px; +} + +.fs-14 { + font-size: 14px !important; +} + +.w-fit { + width: fit-content; +} + +.fs-18 { + font-size: 18px !important; +} + +.fs-30 { + font-size: 30px !important; +} + +.fs-38 { + font-size: 38px !important; +} + +.w-85 { + width: 85%; +} + +.color-1 { + color: #434343; +} + +.z-index { + z-index: 99999999; +} + +.text-red { + color: #ca1610; +} + +.w-151 { + width: 151px; +} + +.color-2 { + color: #434343; +} + +.bg-yellow { + background-color: #ffbe00; +} + +.h-fit { + height: fit-content; +} + +.height-3 { + height: 80px; +} + +.fs-22 { + font-size: 22px; +} + +.cursor-pointer { + cursor: pointer; +} + +.border-none-1 { + border: none !important; +} + +.w-special-3 { + max-width: 480px; +} + +.color-6 { + color: #b6b8b9; + + &:hover { + color: #b6b8b9; + } +} + +.radius-2 { + border-radius: 24px; +} + +.w-special-4 { + width: 60px; + padding: 8px; + + img { + width: 100%; + } +} + +.border-red { + border: 1px solid #e0241e !important; +} + +.color-7 { + color: #fda657; + + &:hover { + color: #fda657; + } +} + +.color-8 { + color: #767676 !important; + + &:hover { + color: #767676; + } +} + +.fs-34 { + font-size: 34px; +} + +.hover { + transition: all .4s ease; + + &:hover { + background-color: #f2f2f2; + } +} + +.border-top-1 { + border-top: 3px solid #e1211b; +} + +.font { + font-family: Arial, sans-serif; +} + +.fs-12 { + font-size: 12px; +} + +header { + height: 59vh; + + a { + color: white; + text-decoration: none; + + &:hover { + color: white; + } + + } + + background-position: center bottom; + background-repeat: no-repeat; + background-size: cover; + + .SearchArea { + width: 600px; + padding: 10px 15px; + border-radius: 24px 0 0 24px; + outline: none; + border: none; + + @media screen and(max-width: 768px) { + width: 550px; + } + + @media screen and(max-width: 700px) { + width: 500px; + } + + @media screen and(max-width: 735px) { + width: 450px; + } + + @media screen and(max-width: 576px) { + width: 350px; + } + + @media screen and(max-width: 470px) { + width: 100%; + } + + &::placeholder { + color: #2c2c2c; + opacity: 0.7; + } + } + + .search-button { + padding: 10px 15px; + display: block; + border-radius: 0 24px 24px 0; + font-size: 20px; + } + +} + +.header-user-button-1 { + top: 20px; + right: 190px; + + .log-hover { + width: 230px; + position: absolute; + left: -15px; + top: 30px; + display: none; + } + + .hover-2 { + &:hover { + background-color: rgb(233, 233, 233); + } + } + + .header-user-button-inside { + padding: 8px 15px; + background-color: white; + border-radius: 21px; + } + + i { + font-size: 26px; + margin-left: 6px; + color: #d7d7d7; + } + + &:hover { + .log-hover { + display: block; + + > a { + display: none !important; + } + } + } + + @media screen and (min-width: 768px) { + position: absolute; + } +} + +.header-user-button-2 { + top: 25px; + right: 20px; + background-color: #ffbe00; + padding: 8px 15px; + border-radius: 21px; + + @media screen and (min-width: 768px) { + position: absolute; + } +} + +.header-user-button-3 { + width: fit-content; + + .log-hover { + width: 230px; + position: absolute; + left: -50px; + top: 30px; + display: none; + } + + .hover-2 { + &:hover { + background-color: rgb(233, 233, 233); + } + } + + .header-user-button-inside { + padding: 8px 15px; + background-color: white; + border-radius: 21px; + } + + i { + font-size: 26px; + margin-left: 6px; + color: #d7d7d7; + } + + &:hover { + .log-hover { + display: block; + } + } +} + +main { + background-color: #f2f2f2; + padding: 0; + + .product { + .product-img { + padding: 0 5px; + display: flex; + align-items: center; + justify-content: center; + + img { + width: 100%; + object-fit: cover; + height: 220px; + margin-top: 5px; + } + } + + .heart-icon { + width: 30px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + top: 20px; + right: 25px; + } + + .bg-special { + background-color: #0089d0; + } + + .bg-special-2 { + background-color: #ffbe00; + } + } + + .product-bg { + background-color: #fffae2; + } + + .banner { + height: 281px; + background-repeat: no-repeat; + background-position: right; + background-size: cover; + padding: 25px 70px !important; + + @media screen and(max-width: 768px) { + + padding: 25px 35px !important; + } + } + + #banner-1 { + background-image: url("../images/haritada-ilan-ara.3f7a69f.png"); + } + + #banner-2 { + background-image: url("../images/hurriyet-emlak-kurumsal.2439a3d.png"); + } +} + +.options { + a { + flex: 1; + } +} + +.options-a { + a { + width: 45px; + height: 45px; + margin: 0 8px; + border-radius: 8px; + } +} + +.fs-40 { + font-size: 40px; +} + +.active { + background-color: #f2f2f2 !important; + color: black !important; +} + +.bg-special-3 { + background-color: #f2f2f2; +} + +.bg-special-4 { + background-color: #f37021; +} + + +#flip { + height: 50px; + overflow: hidden; + display: inline-block; +} + +#flip>div>div { + color: #fff; + display: inline-block; + height: 45px; + margin-bottom: 50px; +} + +#flip div:first-child { + animation: show 8s ease-in-out infinite; +} + +@keyframes show { + 0% { + margin-top: -270px; + } + + 5% { + margin-top: -180px; + } + + 33% { + margin-top: -180px; + } + + 38% { + margin-top: -90px; + } + + 66% { + margin-top: -90px; + } + + 71% { + margin-top: 0; + } + + 99% { + margin-top: 0; + } + + 100% { + margin-top: -270px; + } +} + +.btn-outline-yellow { + border-color: #ffbe00 !important; + color: #ffbe00 !important; +} + +.btn-hover { + color: #767676; + font-weight: 500; + transition: background-color .2s ease, color .2s ease; + display: flex; + align-items: center; + justify-content: center; + position: relative; + + .w-special-5 { + width: 290px; + position: absolute; + top: -120px; + left: -10px; + display: none; + text-align: start; + + &.detail { + left: 0; + } + } + + &:hover { + background-color: #ffbe00 !important; + color: white !important; + border: none !important; + + .w-special-5 { + display: block; + color: black; + } + } +} + +.wrapper h2 { + padding: 0; + margin: 0; + color: #fff; + text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5); + font-size: 18px; +} + +.wrapper { + h2 { + span::before { + content: ''; + animation: animate infinite 6s; + + } + + @keyframes animate { + 0% { + content: '{{ trans("visiosoft.theme.hepsiemlak::field.wrapper_list.house") }}'; + } + + 50% { + content: '{{ trans("visiosoft.theme.hepsiemlak::field.wrapper_list.land") }}'; + } + + 100% { + content: '{{ trans("visiosoft.theme.hepsiemlak::field.wrapper_list.store") }}'; + } + } + } +} + +.accordion-button { + background: #f2f2f2 !important; + outline: none !important; +} + +.slick-arrow { + width: auto; + height: auto; + padding: 10px; + background-color: white !important; + box-shadow: 0 5px 7px 2px rgba(0, 0, 0, .13); + + &:hover { + background-color: white; + } + + @media screen and (max-width: 768px) { + display: none !important; + } +} + +.slick-prev { + position: absolute; + left: 0; + z-index: 1111; +} + +.slick-next { + position: absolute; + right: -5px; + z-index: 1111; +} + +.slick-prev:before, +.slick-next:before { + color: blue; +} + +.slick-dots { + position: relative !important; + top: 0; +} + +.slick-track { + padding: 0 0 20px 0; +} + + +#filter-area { + @media screen and (max-width: 992px) { + max-width: 100%; + } + + #SearchArea { + outline: none; + border: none; + + &::placeholder:after { + content: "Arama.."; + } + } + + .radius-1 { + border-radius: 22px; + } +} + +.border-color-1 { + border: 1px solid rgb(172, 172, 172); +} + +.border-color-2 { + border: 1px solid #f2f2f2; +} + +.border-top-2 { + border-top: 3px solid transparent; +} + +.heart-icon-2 { + width: 35px; + height: 35px; +} + +.w-special-6 { + width: 300px; + + @media screen and (max-width: 768px) { + img { + width: 100%; + } + + width: 100%; + } +} + +.w-special-7 { + max-width: 80px; + height: 65px; +} + +.pt-special { + padding-top: 70px; +} + +#list-area { + .burger { + width: 100%; + height: 100%; + position: fixed; + display: flex; + top: 0; + bottom: 0; + z-index: 100000000; + left: -100%; + } + + .burger-side.show { + display: flex; + left: 0; + } + + .burger-other.show { + left: 0; + } + + .burger.show { + display: flex; + left: 0; + } + + + .burger-side { + top: 0; + height: 100%; + width: 85%; + left: -100%; + color: #434343; + font-weight: 500; + background-color: white; + z-index: 300; + position: absolute; + display: flex; + flex-direction: column; + transition: left .4s ease-in-out .25s; + } + + .burger-other { + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.2); + position: absolute; + left: -100%; + transition: all 0s ease; + } + + + .burger-header-area { + display: flex; + flex-direction: column; + align-items: center; + padding: 5px; + transition: background-color 0.5s ease; + border-radius: 50%; + position: absolute; + top: 20px; + left: 20px; + + svg { + fill: white; + } + } + + .burger-header-area:hover { + background-color: rgb(207, 207, 207); + opacity: .6; + } +} + +.border-none-3 { + @media screen and (max-width: 768px) { + border: none !important; + } +} + +.top-zero { + top: 0; +} + +.bottom-zero { + bottom: 0; +} + +.right-zero { + right: 0; +} + +.start-zero { + left: 0; +} + +a { + text-decoration: none !important; +} + + +.max-width100 { + max-width: 100%; +} + +.borderRight { + border-right: 1px solid rgb(221, 221, 221); + + @media (max-width: 992px) { + border: none; + } +} + +.heightSpecial { + height: 55px; + min-height: 55px; +} + +.bigPicture { + color: white; + background-color: transparent; + padding: 0 20px; + + &:hover { + color: #e1211b; + background-color: white; + } +} + +.bgSpecial { + background-color: #e1211b; +} + +.containerOne { + max-width: 100%; +} + +.iconHeart { + width: 45px; + height: 45px; +} + +.rounded-one { + border-radius: .2rem; +} + +.rounded-two { + border-radius: .25rem; +} + +.rounded-three { + border-radius: .3rem; +} + +.accountsHover { + height: 50px; + position: relative; + display: flex; + align-items: center; +} + + +*{ + box-sizing:border-box; +} +.gallery-wrapper{ + max-width:960px; + width:100%; + margin:0 auto; + padding:0 1em; + display:grid; + //grid-template-columns:repeat(3, 1fr); + grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); + grid-gap: 1em; + .image-wrapper{ + a{ + padding:0.5em; + display:block; + width:100%; + text-decoration:none; + color:#333; + box-shadow:0 0 5px rgba(0,0,0,0.3); + transition: all 200ms ease-in-out; + &:hover{ + box-shadow:0 2px 5px rgba(0,0,0,0.5); + } + img{ + width:100%; + } + } + } +} + +.gallery-lightboxes{ + .image-lightbox{ + position:fixed; + top:0; + left:0; + width:100vw; + height:100vh; + background:rgba(0,0,0,0.8); + backdrop-filter: blur(5px); + display:flex; + align-items:center; + justify-content: center; + opacity:0; + visibility:hidden; + transition: opacity 0ms ease-in-out; + &:target{ + opacity:1; + visibility:visible; + .image-lightbox-wrapper{ + opacity:1; + transform:scale(1,1) translateY(0); + } + } + .image-lightbox-wrapper{ + transform:scale(0.95,0.95) translateY(-30px); + transition: opacity 500ms ease-in-out, transform 500ms ease-in-out; + opacity:0; + margin:1em auto; + max-width:75%; + padding:.5em; + display:inline-block; + background:#fff; + box-shadow:0 0 5px rgba(0,0,0,0.8); + position:relative; + .close{ + width: 1.5em; + height: 1.5em; + background: #000; + color: #fff; + font-weight: bold; + text-decoration: none; + border-radius: 50%; + box-shadow: 0 0 0 2px white inset, 0 0 5px rgba(0, 0, 0, 0.5); + position: absolute; + right: -1em; + top: -1em; + &:before{ + content: ''; + display: block; + width: 10px; + height: 2px; + background: #fff; + margin: 0; + position: absolute; + top: 50%; + left: 50%; + margin: -1px 0 0 -5px; + transform: rotate(-45deg); + } + &:after{ + content: ''; + display: block; + width: 10px; + height: 2px; + background: #fff; + margin: 0; + position: absolute; + top: 50%; + left: 50%; + margin: -1px 0 0 -5px; + transform: rotate(45deg); + } + } + .arrow-left{ + position:absolute; + top:0; + right:50%; + bottom:0; + left:0; + &:before{ + content:''; + display:inline-block; + width: 20px; + height: 20px; + border: 2px solid #fff; + border-bottom: 0; + border-right: 0; + border-radius:4px 0 0 0; + position: absolute; + top: 50%; + right: 100%; + cursor:pointer; + transform: rotate(-45deg) translateY(-50%); + } + } + .arrow-right{ + position:absolute; + top:0; + right:0; + bottom:0; + left:50%; + &:before{ + content:''; + display:block; + width: 20px; + height: 20px; + border: 2px solid #fff; + border-bottom: 0; + border-left: 0; + border-radius:0 4px 0 0; + position: absolute; + top: 50%; + left: 100%; + cursor:pointer; + transform: rotate(45deg) translateY(-50%); + } + } + img{ + margin:0 auto; + max-height:70vh; + } + } + } +} + +#mapDiv { + height: 100% !important; +} + +.height-54 { + height: 54px; +} + +.fs-12 { + font-size: 12px; +} + +.fs-14 { + font-size: 14px; +} + +.fs-18 { + font-size: 18px; +} + +.fs-20 { + font-size: 20px; +} + +.fs-22 { + font-size: 22px; +} + +.logoProfile { + width: 140px; + img { + width: 100%; + } +} + +.bg-special-6 { + background-color: #f4f4f4; + +} + +.SearchArea-4 { + flex: auto; + + padding: 0 30px; + input { + width: 100%; + height: 45px; + &::placeholder { + color: #757575; + } + } +} + +#searchArea { + padding-left: 45px; + &::placeholder { + color: #b3b3b3; + } +} + +.outlineNone { + outline: none; +} + +.paddingSpecial_2 { + padding: 10px 15px; +} + +.bg-special-7 { + background-color: #d34e4f; +} + +.bg-special-8 { + background-color: #3bae75; +} + +.borderNone { + border: none !important; +} + +.height-6 { + height: 44px; +} + +.profileItem { + width: 100%; + height: 125px; + display: flex; + padding: 0 20px; + text-align: center; + align-items: center; + justify-content: center; + flex-direction: column; + background-color: #f4f4f4; + font-size: 14px; + text-decoration: none; + color: #555; + border: 1px solid #ededed; + + &:hover { + background-color: white; + box-shadow: 0 5px 5px rgba(0, 0, 0, .075) !important; + transition: .3s ease; + color: #555; + } + + &.active { + background-color: #fff !important; + color: #555; + } + + @media (max-width: 768px) { + height: 95px; + margin-top: 10px; + } + + i { + margin-bottom: 10px; + font-size: 25px; + } +} + +.borderLine { + width: 100%; + height: .5px; + background-color: rgb(212, 212, 212); +} + +.profileItem_2 { + padding: 18px 15px; + color: black; + &:hover { + color: black; + background-color: #D34E4F; + color: white; + } +} + + +.sliderSix_Image { + flex: auto; + height: 250px; + object-fit: cover; + object-position: center; +} + +.verifyNumber { + width: 420px; + svg { + width: 90px; + } +} + +.fs-15 { + font-size: 15px; +} + +.colorFive { + color: #dc354b; + margin-left: 3px; +} + +.countryInput { + width: 40px; +} + +.spinButton_Special { + &::-webkit-inner-spin-button { + display: none !important; + } +} + +.telInput { + width: 194px; +} + +.borderOne { + border: 1px solid #a3a3a3; + color: #494949; +} + +.bgSpecial_2 { + background-color: #ffbe00; +} + +.bgSpecial_3 { + background-color: #dfdfdf; +} + +.SpecialWidth_2 { + width: 35px; + height: 35px; + display: flex; + align-items: center; + justify-content: center; +} + +.fs-17 { + font-size: 17px; +} + +.lineSpecial { + width: 80px; + height: .5px; + margin: 0 10px; + background-color: rgb(212, 212, 212); +} + +.slick-arrow { + border-radius: 50%; + z-index: 9999; + top: 45%; +} + +.slick-next { + right: 35px; +} + +.slick-prev { + left: 10px; +} + +.slick-prev:before, +.slick-next:before { + color: white; + font-size: 45px; + opacity: 1; +} + +a { + text-decoration: none !important; +} + +.roundedSpecial { + border-radius: 50px; +} + +.fw-400 { + font-weight: 400; +} + +.fw-500 { + font-weight: 500; +} + +.fw-600 { + font-weight: 600; +} + +.fs-32 { + font-size: 32px; +} + +.color_6 { + color: #c1c7d0; +} + +.fs-11 { + font-size: 11px; +} + +.height-7 { + height: 45px; +} + +.maxWidth_1280 { + max-width: 1280px; +} + +.paddingSpecial { + padding: 10px 20px; +} + +.bgSpecial_4 { + background-color: #e1211b; +} + +.color_7 { + color: #959595; +} + +.selectWidth { + width: 210px; +} + + +.logHover { + width: 230px; + height: 40px; + top: 45px; + left: calc(-50% + 23px); + display: none; +} + +.logHoverOut { + &:hover { + .logHover { + display: block; + } + } +} + +.polygonProfile { + width: 23px; + height: 23px; + margin-top: 3px; + position: absolute; + left: calc(50% - 23px); + top: 5px; + background-color: white; + transform: rotate(45deg); + z-index: -1; +} + +.z-index { + z-index: 9999999; +} + +.color_8 { + color: #434343 !important; +} + +.hoverProfile { + padding: 7px; + transition: .2s ease-in; + width: 100%; + &:hover { + background-color: rgb(236, 236, 236); + } +} + +.boxShadowNone { + box-shadow: none !important; +} + +.color_9 { + color: #767676; + &:hover { + color: #767676; + } +} + +.color_9Imp { + color: #767676 !important; + &:hover { + color: #767676 !important; + } +} + +.lineSeperate { + width: 100%; + margin: auto; + height: .5px; + background-color: rgb(235, 235, 235); +} + +.lineSeperate_2 { + width: 95%; + margin: auto; + height: .5px; + background-color: rgb(223, 223, 223); +} + +.fs-70 { + font-size: 70px; +} + +.svgWidth { + width: 32px; + height: 32px; + +} + +.mt_16 { + margin-top: 16px; +} + +.profileArea { + a { + &:hover { + span { + font-size: 14.3px; + } + svg { + g { + fill: #ffbe00; + } + + circle { + stroke: #ffbe00; + } + + path { + fill: white; + } + } + } + } +} + +.h-fit { + height: fit-content; +} + +.favoriteProductArea { + .product { + .productImage { + width: 185px; + max-height: 137px; + overflow: hidden; + img { + width: 100%; + height: 100%; + } + .favIcon { + width: 30px; + height: 30px; + border-radius: 50%; + background-color: white; + right: 5px; + top: 5px; + svg { + width: 16px; + fill: #e1211b; + } + } + + .viewIcon { + left: 5px; + bottom: 5px; + svg { + width: 10px; + height: 10px; + } + } + + .opportunityText { + top: 5px; + left: 5px; + border-radius: 4px; + padding: 8px; + } + @media (max-width: 768px) { + width: 100%; + max-height: fit-content; + .favIcon { + top: 15px; + right: 15px; + width: 45px; + height: 45px; + svg { + width: 24px; + } + } + .viewIcon { + left: 15px; + bottom: 15px; + svg { + width: 15px; + height: 15px; + } + span { + font-size: 15px + } + } + .opportunityText { + top: 15px; + left: 15px; + font-size: 14px; + } + } + } + .productText { + flex: 1; + + .hoverTel { + color: #767676; + min-width: 139px; + + .personTel { + width: 308px; + background-color: white; + left: -50%; + top: 50px; + display: none; + + @media (max-width: 768px){ + left: 0%; + } + } + .dontShowTel { + display: none; + } + &:hover { + background-color: #ffbe00 !important; + border: 1px solid #ffbe00 !important; + color: white; + } + &:focus { + background-color: #ffebed !important; + color: #ffbe00; + border: 1px solid #ffbe00 !important; + .personTel { + display: flex; + } + .showTel { + display: none; + } + + .dontShowTel { + display: block; + } + } + @media (max-width: 768px){ + width: 100%; + } + } + .hoverMessage { + &:hover { + border: 1px solid #ffbe00 !important; + color: #ffbe00; + } + @media (max-width: 768px) { + width: 100%; + margin-top: 10px; + } + } + } + } +} + +.bg-special-9 { + background-color: #0089d0; +} + +.fs-10 { + font-size: 10px; +} + +.fs-15 { + font-size: 15px; +} + +.lineUp { + width: .5px; + height: 18px; + background-color: rgb(212, 212, 212); + margin: 0 10px; +} + +.profileModal_Buttons { + min-width: 90px; + padding: 10px; + margin: 0 5px; +} + +.wSpecial { + min-width: 35px; + min-height: 35px; + max-width: 35px; + max-height: 35px; +} +.wSpecial_2 { + padding: 10px 15px; + background-color: #ffbe00; +} + +.maxWidth_Advs { + max-width: 213px; + @media (max-width: 768px) { + max-width: 100%; + width: 100%; + margin-top: 15px; + } + height: 100px; + line-height: 1.2; +} + +.maxWidth_Advs_2 { + @media (max-width: 768px) { + max-width: 100%; + width: 100%; + margin-top: 15px; + } +} + +#mobile-product-detay { + height: 70px; + top: 0; +} + +.menuAdvs { + height: 37px; + &:hover { + font-weight: 700; + .menuAdvs_Line { + background-color: #ffbe00; + } + } +} + +.menuAdvs_Line { + width: 2px; + height: 100%; + margin: 0 14px; + margin-right: 24px; + background-color: #dfdfdf; +} + + + +.menuAdvs { + .menuAdvs_Text_Active { + font-weight: 700; + } + .menuAdvs_Line_Active { + background-color: #e1251b; + } +} + + +#list-area { + .color-1 { + color: #434343; + } + .text-red { + color: #ca1610; + } + a { + text-decoration: none; + color: black; + &:hover { + color: black; + } + } + .burger { + width: 100%; + height: 100%; + position: fixed; + display: flex; + top: 0; + bottom: 0; + z-index: 100000000; + left: -100%; + } + + .burger-side.show { + display: flex; + left: 0; + } + + .burger-other.show { + left: 0; + } + + .burger.show { + display: flex; + left: 0; + } + + + .burger-side { + top: 0; + height: 100%; + width: 85%; + left: -100%; + color: #434343; + font-weight: 500; + background-color: white; + z-index: 300; + position: absolute; + display: flex; + flex-direction: column; + transition: left .4s ease-in-out .25s; + } + + .burger-other { + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.2); + position: absolute; + left: -100%; + transition: all 0s ease; + } + + + .burger-header-area { + display: flex; + flex-direction: column; + align-items: center; + padding: 5px; + transition: background-color 0.5s ease; + border-radius: 50%; + position: absolute; + top: 20px; + left: 20px; + + svg { + fill: white; + } + } + + .burger-header-area:hover { + background-color: rgb(207, 207, 207); + opacity: .6; + } +} + +.iconBg { + width: 35px; + height: 35px; + margin-bottom: 5px; + background: url("{{img('visiosoft.theme.hepsiemlak::images/icons/user-menu-icons.png').url}}") no-repeat; +} + +.iconBg_1 { + background-position: 0 0; +} + +.iconBg_2 { + background-position: -35px 0; +} + +.iconBg_3 { + background-position: -68px 0; +} + +.iconBg_4 { + background-position: -102px 0; +} + +.iconBg_5 { + background-position: -170px 0; +} + +.iconBg_6 { + background-position: -204px 0; +} + +.textLeft { + @media (max-width: 768px) { + width: 100%; + text-align: left; + } +} + +.color_10 { + color: #ffcf00; +} + +.fs-24 { + font-size: 24px; +} + +.bgSpecial_6 { + background-color: #f4f4f4; +} + +.bgSpecial_5 { + background-color: #fff7d6; +} + +.borderTwo { + border: 1px solid #f4e5a7; +} + + + +.paddingSpecial_3 { + padding: 5px 15px; +} + +.fs-13 { + font-size: 13px; +} + +.maxwidth_Form { + width: 190px; +} + +.color_11 { + color: #555555; +} + +.paddingSpecial_4 { + padding: 6px 15px; +} + +.inputWidth { + min-width: 200px; + padding: 7px 9px; + font-size: 13px; + border: 1px solid #d6d6d6; + outline: none; +} + +.color_12 { + color: #d34e4f; +} + +.mt-10 { + margin-top: 10px; +} + +.borderThree { + border: 1px solid #d6d6d6; +} + +.paddingSpecial_5 { + padding: 0 15px; +} + +.inputWidth_2 { + width: 55px; + font-size: 13px; + border: 1px solid #d6d6d6; + outline: none; + padding: 7px 9px; +} + +.inputWidth_3 { + width: 135px; + padding: 7px 9px; + font-size: 13px; + border: 1px solid #d6d6d6; + outline: none; +} + +.borderSpecial { + border-bottom: 3px solid #fc8888; + padding-bottom: 8px; +} + +.formArea { + input[type=number]::-webkit-inner-spin-button, + input[type=number]::-webkit-outer-spin-button { + + display: none; + + } +} + +.saveButton { + background-color: #3bae75; + width: 200px; + line-height: 40px; +} + +.ConfirmButton { + width: fit-content; + background-color: #3bae75; + padding: 0 50px; + line-height: 40px; +} + +.w-fit { + width: fit-content; +} + +.overview { + max-width: 370px; +} + +.color_13 { + color: #318cde; +} + +.bgSpecial_7 { + background-color: #dbecff; +} + +.borderFour { + border: 1px solid #c4daf3; +} + +.productOut { + border-radius: 4px; + border: 1px solid #ddd; + background-color: #fff; + .productAdvs_Image { + position: relative; + height: 138px; + min-width: 189px; + border-radius: 1px; + @media (max-width: 992px){ + height: auto; + } + img { + width: 100%; + height: 100%; + } + } + .textFor_Image { + position: absolute; + bottom: 0; + height: 24px; + width: 100%; + background: rgba(0, 0, 0, .53); + display: flex; + align-items: center; + justify-content: center; + font-size: 13px; + color: white; + } + .productAdvsText_Area { + .text_2 { + font-size: 16px; + font-weight: 700; + color: #434343; + margin-bottom: 10px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + width: 100%; + @media (max-width: 576px){ + margin-bottom: 0px; + } + } + .lineGap { + width: .5px; + height: 75%; + margin: 0 10px; + background-color: #ddd; + } + } +} + +#createEditAdvForm { + .custom-fields-area { + .custom-fields { + div.col-sm-12 { + padding: 0; + } + } + } +} + +.cities-block { + overflow: hidden; + + img { + max-height: 150px; + width: 100%; + object-fit: cover; + border-radius: 4px; + } +} + +.popular-search-block { + div{ + border-radius: 30px; + padding: 10px 20px; + + svg { + fill: #b0b0b0 !important; + } + } +} + +#contact { + h5 { + font-size: 24px; + font-weight: 500; + color: #fbba2e; + } + + p { + font-size: 14px; + font-weight: 500; + color: #101010; + } + + input { + height: 44px; + -webkit-appearance: none; + font-size: 16px; + font-weight: 500; + color: #525252; + background: #fcfcfc; + border: 1px solid #b4c6d5; + border-radius: 4px; + + &:not(#phone) { + padding: 10px 15px; + } + + &:focus { + outline: none; + } + } + + .iti { + margin-bottom: .5rem!important; + } + + .my-4 { + line-height: 1; + + small { + font-size: 10px; + } + } +} diff --git a/addons/default/visiosoft/base-theme/resources/views/addons/anomaly/posts-module/posts/index.twig b/addons/default/visiosoft/base-theme/resources/views/addons/anomaly/posts-module/posts/index.twig new file mode 100644 index 000000000..a750e91d9 --- /dev/null +++ b/addons/default/visiosoft/base-theme/resources/views/addons/anomaly/posts-module/posts/index.twig @@ -0,0 +1,95 @@ +{% extends layout('posts') %} + +{% block styles %} + {{ asset_style("visiosoft.theme.base::scss/post.scss") }} +{% endblock %} + +{% block content %} +
+ {% set posts = entries('posts').recent().paginate() %} + +
+ {% for post in posts %} + +
+ {{ img( post.cover_photo.make.url ?? 'visiosoft.theme.base::images/no-image.png') + .class('w-100')|raw }} + + {{ post.category.name }} + + +
+
+ {{ post.title }} +
+
+ {{ post.summary }} +
+ + {% endfor %} +
+
+ {% set selectedCats = setting_value('visiosoft.theme.hepsiemlak::list_cats') %} + {% for selectedCat in selectedCats %} +
+ {% set posts = entries('posts').where('category_id', selectedCat).recent().paginate() %} + {% if posts|length %} +
+
+
{{ posts.first.category.name }}
+
+
+
+
+ + {{ img( posts.first.image.make.url ?? 'visiosoft.theme.base::images/no-image.png') + .class('w-100')|raw }} +
+
+
+ {{ posts.first.category.name }} +
+
{{ posts.first.title.value }}
+
+ +
+
+ +
+ + {% for post in posts|slice(1, 3) %} + {% if loop.first %} +
+ + {{ img( post.image.make.url ?? 'visiosoft.theme.base::images/no-image.png').class('w-100')|raw }} +
+
+
{{ post.title }}
+
+ {{ post.category.name }} +
+
+ +
+ {% else %} +
+ + {{ img( post.image.make.url ?? 'visiosoft.theme.base::images/no-image.png') + .class('ImageWidth mr-3 w-100')|raw }} +
+
{{ post.title }}
+
+ {{ post.category.name }} +
+
+ +
+ {% endif %} + {% endfor %} +
+ {{ posts.links|raw }} +
+ {% endif %} +
+ {% endfor %} +{% endblock %} diff --git a/addons/default/visiosoft/base-theme/resources/views/addons/anomaly/posts-module/posts/view.twig b/addons/default/visiosoft/base-theme/resources/views/addons/anomaly/posts-module/posts/view.twig new file mode 100644 index 000000000..5b2f93d88 --- /dev/null +++ b/addons/default/visiosoft/base-theme/resources/views/addons/anomaly/posts-module/posts/view.twig @@ -0,0 +1,66 @@ +{% extends layout('posts') %} + +{% block styles %} + {{ asset_style("visiosoft.theme.base::scss/post.scss") }} +{% endblock %} + +{% block content %} +
+
+
+
+ {{ img(post.cover_photo.make.url).class('w-100')|raw }} +
+
+
+

{{ post.title }}

+
+ + +
+
{{ trans('theme::field.share_on_facebook') }}
+ + + +
+
{{ trans('theme::field.share_on_twitter') }}
+ +
+
{{ post.content|raw }}
+
+
+ + +
+
+
+ {{ trans('theme::field.related_posts') }} +
+
+
+ {% if entries('posts','types').findBySlug('default') %} + {% set posts = entries('posts').where('slug', '!=', post.slug).type('default').live().limit(5).get() %} + {% for post in posts %} + +
+ {{ img( post.cover_photo.make.url ?? 'visiosoft.theme.base::images/no-image.png') }} +
+
+
+ {{ post.title }} +
+
+ + {% endfor %} + {% endif %} +
+
+
+ +
+
+
+{% endblock %}