Задать вопрос
H4ckM3
@H4ckM3
Никто
css

Проблема с подключением CSS файлом на 1CБитрикс?

Есть такая проблема учу 1СБитрикс использовал ботов для учебы. Создал сайт с помощью html css js и решил залить для тестов на битрикс все сделал через инфоблоки и папки создавал и так же создавал файлы .top.menu.php (шапка) .bottom.menu.php (футер) если что могу показать структуру сайта. Суть в том что шапка почему-то не до конца применила стили, а js так вообще не применился. Использовал bootstrap. Если сделать на html css js весь сайт работает, но почему то на битркис не выводит также контент до конца. Прошу помощи
<?php
if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) die();
?>
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php $APPLICATION->ShowTitle(); ?></title>
    <?php $APPLICATION->ShowHead(); ?>
    <link rel="stylesheet" href="<?= SITE_TEMPLATE_PATH ?>/css/main.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <?php $APPLICATION->ShowPanel(); ?> <!-- Панель управления для админов -->
    <header class="header">
        <div class="container">
            <div class="header-content">
                <!-- Логотип -->
                <div class="logo">
                    <a href="/">СпортМастер</a>
                </div>

                <!-- Меню -->
            <?php
$APPLICATION->IncludeComponent(
    "bitrix:menu",
    "top", // Название шаблона меню
    [
        "ROOT_MENU_TYPE" => "top", // Тип меню (ссылка на .top.menu.php)
        "MAX_LEVEL" => "1", // Глубина вложенности меню
        "CHILD_MENU_TYPE" => "", // Тип подменю
        "USE_EXT" => "N", // Использовать дополнительные файлы меню
        "MENU_CACHE_TYPE" => "A", // Тип кеширования
        "MENU_CACHE_TIME" => "3600", // Время кеширования
        "MENU_CACHE_USE_GROUPS" => "Y", // Учитывать права доступа
        "MENU_CACHE_GET_VARS" => [] // Переменные кеша
    ]
);
?>

            </div>
        </div>
    </header>

<?php
$aMenuLinks = [
    ["Главная", "/", [], ["CLASS" => "nav-item nav-link"], ""],
    ["Каталог", "/catalog/", [], ["CLASS" => "nav-item nav-link"], ""],
    ["О нас", "/about/", [], ["CLASS" => "nav-item nav-link"], ""],
    ["Контакты", "/contacts/", [], ["CLASS" => "nav-item nav-link"], ""]
];
?>
  • Вопрос задан
  • 133 просмотра
3 комментария
Подписаться Средний 3 комментария
Пригласить эксперта
Ответы на вопрос 1
shambler81
@shambler81 Куратор тега 1С-Битрикс
Открой на ююбе видео по битриксу там есть хорошие обучали https://www.youtube.com/watch?v=hdgs1AzoShc и прям со своим шаблоном иди по ниим.
<!DOCTYPE html>
<html lang="en">
        <head>
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <?$APPLICATION->ShowHead();?>
        <title><?$APPLICATION->ShowTitle();?></title>

        <link href="/local/templates/top_com/assets/img/favicon.webp" rel="icon">                                        <!-- Favicons -->
        <link href="/local/templates/top_com/assets/img/apple-touch-icon.webp" rel="apple-touch-icon">                   <!-- Favicons -->

<?
        use Bitrix\Main\Page\Asset;
        Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/assets/vendor/animate.css/animate.min.css');                        // Vendor CSS
        Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/assets/vendor/aos/aos.css');                                                        // Vendor CSS
        Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/assets/vendor/bootstrap/css/bootstrap.min.css');            // Vendor CSS
        Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/assets/bootstrap-icons/bootstrap-icons.css');                       // Vendor CSS
        Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/assets/vendor/bootstrap-icons/bootstrap-icons.css');        // Vendor CSS
        Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/assets/vendor/boxicons/css/boxicons.min.css');                      // Vendor CSS
        Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/assets/vendor/glightbox/css/glightbox.min.css');            // Vendor CSS
        Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/assets/vendor/remixicon/remixicon.css');                            // Vendor CSS
        Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/assets/vendor/swiper/swiper-bundle.min.css');                       // Vendor CSS
        Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/assets/css/style.css');                                                                     // Main CSS
        Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/assets/css/socializer.min.css');                                            // https://www.aakashweb.com/apps/social-buttons-generator/
      
        Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . '/assets/vendor/aos/aos.js');                                                          // https://michalsnik.github.io/aos/
        Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . '/assets/vendor/glightbox/js/glightbox.min.js');                       // https://biati-digital.github.io/glightbox/#examples
        Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . '/assets/vendor/bootstrap/js/bootstrap.bundle.min.js');    // Bro, bootstrap 5
        Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . '/assets/vendor/isotope-layout/isotope.pkgd.min.js');          //https://isotope.metafizzy.co/
        Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . '/assets/vendor/swiper/swiper-bundle.min.js');                         //https://swiperjs.com/demos
        Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . '/assets/js/main.js');

        Asset::getInstance()->addString('<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">');
?>
      </head>
   <body>
<div id="panel">
        <?$APPLICATION->ShowPanel();?>
</div>
..
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Специалист технической поддержки
Teachbase • Красноярск
До 55 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Ещё вакансии