Post by sergioabp » Tue Aug 30, 2011 5:53 am

Hello, i didn´t get yet how the layout system works. I am trying to place the slideshow on the top, using the entire page width (980) and below, put the categories module on the right and the New products on the rest of the width.
Am i clear?
Can anyone help me?

Newbie

Posts

Joined
Sun Aug 14, 2011 4:16 am

Post by inactiveaccount9912 » Tue Aug 30, 2011 6:02 am

The content top position is between the 2 side columns. Of course , when only one side column or no side column is displayed , the content top stretches to all available width.

If you want full width content top and below it a side column and content, you'll have to move the content bottom above the code for the sidecolumns.

Since you want to add a slideshow to be full width , I will asume that you want to add it to home. So the file you need to alter is catalog/view/theme/yourtheme/template/common/home.tpl

Find this piece of code
<?php echo $content_top; ?>
and move it right after
<?php echo $header; ?>
That is just for the homepage layout. If you want it for other pages too , theere are other files to edit too.

Expert Member

Posts

Joined
Fri May 14, 2010 2:36 am

Post by sergioabp » Tue Aug 30, 2011 6:53 am

All right! I appreciate your attention. I did what you said. Now i have the slideshow on top and the categories as a menu on the left column. How do i put the New porducts module using the rest of the page width, at the right side of categories module?
Thanks!

Newbie

Posts

Joined
Sun Aug 14, 2011 4:16 am

Post by Xsecrets » Tue Aug 30, 2011 11:10 am

sergioabp wrote:All right! I appreciate your attention. I did what you said. Now i have the slideshow on top and the categories as a menu on the left column. How do i put the New porducts module using the rest of the page width, at the right side of categories module?
Thanks!
put it in content bottom

OpenCart commercial mods and development http://spotonsolutions.net
Layered Navigation
Shipment Tracking
Vehicle Year/Make/Model Filter


Guru Member

Posts

Joined
Sun Oct 25, 2009 3:51 am
Location - FL US

Post by parsnipc » Thu Mar 08, 2012 7:37 am

Just wanted to say thanks xsecrets!! This is exactly what I wanted to do - and helped me understand the page layouts a bit better! Woohoo! ;D

Newbie

Posts

Joined
Wed Feb 29, 2012 10:26 am

Post by rajithg » Sat Jun 30, 2012 12:25 am

say I want to categories menu on left + Slideshow on right. Then categories menu spreads from left to tight below those two.
Hoow do you do this ????

New member

Posts

Joined
Tue Mar 27, 2012 11:28 am

Post by inactiveaccount9912 » Sat Jun 30, 2012 11:29 pm

I dont get it. What does this part mean 'Then categories menu spreads from left to tight below those two' ?

Expert Member

Posts

Joined
Fri May 14, 2010 2:36 am

Post by bluesource » Wed Jul 11, 2012 3:23 pm

florinsith wrote:The content top position is between the 2 side columns. Of course , when only one side column or no side column is displayed , the content top stretches to all available width.

If you want full width content top and below it a side column and content, you'll have to move the content bottom above the code for the sidecolumns.

Since you want to add a slideshow to be full width , I will asume that you want to add it to home. So the file you need to alter is catalog/view/theme/yourtheme/template/common/home.tpl

Find this piece of code
<?php echo $content_top; ?>
and move it right after
<?php echo $header; ?>
That is just for the homepage layout. If you want it for other pages too , theere are other files to edit too.
Hi, guys,

I followed what florinsith said but adding a new home_new.tpl to /common/ and create a new layout and assign the route to it, however, the page shows nothing except for header and footer. I'm using v1.5.3.1, what wrong I did?

Newbie

Posts

Joined
Sun Jul 08, 2012 10:21 am

Post by inactiveaccount9912 » Thu Jul 12, 2012 12:01 am

Why did you create a home_new? just make the small edit in the existing home.tpl.

