Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Remove Right column on front page only - increase centercolumn width

Remove Right column on front page only - increase centercolumn width

Locked

Views: 1,810

Results 1 to 13 of 13
This thread is locked. New replies are disabled.
6 Oct 2010, 6:31 AM
#1
ikernbecauseicare avatar

ikernbecauseicare

New Zenner

Join Date:
Aug 2010
Posts:
52
Plugin Contributions:
0

Remove Right column on front page only - increase centercolumn width

Hi - I didn't see this anywhere.

I'd like to make my index page have only a left hand column and center column and remove the right column entirely, but only on the index page, not the other pages.

Next up, I'd like to switch the manufacturer info to the center, the notifications as well, and the tell a friend to the left?

AND wait there's more. In the header, I'd like the navMain div to move where the nanMainSearch box is and vice versa.

Can anyone help me with this? Thanks so much in advance.

6 Oct 2010, 6:39 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Remove Right column on front page only - increase centercolumn width

I'd like to make my index page have only a left hand column and center column and remove the right column entirely, but only on the index page, not the other pages.
Have a look at all the optional conditions in tpl_main_page.php
What you want is already there - just enable/uncomment it

You did not provide a link for the rest

6 Oct 2010, 8:13 AM
#3
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove Right column on front page only - increase centercolumn width

I'm not sure it's a good idea to move so many things around from page to page. People expect to see nav elements in the same place. I could understand moving right column items to the center when the right column is gone on the homepage.

6 Oct 2010, 2:59 PM
#4
ikernbecauseicare avatar

ikernbecauseicare

New Zenner

Join Date:
Aug 2010
Posts:
52
Plugin Contributions:
0

Re: Remove Right column on front page only - increase centercolumn width

gjh42:

I'm not sure it's a good idea to move so many things around from page to page. People expect to see nav elements in the same place. I could understand moving right column items to the center when the right column is gone on the homepage.

I know what you mean...however ZenCart already does this as it comes "out of the box". The elements I am speaking of moving are only presented once one has added items to their cart. Different right columns items do come up depending on conditions.

True navigational elements will always appear in the correct places, such as the navCatTabs and the category sidebox. These would stay in place from page to page to page.

As for the search and home/login/cart etc in the top bar of the header, once this change is made, it would stay that way across the site, as it would be part of the header.

I want to model my store's layout after the way that Wal-Mart and Target's sites are laid out.

6 Oct 2010, 3:00 PM
#5
ikernbecauseicare avatar

ikernbecauseicare

New Zenner

Join Date:
Aug 2010
Posts:
52
Plugin Contributions:
0

Re: Remove Right column on front page only - increase centercolumn width

Link to site: http://www.herbalaxation.com

I am using the latest version of Zen Cart. And I just really adore Zen Cart and am so grateful for Open Source :) I must say.

6 Oct 2010, 3:01 PM
#6
ikernbecauseicare avatar

ikernbecauseicare

New Zenner

Join Date:
Aug 2010
Posts:
52
Plugin Contributions:
0

Re: Remove Right column on front page only - increase centercolumn width

I forgot something...I have already used the layout boxes controller to remove all right column elements from the front page and I think this applies to the rest of the site as well, no? So the end result should be consistent, I think. :)

6 Oct 2010, 4:28 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove Right column on front page only - increase centercolumn width

You didn't say that you wanted to switch the navMain elements sitewide - I withdraw my comment about that; as long as it's consistent, that's all that matters.
Add to the bottom of your stylesheet```
#navMain ul {float: right;}
#navMainSearch {float: left;}

6 Oct 2010, 4:36 PM
#8
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove Right column on front page only - increase centercolumn width

You said at the top that you wanted to remove the right column only on the index page. What do you want in it on other pages? For the index page only, the comments in tpl_main_page.php explain the process.

For the manufacturers, notifications and tell a friend, do you want them moved everywhere they occur, or only on the homepage?

6 Oct 2010, 8:22 PM
#9
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Remove Right column on front page only - increase centercolumn width

Also, tutorial link above right is a resource for most basic often asked questions

I searched for page

https://www.zen-cart.com/tutorials/index.php?article=233

7 Oct 2010, 2:33 AM
#10
ikernbecauseicare avatar

ikernbecauseicare

New Zenner

Join Date:
Aug 2010
Posts:
52
Plugin Contributions:
0

Re: Remove Right column on front page only - increase centercolumn width

I am really grateful for everyone's help. I apologize for not communicating better, I was in a hurry, but I am so impressed by everyone's willingness to help a newb. :) Thanks very much everyone :)

7 Oct 2010, 2:39 AM
#11
ikernbecauseicare avatar

ikernbecauseicare

New Zenner

Join Date:
Aug 2010
Posts:
52
Plugin Contributions:
0

Re: Remove Right column on front page only - increase centercolumn width

gjh42:

You didn't say that you wanted to switch the navMain elements sitewide - I withdraw my comment about that; as long as it's consistent, that's all that matters.
Add to the bottom of your stylesheet```
#navMain ul {float: right;}
#navMainSearch {float: left;}


Yay!!! This worked like a charm!! Thank you so much! I kept searching the CSS for those IDs and didn't find what I needed. I am so grateful :)
7 Oct 2010, 6:34 AM
#12
ikernbecauseicare avatar

ikernbecauseicare

New Zenner

Join Date:
Aug 2010
Posts:
52
Plugin Contributions:
0

Re: Remove Right column on front page only - increase centercolumn width

gjh42:

You said at the top that you wanted to remove the right column only on the index page. What do you want in it on other pages? For the index page only, the comments in tpl_main_page.php explain the process.

For the manufacturers, notifications and tell a friend, do you want them moved everywhere they occur, or only on the homepage?

From what I can see, it appears that notifications, tell a friend, and manufacturers only appear when you look at a detailed description of any individual product.

I'd like for these three items to appear under the product being looked at (in the center column) rather than in a sidebox.

7 Oct 2010, 6:46 AM
#13
ikernbecauseicare avatar

ikernbecauseicare

New Zenner

Join Date:
Aug 2010
Posts:
52
Plugin Contributions:
0

Re: Remove Right column on front page only - increase centercolumn width

kobra:

Also, tutorial link above right is a resource for most basic often asked questions

I searched for page

https://www.zen-cart.com/tutorials/index.php?article=233

Kobra, Thanks so much. This worked easily, once I figured out where to add the line of code mentioned toward the bottom of that page.

Again I really appreciate everyone's help as I learn more about Zen Cart. I thought I had searched the FAQs better but clearly I was mistaken.

This then will take care of the manufacturers notifications, and I forgot the other thing.