0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 1647 Просмотров
*

sergey-911

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
  • https://opticod.ru
Добрый день уважаемые форумчане!
Столкнулся с проблемой, уже иссяк…
Сделал свой шаблон по курсам Сергея Никитанова, за что ему спасибо, использую шаблон на сайте http://test2.mszm.ru.
В шаблоне подключен Bootstrap v. 3.2.1., а также тема Spacelab. В описании сказано, что тема работает под 3-й Bootstrap, что логично.
Подключаю Bootstrap:
Код
JHtml::_('script', Juri::base(). 'templates/' . $this->template . '/js/jquery-3.2.1.min.js', array('version' => 'auto', 'relative' => true)); 
JHtml::_('script', Juri::base(). 'templates/' . $this->template . '/js/bootstrap.js', array('version' => 'auto', 'relative' => true));
и тему
Код
Html::_('stylesheet', Juri::base(). 'templates/' . $this->template . '/css/bootstrap.css', array('version' => 'auto', 'relative' => true));
и т.п…
При помощи плагина Joomla Options отключаю загрузку “родных библиотек”, т.к. работаю с новой версией Bootstrap.
В общем, все работает, за исключением плагина Content – AccordionFAQ, при клике в консоли выводится сообщение с ошибкой:
Код
Uncaught TypeError: toHide.size is not a function
    at HTMLDivElement.toggle (jquery.accordionfaq.js:146)
    at HTMLDivElement.clickHandler (jquery.accordionfaq.js:236)
    at HTMLDivElement.dispatch (jquery-3.2.1.min.js?81f25d3…:3)
    at HTMLDivElement.q.handle (jquery-3.2.1.min.js?81f25d3…:3)
