Адаптация главной, детально страницы

2a1cfa10 · Владимир Акимов · 7673338b · 2a1cfa10 · 2a1cfa10 · 2a1cfa10
Commit 2a1cfa10 authored Aug 01, 2024 by Владимир Акимов
6 changed files
--- a/local/php_interface/init.php
+++ b/local/php_interface/init.php
@@ -29,4 +29,30 @@ function elements($iblockId,$adressId){
 // ключи рекапчи
 define("RE_SITE_KEY","6LdUvhMqAAAAAGXFJv_32hIuz8xtsj05pHKoiWIr");
 define("RE_SEC_KEY","6LdUvhMqAAAAANE0BPDr9IuMLGeXTKFugQcW1C6d");
+
+//функуия цвет жанров
+function color($genre)
+{
+    switch ($genre) {
+        case 1:
+        case 2:
+            $color = 1;
+            break;
+        case 3:
+            $color = 4;
+            break;
+        case 6:
+            $color = 2;
+            break;
+        case 7:
+            $color = 3;
+            break;
+        default:
+            $color = 1;
+            break;
+
+
+    }
+    return $color;
+}
 ?>
\ No newline at end of file
--- a/local/templates/blackcat/assets/css/style_main_page_new.css
+++ b/local/templates/blackcat/assets/css/style_main_page_new.css
+@font-face {
+  font-family: icons;
+  src: url(../fonts/icons.eot);
+  src: url(../fonts/icons.eot?#iefix) format('eot'), url(../fonts/icons.woff2) format('woff2'), url(../fonts/icons.woff) format('woff'), url(../fonts/icons.ttf) format('truetype'), url(../fonts/icons.svg#icons) format('svg');
+  font-display: swap
+}
+
+.owl-stage-outer {
+  height: auto;
+}
+
+.quest-container {
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+}
+.quest-container .header-panel {
+  position: initial;
+  width: auto;
+}
+.quest-container .quest-slider-container {
+  padding-top: 6px;
+  flex-grow: 1;
+}
+.quest-container .quest-slider-container .slider-block {
+  height: 541px !important;
+}
+.quest-container .quest-slider-container .rgt-block-quest {
+  display: flex;
+  flex-direction: column;
+  width: 75%;
+}
+.quest-container .quest-slider-container .rgt-block-quest .bottom-block-quest {
+  flex-grow: 1;
+  margin-top: 5px;
+}
+.quest-container .quest-slider-container .lft-block-quest {
+  width: 25%;
+  display: flex;
+  flex-direction: column;
+}
+.quest-container .quest-slider-container .lft-block-quest .l-block-quest {
+  flex-grow: 1;
+  height: 273px;
+  max-height: 277px;
+}
+.quest-container .quest-slider-container .lft-block-quest .l-block-quest:last-child {
+  max-height: 498px;
+  flex-grow: 3;
+}
+
+.block-image-slide {
+  height: auto !important;
+}
+
+@media (max-width: 800px) {
+  .owl-stage-outer {
+    height: auto;
+  }
+}/*# sourceMappingURL=style_main_page_new.css.map */
\ No newline at end of file
--- a/local/templates/blackcat/components/bitrix/news/party/bitrix/news.detail/.default/result_modifier.php
+++ b/local/templates/blackcat/components/bitrix/news/party/bitrix/news.detail/.default/result_modifier.php
@@ -11,20 +11,7 @@
     }

 }
- // отзывЫ
-$iblockId=8;
- echo $arResult['ID'];
-$arResult['REVIEWS']=[];
-$arSelect = Array("ID", "IBLOCK_ID", "NAME","PREVIEW_TEXT");//IBLOCK_ID и ID обязательно должны быть указаны,
-$arFilter = Array("IBLOCK_ID"=>$iblockId, "ACTIVE"=>"Y","PROPERTY_QUEST"=>$arResult['ID']);
-$res = CIBlockElement::GetList(Array(), $arFilter, false, false, $arSelect);
-while($ob = $res->GetNextElement()) {
-    $arFields = $ob->GetFields();
-    $arResult['REVIEWS'][] = $arFields;
-}
-echo "<pre>";
-print_r( $arResult['REVIEWS']);
-echo "</pre>";
+


 ?>
