Forums / Templates, Stylesheets, Page Layout / how to move image to bottom of page?

how to move image to bottom of page?

Started by bafeldman on 10 Feb 2011, 5:45 AM · Views: 1,730

Results 1 to 15 of 15
10 Feb 2011, 5:45 AM
#1
bafeldman avatar

bafeldman

New Zenner

Join Date:
Jan 2011
Posts:
20
Plugin Contributions:
0

how to move image to bottom of page?

I am trying to move the sitelock image below the new products box but can't seem to do it. This is my site http://www.fiestapartys.com

10 Feb 2011, 6:08 AM
#2
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: how to move image to bottom of page?

Just a suggestion, but you may want to insert it into a blank sidebox.

Blank Sidebox Add On

10 Feb 2011, 3:12 PM
#3
rexrc avatar

rexrc

New Zenner

Join Date:
Dec 2010
Posts:
2
Plugin Contributions:
0

Re: how to move image to bottom of page?

My website shows size box and center box slightly un-aligned. The center box starts lower than the side box. Please can someone tell me where is the setting to align them together?

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

Rex

11 Feb 2011, 12:03 AM
#4
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: how to move image to bottom of page?

not sure but try removing the padding in your stylesheet.css file

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
	padding: 2.0em;
	}
11 Feb 2011, 1:23 AM
#5
bafeldman avatar

bafeldman

New Zenner

Join Date:
Jan 2011
Posts:
20
Plugin Contributions:
0

Re: how to move image to bottom of page?

My thread got hijacked still waiting to find out how to move image for sitelock to bottom of page. site link is http://www.fiestapartys.com

11 Feb 2011, 1:31 AM
#6
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: how to move image to bottom of page?

I misread your original post, i thought you said below new products sidebox.

Do you want the image to appear at the bottom of home page only or every page?

If you want to put it at the bottom of everypage you would have to add it to the footer.

/includes/templates/YOUR_TEMPLATE/common/tpl_footer.php

11 Feb 2011, 4:54 AM
#7
rexrc avatar

rexrc

New Zenner

Join Date:
Dec 2010
Posts:
2
Plugin Contributions:
0

Re: how to move image to bottom of page?

bfeldman, I am sorry if I hijacked your thread. I thought my problem was similar to urs, but may be I was wrong. Sorry for the mixup.

Regarding your issue with sitelock, looks like you have put the sitelock code in the tpl_main_page.php since it is appearing before the "New Products" part. You should move it to the footer as suggested by rbarbour. Alternatively you can disable New Products box and that will make the sitelock move to the bottom just like on my site :

http://www.homeofpashmina.com

11 Feb 2011, 4:23 PM
#8
bafeldman avatar

bafeldman

New Zenner

Join Date:
Jan 2011
Posts:
20
Plugin Contributions:
0

Re: how to move image to bottom of page?

No problem rexrc, and if I want it only at the bottom the main page where do I put it? Thanks

11 Feb 2011, 4:37 PM
#9
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: how to move image to bottom of page?

tpl_index_default.php
includes/template_default/templates/tpl_index_default.php
Put your code at the end of the page.
Of course you should copy the file, and put it in your CUSTOM template directory
includes/YOUR_TEMPLATE/templates/tpl_index_default.php

11 Feb 2011, 4:38 PM
#10
bafeldman avatar

bafeldman

New Zenner

Join Date:
Jan 2011
Posts:
20
Plugin Contributions:
0

Re: how to move image to bottom of page?

In addition to my previous post I want to make sure I understand the override system. I am using the classic template so I would take the common folder from the template_default folder and make the modifications in the classic folder and thus leaving the files in the template_default folder untouched. Please let me know if this is the correct procedure. Thanks

11 Feb 2011, 4:54 PM
#11
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: how to move image to bottom of page?

You'd be better off to copy the classic folder, and make your modifications in the copy files, and yes, you do copy the files from the default_template to the classic, or its copy, keeping the same strudture.

11 Feb 2011, 6:34 PM
#12
bafeldman avatar

bafeldman

New Zenner

Join Date:
Jan 2011
Posts:
20
Plugin Contributions:
0

Re: how to move image to bottom of page?

If I were to make another folder (custom), then would I have to go to admin->tools->template selection and select the custom template? How do I add a new template to select it? thanks

11 Feb 2011, 6:48 PM
#14
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: how to move image to bottom of page?

Reposting for your convenience.

The default and classic templates are updated with new versions, so when upgrading your changes to the classic template may be overwritten, thus you create a new template by copying the classic template, with all its content, name it whatever you want - i.e. mytemplate

edit the template_info.php file in the newly created folder
Put the name of your template/folder instead of Classic Contemporary

$template_name = 'Classic Contemporary';
$template_version = 'Version 1.3.9';
$template_author = 'Zen Cart Team (c) 2010';
$template_description = 'whatever you like';
$template_screenshot = 'scr_template_default.jpg';

put the newly created folder/template (thru ftp) in the
includes/templates folder (where you see the classic folder)

then you go into the admin section, and under the tools tab you select the "choose template", and select your newly created template.
At this point you'd go and edit your file/s

12 Feb 2011, 7:20 AM
#15
bafeldman avatar

bafeldman

New Zenner

Join Date:
Jan 2011
Posts:
20
Plugin Contributions:
0

Re: how to move image to bottom of page?

Thanks for the help everything worked out as I wanted and now I have every file in my Custom directory so I can modify at will.