Expert Member

Posts

Joined
Fri May 14, 2010 2:36 am

Post by bluesource » Thu Jul 12, 2012 12:48 am

florinsith wrote:Why did you create a home_new? just make the small edit in the existing home.tpl.
Hi, florinsith,
Thanks a lot for your quick reply, since I have two stores and want them to have different layout.
Is it not possible to do that in another .tpl setting? Can you explain for me a little more?

Thanks again! O0

Newbie

Posts

Joined
Sun Jul 08, 2012 10:21 am

Post by bluesource » Thu Jul 12, 2012 12:57 am

and by changing home.tpl it worked but the slideshow had a weird offset left as shown
Image
how to deal with it?

Newbie

Posts

Joined
Sun Jul 08, 2012 10:21 am

Post by inactiveaccount9912 » Thu Jul 12, 2012 8:12 pm

Seems like you added margins to the columns and content instead of padding to container. Wrap the code of the content top in another div and give it margins the same size the #content div normally has in css.

Expert Member

Posts

Joined
Fri May 14, 2010 2:36 am

Post by Tee.Mothiba » Wed May 29, 2013 5:25 pm

Im struggling to move my slideshow to fall outside of the menu i.e on top of menu. can anyone give a much more detailed approach to this you can view my website here www.soundlouder.co.za thanks in advance

Car DVD Navigation, 2 din Navigation,Car Radio, In-dash Navigation, Car Audio and Rear View Camera Store - South Africa - http://www.soundlouder.co.za

[/b]


New member

Posts

Joined
Sun Nov 11, 2012 6:42 pm

Post by inactiveaccount9912 » Mon Jun 03, 2013 2:48 pm

If you want to display it on top of menu that means in header and those are separate files, so a solution would be to get one of the extra positions modules available on the opencart extension directory.

Expert Member

Posts

Joined
Fri May 14, 2010 2:36 am

Post by Tee.Mothiba » Sun Jun 09, 2013 12:15 am

Can you please provide a link with an extension which may assist with ths

Car DVD Navigation, 2 din Navigation,Car Radio, In-dash Navigation, Car Audio and Rear View Camera Store - South Africa - http://www.soundlouder.co.za

[/b]


New member

Posts

Joined
Sun Nov 11, 2012 6:42 pm

Post by inactiveaccount9912 » Thu Jun 13, 2013 12:29 pm


Expert Member

Posts

Joined
Fri May 14, 2010 2:36 am

Post by ZenDumper » Mon Sep 09, 2013 9:35 pm

Hi all,

I have followed florinsith's instructions and my banner/ slideshow is kind of showing in the correct place (its a few pixels out to the left actually) but also I've got a "ghost" of it appearing in a different location. If I turn the Slideshow off both disappear.

I'm a bit lost as to how to fix it.

Here's a photo of the problem: https://dl.dropboxusercontent.com/u/371 ... deshow.jpg

Any help would be gratefully received!!

Thanks

Simon

Newbie

Posts

Joined
Thu Nov 15, 2012 8:55 am

Post by ZenDumper » Mon Sep 09, 2013 9:51 pm

I've now fixed that main issue by changing my home.tpl to this:

<?php echo $header; ?>
<?php echo $content_top; ?>
<?php echo $column_left; ?>
<?php echo $column_right; ?>
<div id="content">
<h1 style="display: none;">
<?php echo $heading_title; ?></h1>
<?php echo $content_bottom; ?></div>
<?php echo $footer; ?>

Everything is now just about in place - only thing wrong is the slideshow is showing about 10px off to the left. Can anyone help identify what I've got wrong to make this happen please?

Here's a screenshot: https://dl.dropboxusercontent.com/u/371 ... eshow3.jpg

Many thanks in advance!

All the best

Simon

Newbie

Posts

Joined
Thu Nov 15, 2012 8:55 am
Who is online

Users browsing this forum: No registered users and 21 guests