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?
Am i clear?
Can anyone help me?
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
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
and move it right after<?php echo $content_top; ?>
That is just for the homepage layout. If you want it for other pages too , theere are other files to edit too.<?php echo $header; ?>
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!
Thanks!
put it in content bottomsergioabp 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!
OpenCart commercial mods and development http://spotonsolutions.net
Layered Navigation
Shipment Tracking
Vehicle Year/Make/Model Filter
I dont get it. What does this part mean 'Then categories menu spreads from left to tight below those two' ?
Hi, guys,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 codeand move it right after<?php echo $content_top; ?>That is just for the homepage layout. If you want it for other pages too , theere are other files to edit too.<?php echo $header; ?>
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?
Hi, florinsith,florinsith wrote:Why did you create a home_new? just make the small edit in the existing home.tpl.
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!

and by changing home.tpl it worked but the slideshow had a weird offset left as shown

how to deal with it?
how to deal with it?
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.
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
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.
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
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
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
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
<?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
Who is online
Users browsing this forum: Google [Bot] and 21 guests