Custom module below main content and right/left column, above user 7-10

Forums    Joomla Templates Club    JA Droid    Custom module below main content and right/left column, above user 7-10
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • Bob Meetin Friend
    December 21, 2011 at 8:43 pm #172031

    How do you create/implement a custom module (or 3 module set right to left) that lives trailing the main component left/right columns in the white area and above the user7-10 area (above botsl)?

    n6rej Friend
    December 22, 2011 at 2:13 am #430763

    <em>@bobmeetin 290552 wrote:</em><blockquote>How do you create/implement a custom module (or 3 module set right to left) that lives trailing the main component left/right columns in the white area and above the user7-10 area (above botsl)?</blockquote>
    put the 3 modules into the position you want and then float them left in css

    Bob Meetin Friend
    December 22, 2011 at 2:30 am #430769

    I know CSS but which file do I need to be editing to get that location which spreads full page width,above bots. It needs to spread out under main component, right, left columns. If you need a picture I can make up one.

    n6rej Friend
    December 22, 2011 at 11:27 pm #430919

    screenshot might help.. use firebug with optimzations and caching off to see which file to edit but most likely its template.css

    Bob Meetin Friend
    December 23, 2011 at 1:51 am #430934

    Yes I know which CSS file to edit to format the modules. What I don’t know is how and which text file (php file) that I need to edit to create the modules so that they come alive as part of the template structure. I’m attaching the screenshot of where I want the modules to exist.

    I looked around in plugins/system/jat3 but couldn’t figure out which was the right file to edit.

    1. Screenshot
    Bob Meetin Friend
    December 23, 2011 at 11:20 pm #431040

    Am still trying to figure out which php file to edit to add the modules.

    n6rej Friend
    December 24, 2011 at 1:27 pm #431080

    <em>@bobmeetin 290820 wrote:</em><blockquote>Yes I know which CSS file to edit to format the modules. What I don’t know is how and which text file (php file) that I need to edit to create the modules so that they come alive as part of the template structure. I’m attaching the screenshot of where I want the modules to exist.

    I looked around in plugins/system/jat3 but couldn’t figure out which was the right file to edit.</blockquote>
    ok thats where your making your mistake…
    YOU DON”T EDIT PHP, in T3.. not unless your creating custom content which is almost never.
    what you want to do is add 3 module positions above the user7,8,9 ok, very simple..

    <?xml version="1.0" encoding="utf-8"?>
    <layout name="desktop">
    <!--Extra css load for this layout-->
    <stylesheets>
    </stylesheets>
    <blocks name="top" style="xhtml">
    <block name="top-panel" type="modules" style="raw" main-inner="1">top-panel</block>
    <block name="header" type="header" main-inner="1"></block>
    <block name="mainnav" type="mainnav" main-inner="1"></block>
    <block name="cpanel" type="usertools/cpanel"></block>
    <block name="slideshow" type="modules" style="raw" >slideshow</block>
    <block name="topsl" type="spotlight" style="rounded" main-inner="3">user1,user2,user3</block>
    <block name="highlight" type="modules" style="raw" main-inner="1">user4</block>
    <block name="topsl1" type="spotlight" special="right" specialwidth="33" main-inner="1">user5,user6</block>
    </blocks>
    <blocks name="middle" colwidth="33" main-inner="3">
    <block name="right1">left</block>
    <block name="right2">right</block>
    </blocks>
    <blocks name="bottom" style="xhtml">
    <block name="botsl" type="spotlight" main-inner="1">user7,user8,user9,user10</block>
    <block name="navhelper" type="navhelper"></block>
    <block name="footer" type="footer"></block>
    </blocks>
    </layout>
    is the default “layout” for droid 1.7. this is a xml file and what it does is tell T3 WHERE to put things. ( you edit this from the template ->layouts )
    in your case you want them ABOVE 7,8,9,
    so you change

    <blocks name="bottom" style="xhtml">
    <block name="botsl" type="spotlight" main-inner="1">user7,user8,user9,user10</block>
    <block name="navhelper" type="navhelper"></block>
    <block name="footer" type="footer"></block>
    </blocks>
    to


    <blocks name="bottom" style="xhtml">
    <block name="mymods" type="spotlight" main-inner="1">my1,my2,my3</block>
    <block name="botsl" type="spotlight" main-inner="1">user7,user8,user9,user10</block>
    <block name="navhelper" type="navhelper"></block>
    <block name="footer" type="footer"></block>
    </blocks>
    The important thing to notate here is
    <block name="mymods" type="spotlight" main-inner="1">my1,my2,my3</block>
    What this says is the “name” is the system name of this block, it MUST be unique, the “type” is the “block type”.php in this case spotlight.php IF you were creating a custom block type then you’d put it in overrides and put that filename here. main-iiner=”1″ says, keep it inside the borders, dont’ let it overflow. And lastly my1,my2,my3 would be the names of the new module positions you wanted.
    next you to go templatedetails.xml ( not mandatory but encouraged ) and add those 3 to it.
    again
    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE install PUBLIC "-//Joomla! 1.6//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install.dtd">
    <extension
    version="1.7"
    type="template"
    method="upgrade">
    <name>ja_kranos</name>
    <version>1.0.0</version>
    <creationDate>December 2011</creationDate>
    <author>JoomlArt.com</author>
    <authorEmail>webmaster@joomlart.com</authorEmail>
    <authorUrl>http://www.joomlart.com</authorUrl>
    <copyright>Copyright (C), J.O.O.M Solutions Co., Ltd. All Rights Reserved.</copyright>
    <license>license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html</license>
    <description>JA Kranos for Joomla 1.7.x</description>
    <engine>t3</engine>
    <files>
    <filename>component.php</filename>
    <filename>favicon.ico</filename>
    <filename>index.html</filename>
    <filename>index.php</filename>
    <filename>info.xml</filename>
    <filename>hook.php</filename>
    <filename>params.ini</filename>
    <filename>template_preview.png</filename>
    <filename>template_thumbnail.png</filename>
    <folder>admin</folder>
    <folder>core</folder>
    <folder>css</folder>
    <folder>images</folder>
    <folder>info</folder>
    <folder>blocks</folder>
    <folder>html</folder>
    <folder>fonts</folder>
    <folder>js</folder>
    </files>

    <languages>
    <language tag="en-GB">en-GB.tpl_ja_kranos.ini</language>
    </languages>
    <administration>
    <languages folder="admin">
    <language tag="en-GB">en-GB.tpl_ja_kranos.ini</language>
    </languages>
    </administration>

    <positions>
    <position>accordion</position>
    <position>contentslider</position>
    <position>contentslider2</position>
    <position>masshead</position>
    <position>left</position>
    <position>ja-tabs</position>
    <position>slideshow</position>
    <position>twitter</position>
    <position>user1</position>
    <position>user2</position>
    <position>user3</position>
    <position>user4</position>
    <position>user5</position>
    <position>user6</position>
    <position>user7</position>
    <position>user8</position>
    <position>user9</position>
    <position>user10</position>
    <position>user11</position>
    <position>user12</position>
    <position>user13</position>
    <position>user14</position>
    <position>user15</position>
    <position>user16</position>
    <position>content-bottom</position>
    <position>content-mass-bottom</position>
    <position>top-social</position>
    <position>megamenu</position>
    </positions>

    <config>
    <fields name="params" addfieldpath="/plugins/system/jat3/jat3/core/element">
    </fields>
    </config>
    </extension>


    is default for droid, and yours would be like this.

    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE install PUBLIC "-//Joomla! 1.6//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install.dtd">
    <extension
    version="1.7"
    type="template"
    method="upgrade">
    <name>ja_kranos</name>
    <version>1.0.0</version>
    <creationDate>December 2011</creationDate>
    <author>JoomlArt.com</author>
    <authorEmail>webmaster@joomlart.com</authorEmail>
    <authorUrl>http://www.joomlart.com</authorUrl>
    <copyright>Copyright (C), J.O.O.M Solutions Co., Ltd. All Rights Reserved.</copyright>
    <license>license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html</license>
    <description>JA Kranos for Joomla 1.7.x</description>
    <engine>t3</engine>
    <files>
    <filename>component.php</filename>
    <filename>favicon.ico</filename>
    <filename>index.html</filename>
    <filename>index.php</filename>
    <filename>info.xml</filename>
    <filename>hook.php</filename>
    <filename>params.ini</filename>
    <filename>template_preview.png</filename>
    <filename>template_thumbnail.png</filename>
    <folder>admin</folder>
    <folder>core</folder>
    <folder>css</folder>
    <folder>images</folder>
    <folder>info</folder>
    <folder>blocks</folder>
    <folder>html</folder>
    <folder>fonts</folder>
    <folder>js</folder>
    </files>

    <languages>
    <language tag="en-GB">en-GB.tpl_ja_kranos.ini</language>
    </languages>
    <administration>
    <languages folder="admin">
    <language tag="en-GB">en-GB.tpl_ja_kranos.ini</language>
    </languages>
    </administration>

    <positions>
    <position>accordion</position>
    <position>contentslider</position>
    <position>contentslider2</position>
    <position>masshead</position>
    <position>left</position>
    <position>ja-tabs</position>
    <position>slideshow</position>
    <position>twitter</position>
    <position>user1</position>
    <position>user2</position>
    <position>user3</position>
    <position>user4</position>
    <position>user5</position>
    <position>user6</position>
    <position>user7</position>
    <position>user8</position>
    <position>user9</position>
    <position>user10</position>
    <position>user11</position>
    <position>user12</position>
    <position>user13</position>
    <position>user14</position>
    <position>user15</position>
    <position>user16</position>
    <position>content-bottom</position>
    <position>content-mass-bottom</position>
    <position>top-social</position>
    <position>megamenu</position>
    <position>my1</position>
    <position>my2</position>
    <position>my3</position>
    </positions>

    <config>
    <fields name="params" addfieldpath="/plugins/system/jat3/jat3/core/element">
    </fields>
    </config>
    </extension>

    note the addition of
    <position>megamenu</position>
    <position>my1</position>
    <position>my2</position>
    <position>my3</position>
    </positions>
    just above
    </positions>
    clear your cache and your ready to rock and roll
    I hope this helps clear things up.

    Bob Meetin Friend
    December 25, 2011 at 3:22 pm #431128

    Thanks, this helps, definitely gets us closer. I went into Joomla admin/templates, edited the template, default.php file. I added the positions where you suggested. This got the module to display, but not quite as intended. It split the fancy corners from the lower box. It needs to display above the corners and border. I tried moving the block text up but it did not help, would not even display. Next idea?

    Hopefully we both have better things to do on Christmas day…

    1. block1
    n6rej Friend
    December 25, 2011 at 4:30 pm #431130

    <em>@bobmeetin 291097 wrote:</em><blockquote>Thanks, this helps, definitely gets us closer. I went into Joomla admin/templates, edited the template, default.php file. I added the positions where you suggested. This got the module to display, but not quite as intended. It split the fancy corners from the lower box. It needs to display above the corners and border. I tried moving the block text up but it did not help, would not even display. Next idea?

    Hopefully we both have better things to do on Christmas day…</blockquote>
    no, you don’t change default.php. This is where you keep messing up. you dont’ mess with php files in T3 NORMALLY and definitely not in this case. you need to read the wiki more carefully and my instructions more carefully also. If you’ll notice no where in the php did it even remotely look like what I showed you. You change the way the template looks by changing the ‘layout’. This is done in the template config.
    PLEASE read the wiki. Your going to have troubles w/o doing so. The link is in my signature.

    Bob Meetin Friend
    December 26, 2011 at 9:15 pm #431244

    Excuse me but I did not edit the default.php file to make that change. I went into joomla administration –> template manager –> ja_droid –> layouts –> opened Default and made the change there, naming the positions using the word block (block1,block2,block3). It shows but messes up the corners.

    <?xml version="1.0" encoding="utf-8"?>
    <layout name="desktop">
    <!--Extra css load for this layout-->
    <stylesheets>
    </stylesheets>
    <blocks name="top" style="xhtml">
    <block name="top-panel" type="modules" style="raw" main-inner="1">top-panel</block>
    <block name="header" type="header" main-inner="1"></block>
    <block name="mainnav" type="mainnav" main-inner="1"></block>
    <block name="cpanel" type="usertools/cpanel"></block>
    <block name="slideshow" type="modules" style="raw" >slideshow</block>
    <block name="topsl" type="spotlight" style="rounded" main-inner="3">user1,user2,user3</block>
    <block name="highlight" type="modules" style="raw" main-inner="1">user4</block>
    <block name="topsl1" type="spotlight" special="right" specialwidth="33" main-inner="1">user5,user6</block>
    </blocks>
    <blocks name="middle" colwidth="33" main-inner="3">
    <block name="right1">left</block>
    <block name="right2">right</block>

    </blocks>
    <blocks name="bottom" style="xhtml">
    <block name="myblocks" type="spotlight" main-inner="1">block1,block2,block3</block>
    <block name="botsl" type="spotlight" main-inner="1">user7,user8,user9,user10</block>
    <block name="navhelper" type="navhelper"></block>
    <block name="footer" type="footer"></block>
    </blocks>
    </layout>

    n6rej Friend
    December 26, 2011 at 11:34 pm #431265

    <em>@bobmeetin 291273 wrote:</em><blockquote>Excuse me but I did not edit the default.php file to make that change. I went into joomla administration –> template manager –> ja_droid –> layouts –> opened Default and made the change there, naming the positions using the word block (block1,block2,block3). It shows but messes up the corners.

    <?xml version="1.0" encoding="utf-8"?>
    <layout name="desktop">
    <!--Extra css load for this layout-->
    <stylesheets>
    </stylesheets>
    <blocks name="top" style="xhtml">
    <block name="top-panel" type="modules" style="raw" main-inner="1">top-panel</block>
    <block name="header" type="header" main-inner="1"></block>
    <block name="mainnav" type="mainnav" main-inner="1"></block>
    <block name="cpanel" type="usertools/cpanel"></block>
    <block name="slideshow" type="modules" style="raw" >slideshow</block>
    <block name="topsl" type="spotlight" style="rounded" main-inner="3">user1,user2,user3</block>
    <block name="highlight" type="modules" style="raw" main-inner="1">user4</block>
    <block name="topsl1" type="spotlight" special="right" specialwidth="33" main-inner="1">user5,user6</block>
    </blocks>
    <blocks name="middle" colwidth="33" main-inner="3">
    <block name="right1">left</block>
    <block name="right2">right</block>

    </blocks>
    <blocks name="bottom" style="xhtml">
    <block name="myblocks" type="spotlight" main-inner="1">block1,block2,block3</block>
    <block name="botsl" type="spotlight" main-inner="1">user7,user8,user9,user10</block>
    <block name="navhelper" type="navhelper"></block>
    <block name="footer" type="footer"></block>
    </blocks>
    </layout>
    </blockquote>
    ok you said default.php so I misunderstood.. as wiki states to get rounded corners you need to add
    style="JArounded"
    to your block statement. Also please note if you leave block1,2,3, etc. then those would be your ‘module positions” so you’d publish mybanners to position “block1” mycontacts block2 etc…thats fine as long as you understand what it means.

    Bob Meetin Friend
    February 6, 2012 at 4:54 pm #437165

    Here is what I currently have for the block code for bottom:

    <blocks name="bottom" style="xhtml">
    <block name="mymods" type="spotlight" main-inner="1">user26,user27,user28</block>
    <block name="botsl" type="spotlight" main-inner="1">newsletter,user7,user8,user9,user10</block>
    <block name="lower" type="spotlight" special="left" specialwidth="34" style="xhtml">user21,user22,user23,user24,user25</block>
    <block name="navhelper" type="navhelper"></block>
    <block name="footer" type="footer"></block>
    </blocks>

    The attached image shows what results.

    Once I enable any of user7-10 (only user 7 enabled here), the fancy corners show up in the wrong location, out of sequence. Is it possible create a block set that lives full-width in the white area following component and right/left and above where the fancy corners live not disassociating them from user7?

    1. fancy_corners
    n6rej Friend
    February 6, 2012 at 9:17 pm #437228

    how bout a URL so I can get a glimpse

    Bob Meetin Friend
    February 6, 2012 at 9:22 pm #437229

    http://www.athomeeducation.com/devel/ –> This is the development/testing version of the live site.

    n6rej Friend
    February 9, 2012 at 6:29 am #437649

    looks like you got them published to the same module position , you have js error http://screencast.com/t/wBGfBR2b, and add ” clearfix” to your main div… using

    type=”modules” I think would be better

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)

This topic contains 15 replies, has 2 voices, and was last updated by  n6rej 12 years, 9 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories