БЛОГ НА HUSL


Перенести стиль из body в head Joomla 3.х

Автор вопроса: Никита Васильев

Хочу перенести стиль из Body в Head. Перенес так взял:

include 'styles.php';

И поставил в тег Head но все ровно вызывается он в body.

Закинул в конец тут.

<?php
        if(!defined('DS')) define('DS', DIRECTORY_SEPARATOR);

        $menu = $app->getMenu();
        $menu_active = $menu->getActive();

        $menu_id = 0;
        if (JRequest::getVar('view') != 'form')
        {
            $menu_id = $menu_active->id;
        }

        include 'ie8warning.php';
        include 'params.php';
       //
    
       //
        include 'styles.php';
    ?>

На сайте не на что не повлияло

Сайт

Style.php

get('bg_color'); $gradient_topcolor = $params->get('gradient_topcolor'); $gradient_btmcolor = $params->get('gradient_btmcolor'); $font_color = '#' . $params->get('font_color'); $hfont_color = '#' . $params->get('hfont_color'); $font_size1 = $params->get('font_size1'); if($font_size1) $line_height1 = 'line-height: ' . $font_size1 + 2 . 'px;'; $font_size2 = $params->get('font_size2'); if($font_size2) $line_height2 = 'line-height: ' . $font_size2 + 2 . 'px;'; $submenu_width = $params->get('submenu_width'); $border_radius = $params->get('border_radius'); if(!is_numeric($border_radius)) { $border_radius = 0; } $font_family = $params->get('font_family'); $google_font = array('fontlink'=>false, 'fontfamily'=>false); $google_font = googleFontChooser($font_family); $font_family = $google_font['fontfamily']; ?> 
<style>

