How to create a 2nd module next to carousel module

Hello,
On hot furniture store template's frontpage, I want to create a 2nd module next to carousel position. Because carousel position looks a little bit empty for me with one wide gallery module there.
I want to make gallery module (it uses carousel position on default template frontpage) stay on left part of screen (for example: 640 px instead of 960 px) and I want to add a 2nd module into "carousel2" position (there is no carousel2 position on default template) for 960-640=320px so I can choose it from module positions list when I wish to put a module on the right side in carousel section.
In default template, when I try to put a 2nd module into carousel position, second module is replaced automatically below of the gallery module. So I need another module position, I wish to divide wide carousel position into 2 smaller divs, one is on the left (640 px), second is on the right (320px).
I hope I could explain my thought/wish.
How can I do it? Any help please?

Hi,

You can see available positions when you go to Extensions->Template Manager-> click on your template -> Preview
There are two preview buttons, and you need to click on the one that is not in top bar , right one for that view is left to Edit HTML button.

Also probably your module is not overwritten when you put another in same position, instead most likely old one is behind new one so you can't see new one.

Please check the picture I attached in my previous message (when you click attachment in google chrome browser, it does not show the attachment picture properly, so you need to right click it and choose "open in new tab", then it shows it correctly).

I wanted to create a new module position next to carousel position (gallery module). I did it after a little search on internet

At the default furniture template, we have 1 carousel position with 960px width. So when you add another module to carousel position in admin panel, new module goes below of gallery module, not to the right side of gallery module.

I made a quick search on internet about how to create a new module position in joomla and I found some useful information then I did these as shown below...

First I added this line to templateDetails.xml file (after line 26, line26 is <position>carousel</position> ) :
So I created a new module position on template.

Then I added these to index.php file (after line 210, line210 is <div class="carousel_module"> ) :

Then I added these to css/layout.css file (at the end of all lines) :


So now, I had 2 carousel positions: carousel and carousel2

I put gallery module to carousel position (width of module: 660)
I put another module to carousel2 position (width of module: 280)
There is a 20px empty space between these two module positions, so I had again 660+20+280=960px but this time, 2 modules next to each other instead of 1 carousel module.

I had these useful information from links:
www.dart-creations.com/joomla/joomla-tut...plate-positions.html
forum.joomla.org/viewtopic.php?t=206206

Greetings,
Cydonian

Hi Cydonian,

we are thankfull you spent time to discribe this in detail heare. We are shure your post will be helpfull to meny other people.

Thank you again,
HOT Jommla support