\ No newline at end of file
--- a/local/templates/blackcat/components/bitrix/news/party/bitrix/news.detail/.default/style.css
+++ b/local/templates/blackcat/components/bitrix/news/party/bitrix/news.detail/.default/style.css
-div.news-detail
-{
-	word-wrap: break-word;
+
+.book{
+	color: #fff;
+	font-size: 20px;
+	background: #bd4648;
+	padding: 10px;
+	border-radius: 3px;
+	transition: transform 0.35s, -webkit-transform 0.35s;
+	-webkit-transform: translate3d(0, 200%, 0);
+	transform: translate3d(0, 200%, 0);
+	margin-left: 30px;
+
+	position: relative;
+	top:-5px;
+
+
 }
-div.news-detail img.detail_picture
-{
-	float:left;
-	margin:0 8px 6px 1px;
+.quest_contact{
+	display: inline-block;
+	margin-left: 30px;
+	position: relative;
+	top:12px;
+
 }
-.news-date-time
-{
-	color:#486DAA;
+.fix_fon .quest__content .quest__content__title  .quest__content__title_link .quest_contact span{
+	font-size: 22px;
+	padding-left: 16px;
 }
+.quest_contact .fa{
+	font-size: 20px;
+}
+.fix_fon .quest__content .quest__content__attribute.attr{
+	text-align: left;
+	padding-left: 30px;
+}
+.review-title{
+	font-size: 25px;
+	font-weight: bold;
+	margin-bottom: 10px;
+}
+.review-phone{
+	background: #000;
+	width: 100%;
+	padding: 0 30px 30px 30px;
+}
+.reviews{
+	-webkit-column-count: 4;
+	column-count: 4;
+	-webkit-column-gap: 20px;
+	column-gap: 40px;
+	display: flex;
+
+
+}
+.review {
+	width: 100%;
+	padding: 16px 20px;
+	position: relative;
+	background: #222;
+	border-radius: 6px;
+	margin-bottom: 20px;
+	display: inline-block;
+
+}
+.review-name{
+	font-size: 13px;
+	fomt-weight:bold;
+	margin-bottom: 10px;
+}
+.send-review{
+	color: #fff;
+	font-size: 20px;
+	background: #222;
+	padding: 10px;
+	border-radius: 3px;
+	text-align: center;
+	display: block;
+	margin-bottom: 20px;
+	width: 180px;
+
+
+
+}
+.send-review:hover{
+	color: #fff;
+}
+.stars{
+	margin-bottom: 20px;
+}
+.stars .fa{
+	font-size: 20px;
+}
+.stars .fa-star:before{
+	color: #cbad34;
+}
+#review-form, .modal-title{
+	color:#000;
+}
+.mt-15{
+	margin-top: 15px;
+}
+.help-block-name, .help-block-comment{
+	display: none;
+	color:red;
+}
+.form-control.error{
+	border:1px solid red;
+
+}
+.thanks{
+	color: #000;
+}
+.review-more-btn {
+	color: #fff;
+	font-size: 20px;
+	background: #222;
+	padding: 10px;
+	border-radius: 3px;
+	text-align: center;
+	display: inline-block;
+	margin-bottom: 20px;
+	width: 180px;
+	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
+	page-break-inside: avoid; /* Firefox */
+	break-inside: avoid; /* IE 10+ */
+}
+.review-more-btn:hover{
+	color: #fff;
+}
+.review-more{
+	display: none;
+	-webkit-column-count: 4;
+	column-count: 4;
+	-webkit-column-gap: 40px;
+	column-gap: 40px;
+}
+.review-more .review:nth-child(2){
+	display: block;
+
+}
+.q-phone{
+	top: 0px;
+}
\ No newline at end of file
--- a/local/templates/blackcat/components/bitrix/news/party/bitrix/news.detail/.default/template.php
+++ b/local/templates/blackcat/components/bitrix/news/party/bitrix/news.detail/.default/template.php
--- a/local/templates/blackcat/components/bitrix/news/party/bitrix/news.detail/.default/template.php30072024
+++ b/local/templates/blackcat/components/bitrix/news/party/bitrix/news.detail/.default/template.php30072024
+<? if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) die();
+/** @var array $arParams */
+/** @var array $arResult */
+/** @global CMain $APPLICATION */
+/** @global CUser $USER */
+/** @global CDatabase $DB */
+/** @var CBitrixComponentTemplate $this */
+/** @var string $templateName */
+/** @var string $templateFile */
+/** @var string $templateFolder */
+/** @var string $componentPath */
+/** @var CBitrixComponent $component */
+$this->setFrameMode(true);
+$imgtop = CFile::ResizeImageGet($arResult['DETAIL_PICTURE'], array('width' => 2000, 'height' => 1200)
+    , BX_RESIZE_IMAGE_PROPORTIONAL, true); ?>
+
+<div class="fix_fon">
+    <?if ($imgtop['src']){?>
+        <img class="fix_img" src="<?= $imgtop['src'] ?>" alt=""/>
+    <?}?>
+    <div class="fix_fon_box" style='
+            background: url("<?= $imgtop['src'] ?>");
+            background-position: left center;
+            -webkit-background-size: cover;
+            -moz-background-size: cover;
+            -ms-background-size: cover;
+            -o-background-size: cover;
+            background-size: cover;'>
+    </div>
+    <div class="quest__content">
+        <div class="quest-block-top">&nbsp;</div>
+        <div class="quest-block-bottom">
+            <div class="quest__content__title">
+                <div class="quest__content__title_link">
+                    <span><?= $arResult['NAME'] ?></span>
+
+                    <p class="visible-md visible-sm visible-xs">
+                        <a href="#scheduleanchor" class="anchor">
+                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+                                 width="135px" height="35px">
+                                <path fill-rule="evenodd" fill="rgb(189, 70, 72)"
+                                      d="M115.005,12.755 L107.945,24.997 L4.722,24.997 L-0.005,12.755 L4.722,0.002 L107.945,0.002 L115.005,12.755 Z"/>
+                                <text font-family="Exo 2" fill="rgb(255, 255, 255)"
+                                      transform="matrix( 0.5, 0, 0, 0.5,19.70675, 15.5)" font-weight="bold" x="15px"
+                                      y="2px" font-size="22px">Расписание
+                                </text>
+                            </svg>
+                        </a>
+                    </p>
+
+                    <!--        <div class="quest__content__title_type type_color type__color1">
+                                Хоррор        </div>-->
+                </div>
+            </div>
+            <div class="clearfix"></div>
+            <div class="quest__content__attribute">
+                <div class="quest__content__attribute-li quest__content__attribute__time">
+                    <i class="icon-time"></i>
+                    <span><?= $arResult['PROPERTIES']['TIME']['VALUE'] ?></span>
+                </div>
+                <div class="quest__content__attribute-li quest__content__attribute__quantity">
+                    <i class="icon-people icon-people_big"></i>
+                    <span><?= $arResult['PROPERTIES']['NUMBER']['VALUE'] ?></span>
+                </div>
+                <div class="quest__content__attribute-li quest__content__attribute__level">
+                    <i class="fa fa-lock" aria-hidden="true"></i><i class="fa fa-lock" aria-hidden="true"></i><i
+                            class="fa fa-lock" aria-hidden="true"></i> <span>Средне</span>
+                </div>
+                <div class="quest__content__attribute-li quest__content__attribute__contact">
+                    <div class="quest__content__attribute__contact-address">
+                        <i class="fa fa-map-marker" aria-hidden="true"></i>
+                        <span><?= $arResult['PROPERTIES']['ADDRESS']['VALUE'] ?></span>
+                    </div>
+                    <div class="quest__content__attribute__contact-phone">
+                        <i class="fa fa-phone" aria-hidden="true"></i>
+                        <span>+7 (3532) 518-001</span>
+                    </div>
+                </div>
+            </div>
+            <div class="quest__content__description">
+                <p>Перформанс с актерами.</p>
+                <p><span></span>Что чувствует человек пребывая в коме? Вам предстоит это выяснить. Запертым в чужом
+                    подсознании, необходимо отыскать дорогу назад, в реальность, однако все не так просто. Ведь все
+                    внутренние страхи, потаенные эмоции, запечатленные в течение жизни ужасы и воспоминания уже готовы
+                    ко встрече один на один, а вы?</p></div>
+        </div>
+    </div>
+    <br><br>
+
+    <?if (!empty($arResult['BLOCKS'])){?>
+    <div class="advantages__box">
+        <?foreach($arResult["BLOCKS"] as $arItem){
+              $file = CFile::ResizeImageGet($arItem['PREVIEW_PICTURE'], array('width'=>400, 'height'=>300)
+                    ,BX_RESIZE_IMAGE_PROPORTIONAL, true);
+        ?>
+            <div class="advantages__box__item">
+                <div class="advantages__box__item__img">
+                    <img src="<?=$file['src']?>"
+                         alt=""/></div>
+                <div class="advantages__box__item__text">
+                    <span><?=$arItem['NAME']?></span>
+                    <?=$arItem['PREVIEW_TEXT']?>
+                </div>
+            </div>
+        <?}?>
+    </div>
+    <?}?>
+</div>
+<?
+
+if (!empty($arResult['PROPERTIES']['SLIDER']['VALUE']) && is_array($arResult['PROPERTIES']['SLIDER']['VALUE'])){?>
+    <div class="slider-block slider-block-children"> 
+        <div id="yw0" class="list-view">
+            <div class="owl-carousel owl-carousel-79">
+                <?foreach($arResult["PROPERTIES"]['SLIDER']['VALUE'] as $slider){
+                    $img = CFile::ResizeImageGet($slider, array('width'=>400, 'height'=>300)
+                        ,BX_RESIZE_IMAGE_PROPORTIONAL, true);
+                    ?>
+                <div>
+                    <div>
+                        <img title="КОМА-ВНУТРЬ.jpg"
+                             href="<?=$img['src']?>"
+                             class="gallery-image"
+                             src="<?=$img['src']?>"
+                             alt="КОМА-ВНУТРЬ.jpg"/>
+                    </div>
+                </div>
+                <?}?>
+            </div>
+            <div class="keys" style="display:none" title="/quest/koma-experement"><span>484</span></div>
+        </div>
+    </div>
+<?}?>
+</div>
+</div>
+
+<!--<div class="reservation"></div>-->
+