T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Guest
  2. General Discussion
  3. Saturday, November 29 2014, 09:59 PM
  4.  Subscribe via email
Hi,
Firt of all i'm so sorry for my english but i don't seak it very well!!!

i'm Andre and i'm very new about T3.
Today i dowloaded for the first time t3 framework.
i installed joomla 3.3.6, t3framwork with t3_blank and t3_bs3_blank, i selected t3_bs3_blank like primary template, i enabled Development Mode and here is my problem!

i don't understand how is overriding less or css file and when need to use custom.css and where i find it?

i've see a lot of videos and readed a lot of documentation, but really i don't understand!

i have understand: when Development Mode option is enabled, t3 use less file, when it is disable use css file.
i understand that is better use less file... but i don't understand how can i do!


with firebug? with css? with less? when i need enable Development Mode and when i need disable it?

i'm so sorry for my english yet!

thank you very much in advance

Andre
Comment
There are no comments made yet.
Accepted Answer
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
Hi Andre,

In fact, if you understand the workflow of T3, it's quite easy for customization. Let's get started.

1. When Development mode is on
- Your site will run on .less files and your customization with less files will be displayed. All the template .less files are stored in: templates/t3_bs3_blank/less. If you want to customize your template style, you can use the .less files.
2. When Development mode is off
- Your site will run on .css files, the files are compiled from .less files when you implement the "LESS TO CSS" function. We recommend not to use the .css file to customize your template style as each time you compile LESS TO CSS, the .css files will be overridden and your work will be lost.
3. When to use custom.css file and where it is?
- The custom.css file is not inlcuded by default as it's user's custom file so you have to create it by yourselves (templates/t3_bs3_blank/css). The file is not overridden when compile LESS TO CSS.
- The file is for users who are not familiar with LESS.
4. When you should enable and disable development mode?
- ENABLE IT WHEN: you are developing your site with LESS so that the site will run on .less files and you will see how your site is performed with LESS, if it works properly, it will work properly also when dev mode is OFF. Also, you can use firebug to customize your template style easier, you will see the .less rules and where to find the .less file.
- DISABLE IT WHEN: your site is DONE, disable the dev mode, compile LESS TO CSS, enable CSS and JS optmization to improve your site performance.

Thanks for choosing T3 and if you have any further concern, let me know, I am willing to help you and to make sure your site runs properly.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Guest Accepted Answer Pending Moderation
0
Votes
Undo
hi Gardner Luna,

i understand everything you've written, and I don't know how to thank you for your prompt response and really clearly.
i'm so sorry but i have just more question if a can do!

i saw in documentation page how can i override theme files.
i went in:
templates/t3_bs3_blank/less/themes and i crated "custom-theme" and after i've copied in a folder theese files: template.less, variables.less, variables-custom.less.
after i assigned this style to my override template "home".
i don't understand this: when i want customize home page, i need to use

templates/t3_bs3_blank/less/themes/custom-themes/variables-custom.less
or
templates/t3_bs3_blank/less?

after i did my costumization i implement the "LESS TO CSS" but in templates/t3_bs3_blank/css/theme there's not custom-theme folder.
why? what have i wrong?

the last one is:
i was in documentation page that is possible use firebug for customization my web site.
i setted "Development mode on" i went on front-end, i did all my costumizations, i went in back en again, i setted "Development mode off", save, LESS TO CSS,
but nothing changed.
how can i use firebug directly to costumize my template?

thank you very very much for the response and for your time!!

Andre
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
Hi Andre,

I will try to cover all your cocern here:

1. To customize a theme that you just created, you have to define that the customization is only applied for the theme only or for all themes. If it's just for your new created theme, please add style rules to the templates.less in the theme folder.

2. After compiling LESS TO CSS, you would see the theme folder in "templates\t3_bs3_blank\local\css\themes" as this belongs to customization so we put them in the local folder to prevent from data lost when upgrading.

3. The firebug is a tool to help you customize your template easier, you can select element to customize, change style rules ... after that you have to copy those things back to corresponding files. The changes in firebug will be lost when you refresh.

Hope it helps you.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Guest Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

Thank you very much @Gardner Luna

at firtst point did you write, i don't understan one thing.
First i define that the customization is only applied for the theme only or for all themes. If it's just for your new created theme, please add style rules to the templates.less in the theme folder. and that's ok.
But if it's for all theme how can i do?

Thank you for helping me a lot!! :)

André
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
If you want to use it for all theme, you have to add to the variables.less file in the template folder, not in the theme folder (templates/t3_bas3_blank/variables.less)

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Guest Accepted Answer Pending Moderation
0
Votes
Undo
Hi,
thankyou very very much, i understand and iìm using t3 very well now.
I saw joomla art's templates, and i found JA Smashboard i think it is amazing, so i would build my web site like that verttical menu on the side but i can't.

is position problem or they used a external menu for to do that?

i don't know if i can write here the link about joomla art's page, so i write and i hope it will be good for you

the link is this: http://www.joomlart.com/demo/#ja_smashboard


