Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Customize Center Page Layout

Customize Center Page Layout

Locked

Views: 12,541

Results 1 to 20 of 51
This thread is locked. New replies are disabled.
21 Oct 2006, 9:50 PM
#1
miles avatar

miles

Zen Follower

Join Date:
Oct 2006
Location:
At Home
Posts:
357
Plugin Contributions:
0

Customize Center Page Layout

first, i want to place this section

Main Page Sample Text ...

This section of text is from the Define Pages Editor located under Tools in the Admin.

To remove this section of the text, delete it from the Define Pages Editor.

underneath the New Products or Featured Products or any box content.. anyone know how to do that..??

next, is it possible to change this text

Congratulations! You have successfully installed your Zen Cart™ E-Commerce Solution.

into an image..??

last, how to insert this text

Welcome Guest! Would you like to log yourself in?

into the header..?? the header with the 'Tagline here'.

thats all..:lookaroun

- Nothing is impossible. Some things are just less likely than others. -

22 Oct 2006, 4:42 PM
#2
kobra avatar

kobra

Black Belt

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

Re: Customize Center Page Layout

Check the FAQ's and the wiki for your questions as there are very good guides to most of your questions that are there.

Zen-Venom Get Bitten

9 Nov 2006, 3:18 AM
#3
ungeziefer avatar

ungeziefer

New Zenner

Join Date:
Mar 2006
Posts:
51
Plugin Contributions:
0

Re: Customize Center Page Layout

miles:

i want to place this section

"Main Page Sample Text ...

This section of text is from the Define Pages Editor located under Tools in the Admin.

To remove this section of the text, delete it from the Define Pages Editor."

underneath the New Products or Featured Products or any box content.. anyone know how to do that..??

I am trying to do this also. Did you ever get it figured out?

Thanks,

dustin

25 Dec 2006, 10:55 PM
#4
miles avatar

miles

Zen Follower

Join Date:
Oct 2006
Location:
At Home
Posts:
357
Plugin Contributions:
0

Re: Customize Center Page Layout

I just found this site here and I was wondering how to create additional text content box underneath the specials/featured/new products content...i still couldn't figure out how to do this. Just look at the pic below for what ID its displaying (.centerboxfooter). If anyone know how to create this, please help me out ok. Thanks.

- Nothing is impossible. Some things are just less likely than others. -

25 Dec 2006, 11:45 PM
#5
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,845
Plugin Contributions:
0

Re: Customize Center Page Layout

actually none of that text is included in the table with the class="centerBoxfooter"
if you look at the html the centerboxfooter is actually part of the table.centerbox

Mike
AEIIA - Zen Cart Certified & PCI Compliant Hosting
The Zen Cart Forum...Better than a monitor covered with post-it notes!

26 Dec 2006, 1:12 PM
#6
miles avatar

miles

Zen Follower

Join Date:
Oct 2006
Location:
At Home
Posts:
357
Plugin Contributions:
0

Re: Customize Center Page Layout

im using zen cart v1.3.5. do you think that can only be done on the latest version (1.3.6)..? im trying to add more text underneath those products rather than leave it empty spaces. and just leave the footer content as it were..

- Nothing is impossible. Some things are just less likely than others. -

25 Jan 2007, 12:15 AM
#7
bettysue avatar

bettysue

Inactive

Join Date:
May 2004
Posts:
747
Plugin Contributions:
0

Re: Customize Center Page Layout

I just came here to also search to see if there was any hints as to how to add a centerbox footer. I'm in v1.37.

I've got the footers on all the side boxes, and I added it to my stylesheet for the center boxes, however apparently there isn't a template or module fall calling it.

I have looked through various templates and module files and can't locate where I would put the div for it.

Any clues? :cry:

thank you,

betty

12 Feb 2007, 8:59 AM
#8
checkit avatar

checkit

New Zenner

Join Date:
Nov 2006
Posts:
14
Plugin Contributions:
0

Re: Customize Center Page Layout

I've searched Wiki & Knowledgebase for an answer to a similar question to that above. I also want to add a new text area at the bottom of the home page, below the products boxes, above the footer.

Replying that answers are in the Wiki when they aren't isn't helpful.

12 Feb 2007, 9:47 AM
#9
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Customize Center Page Layout

Creating a "centercolumnFooter" in v1.3.7 is (at least for me) is a three step process.

  1. create the following declaration in your stylesheet.css

#centercolumnFooter {
margin: 0;
padding: 0;
}

  1. in includes/languages/english/extra_definitions/YOUR_TEMPLATE
    create a new file centercolumn_footer_defines.php

define ('CENTERCOLUMN_FOOTER_TEXT','You can place any text you want here'};

  1. open includes/templates/YOUR_TEMPLATE/templates/tpl_index_default.php

scroll to the bottom of the file and at around line 81 (in my copy) just above the </div>

insert the following statement:

<div id="centercolumnFooter"><?php echo CENTERCOLUMN_FOOTER_TEXT; ?> </div>

Save all of the files and upload them to your server.

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

12 Feb 2007, 11:10 AM
#10
checkit avatar

checkit

New Zenner

Join Date:
Nov 2006
Posts:
14
Plugin Contributions:
0

Re: Customize Center Page Layout

Thanks - I know next to nothing about php & coding, but I can follow instructions.

Just one thing I need to know, where do I find stylesheet.css?