#as-menu,
#as-menu ul.as-menu ul
{
    background-color: <?php echo $bg_color ?>;
    border-radius: <?php echo $border_radius ?>px;

    <?php  if($gradient_topcolor && $gradient_btmcolor): ?>
    background-image: -moz-linear-gradient(top, #<?php echo $gradient_topcolor . ', #' . $gradient_btmcolor ?>);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#<?php echo $gradient_topcolor ?>), to(#<?php echo $gradient_btmcolor ?>));
    background-image: -webkit-linear-gradient(top, #<?php echo $gradient_topcolor . ', #' . $gradient_btmcolor ?>);
    background-image: -o-linear-gradient(top, #<?php echo $gradient_topcolor . ', #' . $gradient_btmcolor ?>);
    background-image: linear-gradient(to bottom, #<?php echo $gradient_topcolor . ', #' . $gradient_btmcolor ?>);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff<?php echo $gradient_topcolor ?>', endColorstr='#ff<?php echo $gradient_btmcolor ?>', GradientType=0);
    <?php endif; ?>
}

#as-menu ul.as-menu > li > a,
#as-menu ul.as-menu > li > span
{
    font-size: <?php echo $font_size1 ?>px;
    <?php echo $line_height1 ?>
    <?php echo $google_font['fontfamily']; ?>
    color: <?php echo $font_color ?>;
}

#as-menu ul.as-menu > li.active > a,
#as-menu ul.as-menu > li.asHover > a,
#as-menu ul.as-menu > li.current > a,
#as-menu ul.as-menu > li.active > span,
#as-menu ul.as-menu > li.asHover > span,
#as-menu ul.as-menu > li.current > span,
#as-menu ul.as-menu > li > a:hover,
#as-menu ul.as-menu > li > span:hover,
#as-menu ul.as-menu ul li a:hover,
#as-menu ul.as-menu ul li span:hover,
#as-menu ul.as-menu ul li.active > a,
#as-menu ul.as-menu ul li.asHover > a,
#as-menu ul.as-menu ul li.active > span,
#as-menu ul.as-menu ul li.asHover > span
{
    color: <?php echo $hfont_color ?>;
}

#as-menu ul.as-menu ul
{
    width: <?php echo $submenu_width ?>px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-bottom-right-radius: <?php echo $border_radius ?>px;
    -moz-border-radius-bottomright: <?php echo $border_radius ?>px;
    border-bottom-right-radius: <?php echo $border_radius ?>px;
    -webkit-border-bottom-left-radius: <?php echo $border_radius ?>px;
    -moz-border-radius-bottomleft: <?php echo $border_radius ?>px;
    border-bottom-left-radius: <?php echo $border_radius ?>px;
}

#as-menu ul.as-menu ul li a,
#as-menu ul.as-menu ul li span
{
    font-size: <?php echo $font_size2 ?>px;
    <?php echo $line_height2 ?>
    <?php echo $google_font['fontfamily']; ?>
    color: <?php echo $font_color ?>;
}

#as-menu ul.as-menu li li:hover ul,
#as-menu ul.as-menu li li.asHover ul,
#as-menu ul.as-menu li li li:hover ul,
#as-menu ul.as-menu li li li.asHover ul
{
    left: <?php echo $submenu_width ?>px;
}


</style>

Был добавлен код в style.php Согласно документации. Проблему не решило. Код немного сократил чтобы проще читался

<?php

require __DIR__ . '/fonts.php';
$bg_color                   = '#' . $params->get('bg_color');
$gradient_topcolor          = $params->get('gradient_topcolor');
$gradient_btmcolor          = $params->get('gradient_btmcolor');
$font_family                = $params->get('font_family');
$google_font                = array('fontlink'=>false, 'fontfamily'=>false);
$google_font                = googleFontChooser($font_family);
$font_family                = $google_font['fontfamily'];
?>
$document = JFactory::getDocument();
$style = '
<style>
#as-menu,
#as-menu ul.as-menu ul
{
    background-color: <?php echo $bg_color ?>;
    border-radius: <?php echo $border_radius ?>px;

    <?php  if($gradient_topcolor && $gradient_btmcolor): ?>
    background-image: -moz-linear-gradient(top, #<?php echo $gradient_topcolor . ', #' . $gradient_btmcolor ?>);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#<?php echo $gradient_topcolor ?>), to(#<?php echo $gradient_btmcolor ?>));
    background-image: -webkit-linear-gradient(top, #<?php echo $gradient_topcolor . ', #' . $gradient_btmcolor ?>);
    background-image: -o-linear-gradient(top, #<?php echo $gradient_topcolor . ', #' . $gradient_btmcolor ?>);
    background-image: linear-gradient(to bottom, #<?php echo $gradient_topcolor . ', #' . $gradient_btmcolor ?>);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff<?php echo $gradient_topcolor ?>', endColorstr='#ff<?php echo $gradient_btmcolor ?>', GradientType=0);
    <?php endif; ?>
}
</style> ';
$document->addStyleDeclaration($style);

Если смотреть как из броузера запускается. То код выполняется в этот классе

<div id="header-row">
                    <div class="container">
                        <div class="row">
                            <div id="logo" class="span<?php echo $this->params->get('logo_size'); ?>">
                                <?php if($logo_type): ?>
                                <a href="<?php echo $this->baseurl; ?>">
                                    <img src="<?php echo $logo_img;?>" alt="<?php echo $sitename; ?>" />
                                </a>
                                <?php else: ?>
                                <div class="logo">
                                    <a href="<?php echo $this->baseurl ?>"><?php echo $logo_txt; ?></a>
                                    <span class="slogan">
                                        <?php echo $slogan_txt; ?>
                                    </span>
                                </div>
                                <?php endif; ?>
                            </div>
 
                            <?php if ($this->countModules('as-position-1')): ?>
                                <jdoc:include type="modules" name="as-position-1" style="themeHtml5" />
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
 
                <?php if ($this->countModules('as-position-5')): ?>
                <div id="slider-row">
                        <div class="container">
                        <div class="row">
                            <jdoc:include type="modules" name="as-position-5" style="themeHtml5" />
                        </div>
                    </div>
                </div>
                <?php endif; ?>
            </div>
        </div>
 
        <?php if ($this->countModules('as-position-6')): ?>

Попытка 2: НЕ помогло

<?php
 
require __DIR__ . '/fonts.php';
$bg_color                   = '#' . $params->get('bg_color');
$gradient_topcolor          = $params->get('gradient_topcolor');
$gradient_btmcolor          = $params->get('gradient_btmcolor');
$font_family                = $params->get('font_family');
$google_font                = array('fontlink'=>false, 'fontfamily'=>false);
$google_font                = googleFontChooser($font_family);
$font_family                = $google_font['fontfamily'];
 
$document = JFactory::getDocument();
$style_as_menu = '
<style>
#as-menu,
#as-menu ul.as-menu ul
{
    background-color: '.$bg_color.';
    border-radius: '.$border_radius .'px;
 
    <?php  if($gradient_topcolor && $gradient_btmcolor): ?>
    background-image: -moz-linear-gradient(top, #'.$gradient_topcolor . ', #' . $gradient_btmcolor.');
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#'.$gradient_topcolor.'), to(#'. $gradient_btmcolor.'));
    background-image: -webkit-linear-gradient(top, #'.$gradient_topcolor . ', #' . $gradient_btmcolor .');
    background-image: -o-linear-gradient(top, #'.$gradient_topcolor . ', #' . $gradient_btmcolor .');
    background-image: linear-gradient(to bottom, #'.$gradient_topcolor . ', #' . $gradient_btmcolor.');
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff 
    " '.$gradient_topcolor', endColorstr="#ff" '.$gradient_btmcolor .', GradientType=0);
    <?php endif; ?>
}
</style> ';
$document->addStyleDeclaration($style_as_menu);
?>

Index.php

 <?php

defined('_JEXEC') or die;
include ('includes/includes.php');
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<!-- Global site tag (gtag.js) - AdWords: 1066704524 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-1066704524"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-1066704524');
</script>
    <?php
        $feature_responsive = $this->params->get('feature_responsive');

        $doc->addStyleSheet('templates/'.$this->template.'/css/bootstrap.css');
        if($feature_responsive)
        {
            $doc->addStyleSheet('templates/'.$this->template.'/css/bootstrap.responsive.css');
        }
        $doc->addStyleSheet('templates/'.$this->template.'/css/tmpl.default.css');
        $doc->addStyleSheet('templates/'.$this->template.'/css/media.1200.css');
        if($feature_responsive)
        {
            $doc->addStyleSheet('templates/'.$this->template.'/css/media.980.css');
            $doc->addStyleSheet('templates/'.$this->template.'/css/media.768.css');
            $doc->addStyleSheet('templates/'.$this->template.'/css/media.480.css');
        }
        else
        {
            echo '<meta name="HandheldFriendly" content="true">';
            echo '<meta name="apple-mobile-web-app-capable" content="yes">';
            echo '<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">';
        }

    ?>
    <meta name="p:domain_verify" content="be851b5d6c3013fb56238b43a88813b7"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    
    <jdoc:include type="head" />
    <meta name="msvalidate.01" content="AF0B68737D448A23108A9A3C5345669F" />
    <meta name="google-site-verification" content="x7CCH3raq1VYMFk_PWY6uWNFeRD16X9kxtmeEC8WX3w" />
    <?php
        if(!defined('DS')) define('DS', DIRECTORY_SEPARATOR);

        $menu = $app->getMenu();
        $menu_active = $menu->getActive();

        $menu_id = 0;
        if (JRequest::getVar('view') != 'form')
        {
            $menu_id = $menu_active->id;
        }

        include 'ie8warning.php';
        include 'params.php';

        echo $bodyfont_arr['fontlink'];
        if($hfont_arr['fontlink'] != $bodyfont_arr['fontlink'])
        {
            echo $hfont_arr['fontlink'];
        }
        if(($logo_font_arr['fontlink'] != $hfont_arr['fontlink']) &&
           ($logo_font_arr['fontlink'] != $bodyfont_arr['fontlink']))
        {
            echo $logo_font_arr['fontlink'];
        }
        if(($slogan_font_arr['fontlink'] != $logo_font_arr['fontlink']) &&
           ($slogan_font_arr['fontlink'] != $hfont_arr['fontlink']) &&
           ($slogan_font_arr['fontlink'] != $bodyfont_arr['fontlink']))
        {
            echo $slogan_font_arr['fontlink'];
        }

        include 'styles.php';
    ?>

    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ext.asmenu.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ext.artslider.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ext.phocagallery.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/fox.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/style.custom.css" type="text/css" />

  <script type="text/javascript">
//<![CDATA[
function addLink() {
    var body_element = document.getElementsByTagName('body')[0];
    var selection = window.getSelection();
    //
    var pagelink = "<p>From: <a href='"+document.location.href+"'>"+document.location.href+"</a> Toronto moving company &copy; EASY-MOVING.CA</p>";
    var copytext = selection + pagelink;
    var newdiv = document.createElement('div');
    newdiv.style.position = 'absolute';
    newdiv.style.left = '-99999px';
    body_element.appendChild(newdiv);
    newdiv.innerHTML = copytext;
    selection.selectAllChildren(newdiv);
    window.setTimeout( function() {
        body_element.removeChild(newdiv);
    }, 0);
}
document.oncopy = addLink;
//]]>
</script>

  <!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '731015690569070');
  fbq('track', 'PageView');
</script>
<!--Исправил 1<noscript><img height="1" width="1" style="display:none"-->
 <!-- src="https://www.facebook.com/tr?id=731015690569070&ev=PageView&noscript=1"-->
<!--/></noscript> -->
<!-- End Facebook Pixel Code -->

</head>

<body class="<?php echo $option . " view-" . $view . " task-" . $task . " itemid-" . $itemid . " body__" . $pageClass;?>">
<!--Был убран из ноу скрипт в боди. Вызывал ошибку.Исправил 1-->
    <img height="1" width="1" style="display:none"
        src="https://www.facebook.com/tr?id=731015690569070&ev=PageView&noscript=1" alt="">
    <div class="wrapper">
        <!-- HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  -->
        <div class="header">
            <div class="header-wrapper">
                <div id="header-top-row">
                    <div class="container">
                        <div id="top" class="row">
                            <jdoc:include type="modules" name="as-position-3" style="themeHtml5" />
                        </div>
                    </div>
                </div>

                <div id="header-row">
                    <div class="container">
                        <div class="row">
                            <div id="logo" class="span<?php echo $this->params->get('logo_size'); ?>">
                                <?php if($logo_type): ?>
                                <a href="<?php echo $this->baseurl; ?>">
                                    <img src="<?php echo $logo_img;?>" alt="<?php echo $sitename; ?>" />
                                </a>
                                <?php else: ?>
                                <div class="logo">
                                    <a href="<?php echo $this->baseurl ?>"><?php echo $logo_txt; ?></a>
                                    <span class="slogan">
                                        <?php echo $slogan_txt; ?>
                                    </span>
                                </div>
                                <?php endif; ?>
                            </div>

                            <?php if ($this->countModules('as-position-1')): ?>
                                <jdoc:include type="modules" name="as-position-1" style="themeHtml5" />
                            <?php endif; ?>
                        </div>
                    </div>
                </div>

                <?php if ($this->countModules('as-position-5')): ?>
                <div id="slider-row">
                        <div class="container">
                        <div class="row">
                            <jdoc:include type="modules" name="as-position-5" style="themeHtml5" />
                        </div>
                    </div>
                </div>
                <?php endif; ?>
            </div>
        </div>

        <?php if ($this->countModules('as-position-6')): ?>
        <div id="featured-row">
            <div class="container">
                <div class="row">
                    <jdoc:include type="modules" name="as-position-6" style="themeHtml5" />
                </div>
            </div>
        </div>
        <?php endif; ?>

        <?php if ($this->countModules('as-position-2')): ?>
        <div id="breadcrumbs-row">
            <div class="container">
                <div class="row">
                    <jdoc:include type="modules" name="as-position-2" style="themeHtml5" />
                </div>
            </div>
        </div>
        <?php endif; ?>

        <?php if ($this->countModules('as-position-7')): ?>
        <div id="header-bottom-row">
            <div class="container">
                <div class="row">
                    <jdoc:include type="modules" name="as-position-7" style="themeHtml5" />
                </div>
            </div>
        </div>
        <?php endif; ?>
        <!-- END OF HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

        <!-- CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
        <div id="content-row">
            <div class="container">
                <div class="content-inner row">


                    <!-- COLUMN LEFT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
                    <?php if(($this->countModules('as-position-10') || $this->countModules('as-position-11')) &&
                                    ($hideByOption) == false && $view !== 'form' && $layout !== 'edit'): ?>
                    <div id="aside-left" class="span<?php echo $aside_left_width; ?>">
                        <aside>
                            <?php if($this->countModules('as-position-10')): ?>
                            <div id="aside-row-1-left">
                                <jdoc:include type="modules" name="as-position-10" style="html5nosize" />
                            </div>
                            <?php endif; ?>
                            <?php if($this->countModules('as-position-11')): ?>
                            <div id="aside-row-2-left">
                                <jdoc:include type="modules" name="as-position-11" style="html5nosize" />
                            </div>
                            <?php endif; ?>
                        </aside>
                    </div>
                    <?php endif; ?>
                    <!-- END OF COlUMN LEFT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

                    <!-- COLUMN MAIN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
                    <div id="component" class="span<?php echo $mainContentWidth; ?>">

                        <?php if ($this->countModules('as-position-20')): ?>
                        <div id="content-row-1" class="row">
                            <div class="content-row-1">
                                <jdoc:include type="modules" name="as-position-20" style="themeHtml5" />
                            </div>
                        </div>
                        <?php endif; ?>

                        <?php if ($this->countModules('as-position-21')): ?>
                        <div id="content-row-2" class="row">
                            <div class="content-row-2">
                                <jdoc:include type="modules" name="as-position-21" style="themeHtml5" />
                            </div>
                        </div>
                        <?php endif; ?>

                        <jdoc:include type="message" />
                        <jdoc:include type="component" />

                        <?php if ($this->countModules('as-position-22')): ?>
                        <div id="content-row-3" class="row">
                            <div class="content-row-3">
                                <jdoc:include type="modules" name="as-position-22" style="themeHtml5" />
                            </div>
                        </div>
                        <?php endif; ?>

                    </div>
                    <!-- END OF COLUMN MAIN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

                    <!-- COLUMN RIGHT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
                    <?php if (($this->countModules('as-position-15') || $this->countModules('as-position-16'))
                                && ($hideByOption) == false && $view !== 'form' && $layout !== 'edit'): ?>
                    <div id="aside-right" class="span<?php echo $aside_right_width; ?>">
                        <aside>
                            <?php if($this->countModules('as-position-15')): ?>
                            <div id="aside-row-1-right">
                                <jdoc:include type="modules" name="as-position-15" style="html5nosize" />
                            </div>
                            <?php endif; ?>
                            <?php if($this->countModules('as-position-16')): ?>
                            <div id="aside-row-2-right">
                                <jdoc:include type="modules" name="as-position-16" style="html5nosize" />
                            </div>
                            <?php endif; ?>
                        </aside>
                    </div>
                    <?php endif; ?>
                    <!-- END OF COLUMN RIGHT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
                </div>
            </div>
        </div>

        <?php if ($this->countModules('as-position-23')): ?>
        <div id="content-row-4">
            <div class="container">
                <div class="row">
                    <jdoc:include type="modules" name="as-position-23" style="themeHtml5" />
                </div>
            </div>
        </div>
        <?php endif; ?>


        <?php if ($this->countModules('as-position-24')): ?>
        <div id="content-row-5">
            <div class="container">
                <div class="row">
                    <jdoc:include type="modules" name="as-position-24" style="themeHtml5" />
                </div>
            </div>
        </div>
        <?php endif; ?>

    </div>
    <!-- FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
    <div id="footer">
        <div class="footer-wrapper">
            <?php if ($this->countModules('as-position-30') || $this->countModules('as-position-31')): ?>
            <div id="footer-row">
                <div class="container">
                    <div class="row">
                        <?php if ($this->countModules('as-position-30')): ?>
                        <div class="footer-row-1">
                            <jdoc:include type="modules" name="as-position-30" style="themeHtml5" />
                        </div>
                        <?php endif; ?>
                        <?php if ($this->countModules('as-position-31')): ?>
                        <div class="footer-row-2">
                            <jdoc:include type="modules" name="as-position-31" style="themeHtml5" />
                        </div>
                        <?php endif; ?>

                    </div>
                </div>
            </div>
            <?php endif; ?>

            <div id="copyright-row">
                <div class="container">
                    <div id="trademark">
                        Copyright &copy; <?php echo date('Y'); ?> <?php echo $app->getCfg('sitename'); ?>
                        <?php if ($this->countModules('as-position-36')): ?>
                        <jdoc:include type="modules" name="as-position-36" style="none" />
                        <?php endif; ?>
                    </div>
                    <div id="copyright-menu" class="row">
                    <?php if ($this->countModules('as-position-35') && $this->countModules('as-position-35')): ?>
                        <jdoc:include type="modules" name="as-position-35" style="none" />
                    <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END OF FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

    <?php if($this->params->get('feature_totop')): ?>
    <div id="back-top">
        <a href="#"><span></span><?php echo $this->params->get('feature_totop_text') ?></a>
    </div>
    <?php endif; ?>

    <?php if ($this->countModules('modal')): ?>
    <jdoc:include type="modules" name="modal" style="modal" />
    <?php endif; ?>

    <?php if ($this->countModules('debug')): ?>
    <jdoc:include type="modules" name="debug" style="none"/>
    <?php endif; ?>

    <?php
    $doc->addScript($this->baseurl."/media/jui/js/jquery.min.js");
    $doc->addScript($this->baseurl."/media/jui/js/bootstrap.js");

    $noConflict = "jQuery.noConflict()";
    $doc->addScriptDeclaration($noConflict);

    $doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/jquery.isotope.min.js');
    $doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/touch.gallery.js');
    $doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/scripts.js');

    ?>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-110217943-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-110217943-1');
</script>
</body>
</html>

Источник

Ответы (1 шт):

Автор решения: Алексей Гневышев

Корректный способ добавления стилей - именно через head.

(тогда его могут правильно обрабатывать плагины оптимизации, к примеру)

Пример добавления:

$document = JFactory::getDocument();
$style = '
    #as-menu ul.as-menu li li:hover ul,
    #as-menu ul.as-menu li li.asHover ul,
    #as-menu ul.as-menu li li li:hover ul,
    #as-menu ul.as-menu li li li.asHover ul
    {
        left: 100px;
    }
';
$document->addStyleDeclaration($style);

Соответственно, сформируйте текстовую переменную $style, а потом добавьте через addStyleDeclaration().

Документация:

https://docs.joomla.org/J3.x:Adding_JavaScript_and_CSS_to_the_page#CSS_Examples

→ Ссылка

licensed under cc by-sa 3.0 with attribution.