thank you very much
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
Guest Accepted Answer Pending Moderation
0
Votes
Undo
just for exsample i write onother template using the same vertical menu
http://jlvextension.com/versus/
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 6
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
Hi Andre,

For such premium products, please raise issue in its forum: http://www.joomlart.com/forums/forumdisplay.php?455-JA-Smashboard
Our support team will help to figure out the issue and get it fixed for you.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 7
Guest Accepted Answer Pending Moderation
0
Votes
Undo
hi,
thank you for the answeare and for the link.


Thanks to you, I understand and I'm using this framework very well.
Now I'm trying to create the t3_bs3_blank base, without css, less, and whatever files, so i could insert that file one at a time.
but i can't understand which file i can delete and wich not, because if i delete for example less file, front reports an errors.
How can i re-created a t3_bs3_blank folder?
i studied php and now is the first time that i tring to do that.

Thank you very much in advance

André
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 8
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
You can add new style file but should not delete them as the files could have conjunction.
You want to create new template based on t3_bs3_blank?
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 9
Guest Accepted Answer Pending Moderation
0
Votes
Undo
hi,
yes i want to create new template based on t3_bs3_blank and i can't understand how can i do that.
exist a t3_bs3_blank template without files?

if not exist, how can i delete all files and re.created the based template?

thank you
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 10
Guest Accepted Answer Pending Moderation
0
Votes
Undo
I'm sorry, but unfortunately i have some problem with login in your web site: http://www.t3-framework.org .
when i try to login a page is writing: website maintenance.
But some times like now i can login.
is your website in maintenance or have just me this problem?

Thank you
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 11
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
Yeah, we are maintaining our website but its done already.

To create new template based on T3 Blank template, please make sure you keep the same structure, do not delete any file. In the templatedetails.xml, you can change the template name, info, etc.
The next step is customizing template layout, style as you expect. It could be a little complex.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 12
Guest Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

i stinl can't login.

but, if i keep the same structure, i have always t3_bs3_blank with some css and less definited.
i would have a new t3_bs3_blank template without css, and with all less files empty.

it's possible or with t3_bs3_blank template is impossibile to do?

thank you
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 13
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
Hi again,

The template is built with LESS, how can it work without LESS :D. Please keep the same structure and customize style your way, that's the best way to create new template based on T3.

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 14
Guest Accepted Answer Pending Moderation
0
Votes
Undo
Hi Gardner,

I was wrong in explaining my problem.
i'm customizing t3_bs3_blank, but some times i explore files with firebug and i see this path: less.boostrap.less and other paths like this.
i find that file only in t3-assets folder or in plugin folder.
most of the time i find that in plugin folder, so my question is, do i need to customize plugin folder, or should i add some less files to costumize entire site?

the last question is, i would have on my home page a sidebar left and mainbody has a slideshow but, i assigned login and hikashop cart to the sidebar-1 but i can't understand where to assign ja-slideshow-lite because mainbody doesn't have any position.

how can i do these last two things.

i'm really greatiful for your time.

André
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 15
Guest Accepted Answer Pending Moderation
0
Votes
Undo
Hi Gardner,

I was wrong in explaining my problem.
i'm customizing t3_bs3_blank, but some times i explore files with firebug and i see this path: less.boostrap.less and other paths like this.
i find that file only in t3-assets folder or in plugin folder.
most of the time i find that in plugin folder, so my question is, do i need to customize plugin folder, or should i add some less files to costumize entire site?

the last question is, i would have on my home page a sidebar left and mainbody has a slideshow but, i assigned login and hikashop cart to the sidebar-1 but i can't understand where to assign ja-slideshow-lite because mainbody doesn't have any position.

how can i do these last two things.

another example, i would change every button layout, how can i delete every files about btn etc... and overate them in just one less file? have i create a new less file? or can i delete an entire less file already exist?

i'm really greatiful for your time.

André
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 16
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
Hi Andre,

- To customize template, you can follow the workflow in the video tutorial: http://www.joomlart.com/video-tutorials/t3-framework/customize-template
- If you want to display slideshow in main content, you can add module position in the mainbody block, you can check out more details at: http://www.t3-framework.org/documentation/bs3-layout-system#add-position

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 17
Guest Accepted Answer Pending Moderation
0
Votes
Undo
hi,

i was able to add module position in the mainbody block, but i can't to do this thing.
i'm so sorry but really i can't understand, i watched your videos, i read all your documentations, but i can't to do this:
i would have sidebar-1 on the left side, and content (with my new position). i understand how add new position, but i can't use one sidebar-1 and a content without sidebar 2.
or have two sidebars, or one sidebar with mastcol. i want sidebar-1 and content for example: sidebar-1 col-sm-4 content col-sm-8.
when i think to do that my sidebar is empty and writting auto and i can't assign no one module position.

and i can't login with any other computers, just with this. al the other give me an error for maintenance. is the web site in mantenance yet?

thank you very very much
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 18
Guest Accepted Answer Pending Moderation
0
Votes
Undo
i copied mainbody.php and renemed it in mainbody-copy.php