12 Feb 2007, 3:30 PM
#11
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Customize Center Page Layout

stylesheet.css is located in includes/templates/YOUR_TEMPLATE/css

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

12 Feb 2007, 5:04 PM
#12
bettysue avatar

bettysue

Inactive

Join Date:
May 2004
Posts:
747
Plugin Contributions:
0

Re: Customize Center Page Layout

Clyde - thank you - thank you - thank you!!

btw did I say Thank You?!

betty

13 Feb 2007, 1:45 AM
#13
miles avatar

miles

Zen Follower

Join Date:
Oct 2006
Location:
At Home
Posts:
357
Plugin Contributions:
0

Re: Customize Center Page Layout

Thanks Clyde.. I've been waiting for so long..

That works fine on my v1.3.5 :D

I'm wondering if there any way to insert an image into that center column..??

- Nothing is impossible. Some things are just less likely than others. -

13 Feb 2007, 5:14 AM
#14
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Customize Center Page Layout

I do this by defining the image in a defines file: includes/languages/english/extra_definitions/YOUR_TEMPLATE/my_image_defines.php

define('MAIN_IMAGE_WIDTH', '200');
define('MAIN_IMAGE_HEIGHT', '200');
define('MAIN_IMAGE', 'your_image.jpg');
define('MAIN_IMAGE_TEXT', 'image text');

Then calling it in includes/languages/english/html_includes/YOUR_TEMPLATE/define_main_page.php

<?php echo zen_image($template->get_template_dir(MAIN_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . MAIN_IMAGE, MAIN_IMAGE_TEXT); ?>

Place the image in includes/templates/YOUR_TEMPLATE/images/your_image.jpg

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

15 Feb 2007, 12:11 AM
#15
pivojackson avatar

pivojackson

New Zenner

Join Date:
Jan 2007
Posts:
4
Plugin Contributions:
0

Re: Customize Center Page Layout

stylesheet.css is located under /includes/templates/template_default/css/
if you customizing the template copy the css folder to your template directory and then modify the stylesheet.css there

25 Feb 2007, 4:00 PM
#16
wtashby avatar

wtashby

Totally Zenned

Join Date:
Feb 2006
Posts:
594
Plugin Contributions:
0

Re: Customize Center Page Layout

I can't get it too work (adding text to the bottom of my center column). I followed clydes instructions and got a parse error for the '}'. Changed that to a ')' and cleaned the error. However, I get NO text showing up. I'm using 1.3.7.

It's the first site in my signature if you need to take a look.

I Think, Therefore I Zen. I Zen, Therefore, I AM!
Personalized Flowers!
Flowertown Speaking Roses
using version 1.5.7-06232020

25 Feb 2007, 5:00 PM
#17
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Customize Center Page Layout

wtashby:

I can't get it too work (adding text to the bottom of my center column). I followed clydes instructions and got a parse error for the '}'. Changed that to a ')' and cleaned the error. However, I get NO text showing up. I'm using 1.3.7.

It's the first site in my signature if you need to take a look.

I didn't notice the centercolumnFooter declaration in either of your (2) stylesheets.

stylesheet.css and stylesheet_new.css nor did I see the (div id="centercolumnFooter") on the page when I viewed the page source.

Those two stylesheets appear to be identical so I'd get rid of one of them just to prevent them from interfering with each other.

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

25 Feb 2007, 5:08 PM
#18
wtashby avatar

wtashby

Totally Zenned

Join Date:
Feb 2006
Posts:
594
Plugin Contributions:
0

Re: Customize Center Page Layout

The two css files work in tandom with my template. If I get rid of one (either one) the template goes bonkers:shocking:

Aside from that, I've added the declaration in both of them, I have modified, created and uploaded all the files you described, exactly as you described, and it just won't call the center column footer.

I Think, Therefore I Zen. I Zen, Therefore, I AM!
Personalized Flowers!
Flowertown Speaking Roses
using version 1.5.7-06232020

25 Feb 2007, 5:19 PM
#19
wtashby avatar

wtashby

Totally Zenned

Join Date:
Feb 2006
Posts:
594
Plugin Contributions:
0

Re: Customize Center Page Layout

Remember, it's The Real As Seen On TV I'm concerned about.

Quick question about > 2. in includes/languages/english/extra_definitions/YOUR_TEMPLATE

create a new file centercolumn_footer_defines.php

define ('CENTERCOLUMN_FOOTER_TEXT','You can place any text you want here'};

Is that supposed to be wrapped in <?php ?>
cause I did

I Think, Therefore I Zen. I Zen, Therefore, I AM!
Personalized Flowers!
Flowertown Speaking Roses
using version 1.5.7-06232020

25 Feb 2007, 5:21 PM
#20
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Customize Center Page Layout

Just to double check:

#centercolumnFooter {
margin: 0;
padding: 0;
}

Make sure this is in both of your stylesheets.
includes/templates/trublu/css/stylesheet.css and stylesheet_new.css

  1. in includes/languages/english/extra_definitions/trublu
    create a new file centercolumn_footer_defines.php

define ('CENTERCOLUMN_FOOTER_TEXT','You can place any text you want here');

  1. open includes/templates/trublu/templates/tpl_index_default.php

scroll to the bottom of the file and just above the last </div>

insert the following statement:

<div id="centercolumnFooter"><?php echo CENTERCOLUMN_FOOTER_TEXT; ?> </div>

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.