и плагин аккордеона не раскрывается (на странице http://test2.mszm.ru/index.php/o-predpriyatii/gorod-elektrostal).
Если подключаю “родной” Bootstrap:
Код
JHtml::_('bootstrap.framework');
и плагином Joomla Options включаю загрузку “родных библиотек”, то все работает, на первый взгляд.
Но, думаю это не совсем верно, т.к. тема Spacelab написана под 3-й Bootstrap, а не под 2-й (тот, что “родной” в Joomlf 3.7.4, могут возникнуть ошибки…
Скажите уважаемые, как мне плагин аккордеона заставить работать с новой версией Bootstrap?
Полную версию файла index.php прикладываю для Вашего удобства:
Код
<?php
/**
 * @package     Joomla.Site
 * @subpackage  Templates.protostar
 *
 * @copyright   Copyright (C) 2005 - 2017 Open Source Matters, Inc. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('_JEXEC') or die;

/** @var JDocumentHtml $this */

$app  = JFactory::getApplication();
$user = JFactory::getUser();
//$doc=JFactory::getDocument(); //Переменная, которая хранит ссылку на документ

// Output as HTML5
$this->setHtml5(true);

// Getting params from template
$params = $app->getTemplate(true)->params;

// Detecting Active Variables
$option   = $app->input->getCmd('option', '');
$view     = $app->input->getCmd('view', '');
$layout   = $app->input->getCmd('layout', '');
$task     = $app->input->getCmd('task', '');
$itemid   = $app->input->getCmd('Itemid', '');
$sitename = $app->get('sitename');

if ($task === 'edit' || $layout === 'form')
{
$fullWidth = 1;
}
else
{
$fullWidth = 0;
}

// Add JavaScript Frameworks
//JHtml::_('bootstrap.framework');
//$doc->addScript('/templates/' . $this->template . '/js/jquery-3.2.1.min.js'); //Подключаем новую версию Framework с сайта "http://jquery.com"
//$doc->addScript('/templates/' . $this->template . '/js/bootstrap.js'); //Подключаем сам Bootstrap
JHtml::_('script', Juri::base(). 'templates/' . $this->template . '/js/jquery-3.2.1.min.js', array('version' => 'auto', 'relative' => true)); //Подключаем новую версию Framework
JHtml::_('script', Juri::base(). 'templates/' . $this->template . '/js/bootstrap.js', array('version' => 'auto', 'relative' => true)); //Подключаем сам Bootstrap
//Подключаем родной Bootstrap и jQuery
//JHtml::_('bootstrap.framework');
//JHtml::_('jquery.framework');


// Add template js
JHtml::_('script', 'template.js', array('version' => 'auto', 'relative' => true));

// Add html5 shiv
JHtml::_('script', 'jui/html5.js', array('version' => 'auto', 'relative' => true, 'conditional' => 'lt IE 9'));

// Add Stylesheets
//JHtml::_('stylesheet', 'template.css', array('version' => 'auto', 'relative' => true));
//$doc->addStyleSheet('/templates/' . $this->template . '/css/bootstrap.css'); //Подключаем стиль Bootstrap
//$doc->addStyleSheet('/templates/' . $this->template . '/css/styleicomoon.css'); //Подключаем стиль шрифтовых иконок
//$doc->addStyleSheet('/templates/' . $this->template . '/css/template.css'); //Подключаем свой стиль
//$doc->addStyleSheet('/templates/' . $this->template . '/css/menu.css'); //Подключаем свой стиль меню
JHtml::_('stylesheet', Juri::base(). 'templates/' . $this->template . '/css/bootstrap.css', array('version' => 'auto', 'relative' => true)); //Подключаем стиль Bootstrap
JHtml::_('stylesheet', Juri::base(). 'templates/' . $this->template . '/css/styleicomoon.css', array('version' => 'auto', 'relative' => true)); //Подключаем стиль шрифтовых иконок
JHtml::_('stylesheet', Juri::base(). 'templates/' . $this->template . '/css/template.css', array('version' => 'auto', 'relative' => true)); //Подключаем свой стиль
JHtml::_('stylesheet', Juri::base(). 'templates/' . $this->template . '/css/menu.css', array('version' => 'auto', 'relative' => true)); //Подключаем свой стиль меню



// Use of Google Font
if ($this->params->get('googleFont'))
{
JHtml::_('stylesheet', '//fonts.googleapis.com/css?family=' . $this->params->get('googleFontName'));
$this->addStyleDeclaration("
h1, h2, h3, h4, h5, h6, .site-title {
font-family: '" . str_replace('+', ' ', $this->params->get('googleFontName')). "', sans-serif;
}");
}

// Template color
if ($this->params->get('templateColor'))
{
$this->addStyleDeclaration('
body.site {
border-top: 3px solid ' . $this->params->get('templateColor'). ';
background-color: ' . $this->params->get('templateBackgroundColor'). ';
}
a {
color: ' . $this->params->get('templateColor'). ';
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.btn-primary {
background: ' . $this->params->get('templateColor'). ';
}');
}

// Check for a custom CSS file
JHtml::_('stylesheet', 'user.css', array('version' => 'auto', 'relative' => true));

// Check for a custom js file
JHtml::_('script', 'user.js', array('version' => 'auto', 'relative' => true));

// Load optional RTL Bootstrap CSS
JHtml::_('bootstrap.loadCss', false, $this->direction);

// Adjusting content width (Настройка ширины контента)
if ($this->countModules('position-7') && $this->countModules('position-8')) /*Знак ! означает логическое не (отрицание)*/
{
$span = "col-md-6";
}
elseif ($this->countModules('position-7') && !$this->countModules('position-8'))
{
$span = "col-md-9";
}
elseif (!$this->countModules('position-7') && $this->countModules('position-8'))
{
$span = "col-md-9";
}
else
{
$span = "col-md-12";
}

// Logo file or site title param
if ($this->params->get('logoFile'))
{
$logo = '<img src="' . JUri::root(). $this->params->get('logoFile'). '" alt="' . $sitename . '" />';
}
elseif ($this->params->get('sitetitle'))
{
$logo = '<span class="site-title" title="' . $sitename . '">' . htmlspecialchars($this->params->get('sitetitle'), ENT_COMPAT, 'UTF-8'). '</span>';
}
else
{
$logo = '<span class="site-title" title="' . $sitename . '">' . $sitename . '</span>';
}

//Значение переменной $menuClass (класса меню), в зависимости от настройки, указанной в шаблоне (настройка стилядля меню), получаем ее конструкцией ($this->params->get('menuStyle'))
if ($this->params->get('menuStyle') == 0)
{
$menuClass = "navbar-default";
}
elseif ($this->params->get('menuStyle') == 1)
{
$menuClass = "navbar-red";
}
else
{
$menuClass = "navbar-purple";
}


?>

<!--Заменили стандартную конструкцию текстом из файла index.html-->
<!DOCTYPE html>
<!--<html lang="en">-->
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>"> <!--Выбор языка контента-->
<head>
<!--<meta charset="UTF-8">-->
<meta name="viewport" content="width=device-width, initial-scale=1"> <!--Адаптация сайта к ширине экрана-->
<!--<title>Document</title>-->
<jdoc:include type="head" /> <!--Вывод метатегов-->
<!--<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/styleicomoon.css">
<link rel="stylesheet" href="css/template.css">-->
</head>
<body>

<!--Вставка CSS кода, в зависимости от условия-->
<?php if ($this->params->get('fonFile')) : ?> <!--Проверяем наличие фонового рисунока сайта-->
<style type="text/css">
body {
background: url("<?php echo '/' . $this->params->get('fonFile'); ?>") repeat #e4e4e4;
}
</style>
<?php endif; ?>

<div class="contayner" id="main">
<div class="row" id="header">
<div class="col-sm-10  col-xs-12" id="headertext">
<a rel="nofollow" target="_blank" href="http://www.rosatom.ru">//РОСАТОМ</a>
<a rel="nofollow" target="_blank" href="http://www.tvel.ru">/ТВЭЛ</a>
<a rel="nofollow" target="_blank" href="http://www.elemash.ru">/ПАО «МСЗ»</a>
<a target="_self" href="/">/ООО «МСЗ-М»</a>
</div>
<div class="col-sm-2  col-xs-12" id="headerimage">
<a title="Главная страница"href="<?php echo $this->baseurl; ?>/"><img src="images/headers/home.png" width="100%" alt="Главная" /></a>
<a title="Написать сообщение" href="mailto:mszm@mail.ru"><img src="images/headers/mail.png" width="100%" alt="Сообщение" /></a>
<a title="Карта сайта"href="<?php echo $this->baseurl . '/index.php?option=com_xmap&view=html&id=1'; ?>/"><img src="images/headers/map.png" width="100%" alt="Главная" /></a>
</div>

<div class="col-sm-6  col-xs-12" id="logo"> <!--Логотип-->
<a href="<?php echo $this->baseurl; ?>/"><img src="<?php echo $this->params->get('headerlogoFile'); ?>" width="100%" alt="Логотип" /></a>
</div>
<div class="col-sm-1  col-xs-2" id="headerurl">
<a title="Перейти по ссылке" href="http://www.tvel.ru/wps/wcm/connect/tvel/tvelsite/about/structure/nuclearindustrystructure.htm" target="_blank"><img src="images/headers/otrasl.jpg" heihht="34px" alt="Структура отрасли" /><br>Структура<br>отрасли</a>
</div>
<div class="col-sm-1  col-xs-2" id="headerurl">
<a title="Перейти по ссылке" href="http://www.tvel.ru/wps/wcm/connect/tvel/tvelsite/about/structure/" target="_blank"><img src="images/headers/tvel.jpg" heihht="34px" alt="Структура отрасли" /><br>Структура<br>ТВЭЛ</a>
</div>
<div class="col-sm-1  col-xs-3" id="headerurl">
<a title="Перейти по ссылке" href="http://www.russianatom.ru/" target="_blank"><img src="images/headers/obstanovka.jpg" heihht="34px" alt="Структура отрасли" /><br>Радиационная<br>обстановка</a>
</div>
<div class="col-sm-3 col-xs-5">
<jdoc:include type="modules" name="position-0" style="none" /> <!--Подключение модулей-->
</div>
</div>


<?php if ($this->countModules('position-1')) : ?> <!--Проверка наличия модуля меню-->
<div class="row">
<!--Меню (см. http://getbootstrap.com => Components => Navbar (http://getbootstrap.com/components/#navbar))-->
<!--<nav class="navbar navbar-default" id="mainmenu">-->

<!--Прикрепление меню к верхней части страницы-->
<!--Зафиксировать меню при прокрутке (https://itchief.ru/lessons/bootstrap-3/38-bootstrap-3-navigation-menu)-->

<?php if ($this->params->get('menusticky') == 1) : ?> <!--Зафиксировать меню, в зависимости от настроек шаблона-->
<!--<?php $menuClass //= $menuClass  . " navbar-static-top" . '"' . ' data-spy=' . '"affix"' . ' data-offset-top=' . '"176' ?>-->
<?php $menuClass = $menuClass  . " navbar-static-top" . '"' . ' data-spy=' . '"affix"' . ' data-offset-top=' . '"' . $this->params->get('dataoffsettop')?>
<?php endif; ?>

<nav class="navbar <?php echo $menuClass;?>" id="mainmenu"> <!--меню, в зависимости от настройки шаблона (настройка стилядля меню)-->


<!--<nav class="navbar navbar-default navbar-static-top" data-spy="affix" data-offset-top="90">-->
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">-->
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topmenu" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <!--<a class="navbar-brand" href="#">Brand</a>-->
      <!-- Бренд или название сайта (отображается в левой части меню) -->
      <!--<a class="navbar-brand" href="#">myspace</a>-->
      <!--В качестве бренда можно использовать не только текст, но и изображение (img)-->
      <?php if ($this->params->get('menulogoFile')) : ?>
  <a class="navbar-brand" href="/">
  <!--<img src="templates/myspace/images/logo.png" height="36" alt="myspace">-->
  <img src="<?php echo $this->params->get('menulogoFile'); ?>" height="36" alt="<?php echo $this->params->get('sitename'); ?>">
  </a>
  <?php endif; ?>
  <!-- Надпись в меню правее брэнда (отображается в мобильной версии) -->
  <p class="navbar-text visible-xs-block hidden-sm, hidden-md, hidden-lg"><?php echo $this->params->get('headername'); ?></p>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <!--Мобильное меню-->
    <!--<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">-->
    <div class="collapse navbar-collapse" id="topmenu">
      <!--<ul class="nav navbar-nav">
        <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
      <form class="navbar-form navbar-left">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>-->

<!--Подключаем меню динамическим способом-->
<jdoc:include type="modules" name="position-1" style="none" /> <!--Подключение модулей-->

    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
</div>
<?php endif; ?>

<!--Слайдер-->
<!--<div class="row">-->
<?php if ($this->countModules('position-5')) : ?> <!--Проверка наличия модуля-->
<div class="row" id="slider"> <!--Присваиваем идентификатор для создания в CSS отступа контента от слайдера-->
<!--Слайдер-->
<div class="col-xs-12">
<jdoc:include type="modules" name="position-5" style="none" /> <!--Подключение модулей-->
</div>
</div>
<?php endif; ?>

<div class="row">
<!--Контент сайта-->
<?php if ($this->countModules('position-8')) : ?> <!--Проверка наличия модуля-->
<div class="col-md-3">
<!--Левый сайдбар-->
<!--<jdoc:include type="modules" name="position-8" style="xhtml" />--> <!--Подключение модулей-->
<jdoc:include type="modules" name="position-8" style="mystyle" /> <!--Подключение модулей, указываем стиль из файла "myspace\templates\myspace\html\modules.php"-->
</div>
<?php endif; ?>
<div class="<?php echo $span; ?>" id="content"> <!--Вывод ширины текстового блока из переменной $this-->
<div id="content-inner">
<!--Контент-->
<jdoc:include type="message" /> <!--Системные сообщения при регистрации и т.п. в блоке на сайте-->
<jdoc:include type="component" /> <!--Размещение компонентов Joomla в блоке на сайте-->
</div>
</div>
<?php if ($this->countModules('position-7')) : ?> <!--Проверка наличия модуля-->
<div class="col-md-3">
<!--Правый сайдбар-->
<jdoc:include type="modules" name="position-7" style="mystyle" /> <!--Подключение модулей, указываем стиль из файла "myspace\templates\myspace\html\modules.php"-->
</div>
<?php endif; ?>
</div>
</div>
<div class="container-fluid" id="footer"> <!--Футер, во всю ширину сайта-->
<div class="row">
<div class=".hidden-xs col-sm-2 col-xs-12" id="informer">
<p>
  <!--Yandex.Metrika--> <!--Вывод счетчиков (информера), скрывающихся при отображении на мобильных устройствах (.hidden-xs)-->
      <?php if ($this->params->get('metrika')) : ?>
  <?php echo $this->params->get('metrika'); ?>
  <?php endif; ?>
</p>
</div>
<div class="col-sm-9 col-xs-12"> <!--При отображении на мобильном устройстве - на всю ширину, при отображении на компьютере - оставшаяся область от счетчика-->
<!--Вывод нижнего меню сайта-->
<jdoc:include type="modules" name="position-9" style="none" /> <!--Подключение модулей-->
<!--Вывод футера-->
<noindex><a title="Посетить сайт rosatom.ru" href="http://rosatom.ru" target="_blank" rel="nofollow"> <img src="images/otrasl/rosatom.png" alt="Росатом" /></a></noindex>
<noindex><a title="Посетить сайт tvel.ru" href="http://tvel.ru" target="_blank" rel="nofollow"><img src="images/otrasl/tvel.png" alt="ТВЭЛ" /></a></noindex>
<noindex><a title="Посетить сайт elemash.ru" href="http://elemash.ru" target="_blank" rel="nofollow"><img src="images/otrasl/elemash.png" alt="ЭЛЕМАШ" /></a></noindex>
<p>
&nbsp Copyright &copy; 2009-<?php echo date('Y'); ?>. <?php echo $sitename; ?>.
All Rights Reserved. <a target="_blank" href="https://mszs.ru/">Design by Sergey Mayorov</a>.
</p>
</div>
<div class="col-sm-1 col-xs-12" id=footertop> <!--При отображении на мобильном устройстве - на всю ширину, при отображении на компьютере - оставшаяся область от счетчика-->
<a href="#">
Наверх
</a>
</div>

</div>
</div>
</body>
</html>
и файл templateDetails.xml:
Код
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "https://www.joomla.org/xml/dtd/2.5/template-install.dtd">
<extension version="3.1" type="template" client="site">
<name>myspace</name>
<version>1.1</version>
<creationDate>7/11/2017</creationDate>
<author>Sergey Mayorov</author>
<authorEmail>sergey-911@mail.ru</authorEmail>
<copyright>Copyright (C) 2005 - 2017 Open Source Matters, Inc. All rights reserved.</copyright>
<description>TPL_MYSPACE_XML_DESCRIPTION</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<folder>css</folder>
<folder>html</folder>
<folder>images</folder>
<folder>js</folder>
<folder>language</folder>
<folder>fonts</folder>
</files>
<positions>
<position>position-0</position>
<position>position-1</position>
<position>position-2</position>
<position>position-3</position>
<position>position-4</position>
<position>position-5</position>
<position>position-7</position>
<position>position-8</position>
<position>position-9</position>
</positions>
<languages folder="language">
<language tag="en-GB">en-GB/en-GB.tpl_myspace.ini</language>
<language tag="en-GB">en-GB/en-GB.tpl_myspace.sys.ini</language>
<language tag="ru-RU">ru-RU/ru-RU.tpl_myspace.ini</language>
<language tag="ru-RU">ru-RU/ru-RU.tpl_myspace.sys.ini</language>
</languages>
<config>
<fields name="params">
<fieldset name="advanced">

<field name="sitename"  type="text" default="myspace"
label="JGLOBAL_TITLE"
description="JFIELD_ALT_PAGE_TITLE_LABEL"
filter="string" />

<field name="menuStyle" type="list" default="0" label="Стиль для меню" description="Выберите тему для главного меню">
  <option value="0">По умолчанию</option>
  <option value="1">Красная</option>
  <option value="2">Пурпурная</option>
</field>

<field name="headername" type="text" default="Название сайта"
label="Название сайта"
description="Название, отображаемое в шапке сайта"
filter="string" />

<field
name="headerwithlink"
type="radio"
label="Название - ссылка"
description="Отображение названия сайта в виде ссылки"
class="btn-group btn-group-yesno"
default="1"
>
<option value="1">Да</option>
<option value="0">Нет</option>
</field>

<field name="headerdescription" type="text" default="Описание сайта"
label="Описание сайта"
description="Описание, отображаемое в шапке сайта"
filter="string" />

<field
name="descriptionwithlink"
type="radio"
label="Описание - ссылка"
description="Отображение описания сайта в виде ссылки"
class="btn-group btn-group-yesno"
default="0"
>
<option value="1">Да</option>
<option value="0">Нет</option>
</field>

<field
name="headertransition"
type="radio"
label="Вращение надписей"
description="Вращение надписей (если они в виде ссылки) в шапке сайта при наведении мышки"
class="btn-group btn-group-yesno"
default="0"
>
<option value="1">Да</option>
<option value="0">Нет</option>
</field>

<field
name="headerlogoFile"
type="media"
label="Логотип сайта"
description="Логотип, отображаемый в шапке сайта"
class=""
default=""
/>

<field
name="headersocial"
type="radio"
label="Социальные кнопки"
description="Отображать социальные кнопки в шапке сайта"
class="btn-group btn-group-yesno"
default="0"
>
<option value="1">Да</option>
<option value="0">Нет</option>
</field>

<field
name="menulogoFile"
type="media"
label="Логотип меню"
description="Логотип, отображаемый в меню сайта"
class=""
default=""
/>

<field
name="menusticky"
type="radio"
label="Фиксированное меню"
description="Фиксированное (плавающее) меню"
class="btn-group btn-group-yesno"
default="0"
>
<option value="1">Да</option>
<option value="0">Нет</option>
</field>

<field name="dataoffsettop"  type="integer" default="169"
label="Отступ"
description="Отступ до меню, равный величине хедера"
first="1" last="1000" step="1"
filter="integer" />

<field
name="fonFile"
type="media"
label="Фоновый рисунок сайта"
description="Файл с рисунком, отображаемый в качестве фона сайта"
class=""
default=""
/>

<field
name="metrika"
type="textarea"
label="Yandex.Metrika"
description="Счетсики Яндекса (Yandex.Metrika informer и Yandex.Metrika informer)"
rows="10" cols="200"
class=""
default=""
filter="raw" />

</fieldset>
</fields>
</config>
</extension>
Может я что не так подключил, или не подключил еще какой скрипт или стиль...
Буду очень признателен за помощь.
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Потому что Uncaught TypeError: toHide.size is not a function в 146 строке
http://test2.mszm.ru/plugins/content/accordionfaq/js/jquery.accordionfaq.js

Зачем вы хотите подключать дополнительный скрипт и, как таковое всё это FAQ, ради аккордеона, если:
-это есть в бутстрапе
-можно сделать на CSS и намного красивее.

Спойлер
[свернуть]
Спойлер
[свернуть]
« Последнее редактирование: 05.08.2017, 15:53:51 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

sergey-911

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
  • https://opticod.ru
Спасибо Vipiusss.
В точку! Как раз думал над тем, чтобы аккордеон сделать средствами Bootstrap. Но это уже будет от безвыходности. Т.к. есть на сайте еще небольшие баги с компонентом PhocaGallery. Вот и хотел узнать, что не так делаю.
И скажите уважаемые, что это за строка 146 с ошибкой:
Код
options.running = toHide.size() == 0 ? toShow.size() : toHide.size();
я не знаю ява, да и php еле-еле...
 :(
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
А при чём тут безвыходность? У вас бутсрап уже подключён, зачем вы новые скрипты для конфликтности тулите?
И не ява, а квери.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

sergey-911

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
  • https://opticod.ru
Так это ведь скрипт аккордеона...?
Т.е., если я Вас правильно понимаю, к Bootstrap 3 он не подходит? И исправить его не получится?
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Так это ведь скрипт аккордеона...?
Т.е., если я Вас правильно понимаю, к Bootstrap 3 он не подходит? И исправить его не получится?

Да, это именно к вашему FAQ он и он никаким боком к B3 не относится.
Вы просто ставите новое с новым скриптом, который конфликтует.
Да, можно поставить ноуконфликт, изменить код с этим связанным решением. Но зачем?
Зачем ставить новое, если у вас уже это на борту.
Тем более я вам вообще на CSS дал, можете просто в код модуля впихнуть.

Вы сами себе проблемы создаёте.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

capricorn

  • Завсегдатай
  • 1949
  • 118 / 3
Под новый bootstrap нужна новая jquery - существуют требования соответствия. Что вы и делаете. А с ней не будут работать отдельные компоненты Joomla, как встроенные, так и сторонние. Просто вы только одну проблему заметили. Если шаблон написан нормально, он должен работать с тем, что в Joomla встроено. Я лично так это понимаю.

То, что у вас - история города, как я понял ее нужно развернуть/свернуть - делается на jquery.

Код: javascript
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
  $j(".content").hide();
    $j(".heading").click(function()
  {
    $j(this).next(".content").slideToggle(500);
  });
});
</script>

и в статье

Код: html
<div class="layer">
<p class="heading">Заголовок на котором щелкаем</p>
<div class="content">
<p>Содержание, которое показывается/скрывается по щелчку</p>
</div>
</div>
« Последнее редактирование: 05.08.2017, 17:24:45 от capricorn »
*

sergey-911

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
  • https://opticod.ru
Спасибо всем!
В общем, переделал аккордеон в статье при помощи кода:
Код
<div class="panel-group" id="accordion">
  <!-- 1 панель -->
  <div class="panel panel-default">
    <!-- Заголовок 1 панели -->
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">1. Bootstrap 3 - Введение</a>
      </h4>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in">
      <!-- Содержимое 1 панели -->
      <div class="panel-body">
        <p>Bootstrap 3 - это framework для быстрого и гармоничного создания дизайна сайта. Начать изучать эту технологию лучше с <a href="http://itchief.ru/lessons/bootstrap-3/19-introduction-to-twitter-bootstrap-3" target="_blank">урока</a>, который познакомит вас с её возможностями и преимуществами.</p>
      </div>
    </div>
  </div>
  <!-- 2 панель -->
  <div class="panel panel-default">
    <!-- Заголовок 2 панели -->
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">2. Bootstrap 3 - Начало работы</a>
      </h4>
    </div>
    <div id="collapseTwo" class="panel-collapse collapse">
      <!-- Содержимое 2 панели -->
      <div class="panel-body">
        <p>Изучение технологии лучше всего начать с простого <a href="http://itchief.ru/lessons/bootstrap-3/20-lesson-2-getting-started-with-twitter-bootstrap-3" target="_blank">урока</a>. На котором изучается как подключить Twitter Bootstrap к своему проекту и вывести с помощью него простейший текст.</p>
      </div>
    </div>
  </div>
  <!-- 3 панель -->
  <div class="panel panel-default">
    <!-- Заголовок 3 панели -->
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">3. Bootstrap 3 - Создание сайта</a>
      </h4>
    </div>
    <div id="collapseThree" class="panel-collapse collapse">
      <!-- Содержимое 3 панели -->
      <div class="panel-body">
        <p>Создание сайта - это трудоемкий процесс, который состоит из нескольких этапов. В качестве примера рассмотрим создание сайта визитки на этом <a href="http://itchief.ru/lessons/bootstrap-3/website-creation-business-cards-(part-1)" target="_blank">уроке</a>, в котором рассмотрим процесс загрузки необходимых пакетов и проектирования макета сайта.</p>
      </div>
    </div>
  </div>
</div>
как и показано в https://itchief.ru/lessons/bootstrap-3/bootstrap-3-accordion.
Получилось следующее http://test2.mszm.ru/index.php/o-predpriyatii/gorod-elektrostal.

*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Прыгает при кликах и не красиво.
В моём примере выше в CSS и то удобнее.
И без скриптов и плавная подгрузка. Вот.

ИМХО.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

capricorn

  • Завсегдатай
  • 1949
  • 118 / 3
Теперь осталось побороть пустую область внизу после сворачивания.

С jquery выше было бы так https://jsfiddle.net/1hzfwzw6/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Перестали работать Tabs (вкладки)

Автор sergspb

Ответов: 4
Просмотров: 453
Последний ответ 08.07.2022, 13:44:16
от sergspb
Как убрать из URL знак решётка, меню Bootstrap?

Автор leo78

Ответов: 1
Просмотров: 520
Последний ответ 14.05.2021, 11:43:07
от leo78
Как вызвать стандартную форму обратной связи в модальном окне bootstrap 3?

Автор Konstantin124

Ответов: 10
Просмотров: 4960
Последний ответ 23.04.2019, 05:49:18
от RTEagle
Кто-нибудь пробовал писать шаблон с Bootstrap 3?

Автор avex

Ответов: 57
Просмотров: 23017
Последний ответ 25.12.2018, 04:43:34
от BeZLiKiy
Создание шаблона Joomla 3 с использованием bootstrap

Автор lindim

Ответов: 31
Просмотров: 47803
Последний ответ 09.09.2018, 07:12:17
от AlekVolsk