T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (5)

Resolved Need help with T3 (beginner questions)

0
Votes
Undo
  1. Dani
    Dani
  2. Sherlock Holmes
  3. General Discussion
  4. Saturday, 07 September 2013
  5.  Subscribe via email
Hi, I have a couple of questions to T3.

My layout file looks like this:



<!DOCTYPE html>

<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" class="<?php $this->bodyClass(); ?>">



  <head>

    <jdoc:include type="head" />

    <?php $this->loadBlock ('head') ?>  

  </head>



  <body>

    <?php $this->loadBlock ('header') ?>



    <?php $this->loadBlock ('mainnav') ?>

      

    <?php $this->loadBlock ('toolbar') ?>

    

    <?php $this->loadBlock ('slideshow') ?>



    <?php $this->loadBlock ('mainbody') ?>

    

    <?php $this->loadBlock ('spotlight-2') ?>

    

    <?php $this->loadBlock ('navhelper') ?>

    

    <?php $this->loadBlock ('footer') ?>

    

  </body>



</html>



header.php:


defined('_JEXEC') or die;

$sitename = $this->params->get('sitename') ? $this->params->get('sitename') : JFactory::getConfig()->get('sitename');

$slogan = $this->params->get('slogan');

$logotype = $this->params->get('logotype', 'text');

$logoimage = $logotype == 'image' ? $this->params->get('logoimage', '') : '';

if ($logoimage) {

  $logoimage = ' style="background-image: url('/.JURI::base(true).'/'.$logoimage.');"';

}

?>



<!-- HEADER -->

<header id="t3-header" class="container t3-header">

  <div class="row">



    <!-- LOGO -->

    <div class="span10 logo">

      <div class="logo-<?php echo $logotype ?>">

        <a href="/<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>"<?php echo $logoimage ?>>

          <span><?php echo $sitename ?></span>

        </a>

        <small class="site-slogan hidden-phone"><?php echo $slogan ?></small>

      </div>

    </div>

    <!-- //LOGO -->



  </div>

</header>

<!-- //HEADER -->


mainnav.php:


<!-- MAIN NAVIGATION -->

<nav id="t3-mainnav" style="background:pink;margin-right:-40px" class="t3-mainnav span12 offset1"> <!-- !navbar-collapse-fixed-top -->

  <div class="container navbar">

    <div class="navbar-inner">

    

      <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">

        <i class="icon-reorder"></i>

      </button>



      <div class="nav-collapse collapse<?php echo $this->getParam('navigation_collapse_showsub', 1) ? ' always-show' : '' ?>">

      <?php if ($this->getParam('navigation_type') == 'megamenu') : ?>

        <?php $this->megamenu($this->getParam('mm_type', 'mainmenu')) ?>

      <?php else : ?>

        <jdoc:include type="modules" name="<?php $this->_p('mainnav') ?>" style="raw" />

      <?php endif ?>

      </div>

    </div>

  </div>

</nav>

<!-- //MAIN NAVIGATION -->


Problem 1:
Only about 30% of the logo is shown on the page. The rest is just truncated/hidden. There is no diff if I set it to span10 logo or span3 logo.

Problem 2:
The mainnav is out of place. If I set <nav> to offset1, it starts a little too far on the left and is not aligned up with the header above and toolbar below. If I set it to offset2 it starts a little too far right.
Comment
There are no comments made yet.
Responses (5)
daniel
daniel
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Dani!

go to:

less/style.less

you can change anything you want from:
.logo, .logo-text, .logo-image, .sitename, etc...

or
add it in your:

less/theme/"yourtheme"/template.less

To put in grid flow the navbar, you must, above all: un-wrap it... (wrap: is an all wide value as container a centered one, etc...)


Your two questions ilustrates about the 2 principal defects, (from my humble point of view), of t3 framework as joomla's template quickstart... You must fight against bootstrap ugly gradienty navbar all the time, and go really deep to entirely customize it, without loose any of it wonderfull features...

but the framework concept and work, (and it license above all), worth all that battles, I think...

Regards...
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Dani
Dani
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you for the fast reply.

A few more issues:

Problem 3:
I have logo on the left side of the header. How do I add a slogan to the right side of the header?

Problem 4:
On pages that only shows a single article (K2 item), the article uses full width (span12 / width 100%). How do I make all of those single article pages more narrow, like 50% or span6 ?

Problem 5:
Main menu items shows a little arrow even if it has no accessible sub menu items (means it has sub menu items only for special users)

Problem 6:
When I log in to the frontend, I get an annoying fixed position Edit Article popup showing above (higher z index) the rest of the page.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Admin
Admin
Hole-in-One Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Dani,

Problem 3:
I have logo on the left side of the header. How do I add a slogan to the right side of the header?
=> You can always change the markup of logo block in header.php file (\tpls\blocks folder)
Just apply the structure of bootstrap.
If you does not use the right part of header (head-search) then the row grid would be (span8 (logo), span4 (slogan))
If you use header you can change the row grid would be (span5, span 3, span4)

You can change these number until it meet your need.

Problem 4:
On pages that only shows a single article (K2 item), the article uses full width (span12 / width 100%). How do I make all of those single article pages more narrow, like 50% or span6 ?
=> Please take a look at mainbody.php (or mainbody-content-left.php, mainbody-content-right.php), you will see
"no_sidebar": {
"default" : [ "span12" ]
}

Change this span12 to any value you want.

Problem 5:
Main menu items shows a little arrow even if it has no accessible sub menu items (means it has sub menu items only for special users)
=> I am not sure about this. Did you using T3 Megamenu or simple Joomla menu.
And which version of T3 (and T3 Blank) you are using? I have not face this problem.

Problem 6:
When I log in to the frontend, I get an annoying fixed position Edit Article popup showing above (higher z index) the rest of the page.
I wonder if you face this same problem as this
https://github.com/t3framework/t3/issues/33

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Dani
Dani
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Problem 3
Thanks. I solved it with this code:


    <div class="offset1 span8 logo">

      <div class="logo-<?php echo $logotype ?>">

        <a href="/<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>"<?php echo $logoimage ?>>

          <span><?php echo $sitename ?></span>

        </a>

        <small class="site-slogan hidden-phone">A<?php echo $slogan ?>A</small>

      </div>

    </div>

    <!-- //LOGO -->



    <!-- SLOGAN -->

    <div class="pull-right site-slogan">

        <span class="hidden-phone"><?php echo $slogan ?></span>

    </div>

    <!-- //SLOGAN -->



Problem 4
Setting


    "no_sidebar": {

      "default" : [ "span6" ]

then the pages which has only one single article on the page shows fine, as it's not too wide. That is fine. BUT it also applies on pages that shows many articles (index/news pages) where I have two rows with articles, which results in the articles on the news pages has a span of 3 each, and the right side (last 6 span) are empty.


Problem 5
I upgraded T3 a few days ago. I use Megamenu.


Problem 6
It is possible an issue related to K2 extension. And yes, it looks like a similar issue. But the comments for the solution at the bottom sais the naming conflict should be fixed for Joomla 3, and I use 3.1.5...
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Dani
Dani
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Problem 6 solved.
I edited bootstrap.less and commented out @import "../../../plugins/system/t3/base/bootstrap/less/modals.less";
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.