into this file i write this code:


<?php
/**
* @package T3 Blank
* @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

defined('_JEXEC') or die;
?>

<?php

/**
* Mainbody 3 columns, content in center: sidebar1 - content - sidebar2
*/

// positions configuration
$sidebar1 = 'sidebar-1';
$sidebar2 = 'sidebar-2';

$sidebar1 = $this->countModules($sidebar1) ? $sidebar1 : false;
$sidebar2 = $this->countModules($sidebar2) ? $sidebar2 : false;

// detect layout
if ($sidebar1 && $sidebar2) {
$this->loadBlock('mainbody/two-sidebar', array('sidebar1' => $sidebar1, 'sidebar2' => $sidebar2));
} elseif ($sidebar1) {
$this->loadBlock('mainbody/one-sidebar-left', array('sidebar' => $sidebar1));
} elseif ($sidebar2) {
$this->loadBlock('mainbody/one-sidebar-right', array('sidebar' => $sidebar2));
} else {
$this->loadBlock('mainbody/no-sidebar');
}






after in blocks/mainbody/ i created: myone-sidebar.php

and into i write this:



<?php
/**
* @package T3 Blank
* @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

defined('_JEXEC') or die;

/**
* Mainbody 2 columns: sidebar - content
*/
?>
<div id="t3-mainbody" class="container t3-mainbody">
<div class="row">

<!-- MAIN CONTENT -->
<div id="t3-content" class="t3-content col-xs-12 col-sm-8 col-sm-push-4 col-md-9 col-md-push-3">
<?php if($this->hasMessage()) : ?>
<jdoc:include type="message" />
<?php endif ?>
<jdoc:include type="component" />
</div>
<!-- //MAIN CONTENT -->

<!-- SIDEBAR LEFT -->
<div class="t3-sidebar t3-sidebar-left col-xs-12 col-sm-4 col-sm-pull-8 col-md-3 col-md-pull-9 <?php $this->_c($vars['sidebar']) ?>">
<jdoc:include type="modules" name="<?php $this->_p($vars['sidebar']) ?>" style="T3Xhtml" />
</div>
<!-- //SIDEBAR LEFT -->

</div>
</div>



after i added new module position in the same file:

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





<?php
/**
* @package T3 Blank
* @copyright (http://www.joomlart.com/forums/member.php?u=103450) Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/


defined('_JEXEC') or die;


/**
* Mainbody 3 columns, content in center: sidebar1 - content - sidebar2
*/
?>


<div id="t3-mainbody" class="container t3-mainbody">
<div class="row">


<!-- MAIN CONTENT -->
<div id="t3-content" class="t3-content col-xs-12 col-sm-8 col-sm-push-4 col-md-9 col-md-push-3">
<jdoc:include type="modules" name="<?php $this->_p('slideshow') ?>" />
<?php if($this->hasMessage()) : ?>
<jdoc:include type="message" />
<?php endif ?>
<jdoc:include type="component" />


</div>
<!-- //MAIN CONTENT -->


<!-- SIDEBAR 1 -->
<div class="t3-sidebar t3-sidebar-left col-xs-12 col-sm-4 col-sm-pull-8 col-md-3 col-md-pull-9 <?php $this->_c($vars['sidebar1']) ?>">
<jdoc:include type="modules" name="<?php $this->_p($vars['sidebar1']) ?>" style="T3Xhtml" />
</div>
<!-- //SIDEBAR 1 -->


</div>
</div>





i created a position in template details.xml

and i assigned my module to slideshow position, all pages, published.



now sidebar-2 is not showing, and is ok, i have just sidebar-1 and content for all with and it's ok, but i can't see my modele slideshow, it's empty.

is correct what i did? and how can i do to show my module in slideshow position?


thank you very much
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 19
Guest Accepted Answer Pending Moderation
0
Votes
Undo
i forget :


// positions configuration
$sidebar1 = 'sidebar-1';
$sidebar2 = 'sidebar-2';

$sidebar1 = $this->countModules($sidebar1) ? $sidebar1 : false;
$sidebar2 = $this->countModules($sidebar2) ? $sidebar2 : false;

// detect layout
if ($sidebar1 && $sidebar2) {
$this->loadBlock('mainbody/two-sidebar', array('sidebar1' => $sidebar1, 'sidebar2' => $sidebar2));
} elseif ($sidebar1) {
$this->loadBlock('mainbody/one-sidebar-left', array('sidebar' => $sidebar1));
} elseif ($sidebar2) {
$this->loadBlock('mainbody/one-sidebar-right', array('sidebar' => $sidebar2));
} else {
$this->loadBlock('mainbody/no-sidebar');
}


i changed this line:

$this->loadBlock('mainbody/two-sidebar', array('sidebar1' => $sidebar1, 'sidebar2' => $sidebar2));

to this

$this->loadBlock('mainbody/myone-sidebar', array('sidebar1' => $sidebar1, 'sidebar2' => $sidebar2));
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 20
  • Page :
  • 1
  • 2


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