Newbie—Modules positioning help?
-
-
- Patrick Toulze
- Elite Rocketeer
- Posts: 1810
- Thanks: 18
- Marketing - Web Designer
-
I Joomla people, as a newbie I’m trying to understand how things work. I started with the installation, that’s fine. I understand the possibilities offer by Joomla. I want to go ahead and work with basics customization of a template.
My first interest is how to move, delete, collapse modules.
Where to starts?, any clear and simple tutorial out there? - Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
www.grafcomm.ca
-
-
-
- Chris S
- Hero Rocketeer
- Posts: 292
- Thanks: 0
-
You could start here:
dev.joomla.org/component/option,com_jd-w...tutorials:templates/
The most fundamental thingd to know about Module-Positions are the calltag and that there is a variable that can be queried from php to check, if there are Modules assigned to this position on the Current page.
The rest is mainly HTML and CSS-Knowledge.
As a simple Example:
to check, if Modules are assigned to the position "user11" you use:
<?php if ($this->countModules('user11')) : ?>
and to close the Conditional, you add
<?php endif; ?>
This will now check, if there are Modules assigned to "user11". If there are Modules assigned to that position, it will receive "true" and execute, whatever you put between the if and endif Statements. If there are no Modules in user11 on this page, it will receive "false" and therefore skip everything between if and endif.
The Module-Calltag in J!1.5 looks like that: <jdoc:include type="modules" name="user10" style="rounded" /> ( complete Reference here )
For Modules, "type" will - of course - always be "modules". "name" is the name of the position, the Calltag should display - in this case it will output all Modules, that are assigned to "user10" (Positions are defined in /templates/<your template>/templateDetails.xml).
For "style" you can choose between:
- none. Output the raw Module content with no wrapping.
- table. Output the module in a table.
- horz. Output the module as a table inside an outer table.
- xhtml. Output the module wrapped in div tags.
- rounded. Output the module wrapped in nested div tags to support rounded corners.
- outline. Output the module wrapped with a preview border.
The most commonly used are xhtml for plain output and rounded. Rounded will wrap each Module in 4 div-Tags, that you can style in CSS with:
div.module, div.module div, div.module div div, div.module div div div. You could use these to assign Background-Images, that make up a border with rounded corners for example.
To wrap everything up now, let's take the position "right" as an Example:
Example 1: a snippet from a Template, with a fixed right column, that will always be visible, even if there are no Modules assigned to itPHP will check, if there are Modules in "right" - if there are none, it will not call the <jdoc:include.... but since the <div> sits outside the if-statement, it will always be drawn.<div id="right"> <?php if ($this->countModules('right')) : ?> <jdoc:include type="modules" name="right" style="rounded" /> <?php endif; ?> </div>
Example 2: same as above, but the whole right column will be hidden, if there are no Modules assigned to it:As above, PHP will check, if there are Modules assigned to "right". If there are none, it will skip the whole <div> and the <jdoc:include... and therefore the whole right div will be hidden (or "collapsed" in other words).<?php if ($this->countModules('right')) : ?> <div id="right"> <jdoc:include type="modules" name="right" style="rounded" /> </div> <?php endif; ?> - Last Edit: 16 years 1 month ago by Chris S.
-
-
-
- Patrick Toulze
- Elite Rocketeer
- Posts: 1810
- Thanks: 18
- Marketing - Web Designer
-
Thanks Chris for the input. This is really valuable for me as I want to really understand how it work.
Where do you put the code, in index.php?
By looking around I finally I start to use the easy way (control panel) (module manager) and it work well. As time pass I will plunge more deeply in the code.
I ask on this forum was the inset is? didn’t see it in the module manager. I really like (in replicant) to put in is place a slide show? How to do? - Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
www.grafcomm.ca
-
Time to create page: 0.050 seconds