Joomla Templates Club 406,261 posts

[ahmedhn Friend ahmedhnJoin date: December 2008Posts: 75Downloads:0Uploads:12 Thanks: 16]

#156827

I don;t need this anymore… Please Delete this Post… Sorry for the inconvenience…

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#364565

Darn – I would have like to see the answer. I may need this.

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#364615

<em>@tphmedia 205721 wrote:</em><blockquote>Darn – I would have like to see the answer. I may need this.</blockquote>
Hi,

With Ja Portfolio template, you can add position module on right of the slideshow as following:
– Open “templateDetails.xml” file on folder ja_portfolio.
– Add new position exm: custom-pos
– Login your admin page.
– Go to link “extensions/template” choose “ja_portfolio”.
– Click “layout” tab, edit “default” layout on “layout management” group
– Edit code

<blocks name=”top” style=”xhtml”>
<block name=”top-panel” type=”modules” style=”raw” main-inner=”1″>top</block>
<block name=”cpanel” type=”usertools/cpanel”></block>
<block name=”header” type=”header” main-inner=”1″></block>
<block name=”mainnav” type=”mainnav” main-inner=”1″></block>
<block name=”slideshow” type=”modules” style=”raw”>slideshow</block>
<block name=”topsl” type=”spotlight” style=”raw” main-inner=”1″>user1,user2</block>
</blocks>

add new postion to block slideshow

<block name=”slideshow” type=”modules” style=”raw”>slideshow,custom-pos</block>

Now, “custom-pos” display on inside div wrap had id = “ja-slideshow”
– Add new style for display on right of module postion “slideshow”

[lauramba Friend laurambaJoin date: April 2007Posts: 20Downloads:0Uploads:1 Thanks: 15 Thanked: 2 times in 1 posts]

#366016

<em>@thuanlq 205776 wrote:</em><blockquote>Hi,

With Ja Portfolio template, you can add position module on right of the slideshow as following: ….</blockquote>

For some reason this is not working for me. Here is what I did:
1) templateDetails.xml
added this line [PHP]<position>custom-pos</position>[/PHP]2) from site admin I edited the layout and changed from
[PHP] <block name=”slideshow” type=”modules” style=”raw”>slideshow</block>
<block name=”slideshow” type=”modules” style=”raw”>slideshow,custom-pos</block>[/PHP]

Now, when I position a module in the custom-pos it displays BELOW the slideshow, NOT to the right of the slideshow.

Any thoughts?

[korb Friend korbJoin date: March 2008Posts: 315Downloads:0Uploads:0 Thanks: 40 Thanked: 48 times in 39 posts]

#366081

Hi,

It is displayed below the slideshow becasuse the CSS sets the slideshow to fill all space and push the custom-pos below.

Here is what you have to do:
* resize your element in the slideshow and then resize all the slideshow module div to make room for the custom-pos
Example:


# ja-slideshow { /* find this in the your-site/templates/ja_portfolio/css/template.css file */
width:700px; /* you can adjust this later to fit your .main class width setting along with custom-pos */
}

* style your custom-pos using this sample code


#ja-custom-pos { /* add this at the end of the your-site/templates/ja_portfolio/css/template.css file */
float:right; width: 200px;
}

Please note that .main class div width is set in the template admin, for template width. I have wrote this example here for a custom width of 900px.
More info on these settings here: http://wiki.joomlart.com/wiki/JA_T3_Framework_2/Guides#General_Settings

I hope this was helpful,

Regards,
Danny

1 user says Thank You to korb for this useful post

1. lauramba

[lauramba Friend laurambaJoin date: April 2007Posts: 20Downloads:0Uploads:1 Thanks: 15 Thanked: 2 times in 1 posts]

#366199

Thanks Danny – will try it out.

[Author]

Posts