Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Putting elements on top of side wrappers?

Putting elements on top of side wrappers?

Locked

Views: 1,820

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
26 Apr 2010, 1:10 AM
#1
m avatar

m

New Zenner

Join Date:
Oct 2006
Posts:
25
Plugin Contributions:
0

Putting elements on top of side wrappers?

How do one put elements (like images) inside left and/or right sidewrapper? Good guess is it is done by stylesheets but how?

How to make them float sticky and not to move along with the rest of a page when scrolling up and down?

26 Apr 2010, 1:25 AM
#2
kobra avatar

kobra

Black Belt

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

Re: Putting elements on top of side wrappers?

How do one put elements (like images) inside left and/or right sidewrapper?
You attach/insert an image to the particular container and insure that the backgroung color for it is transparent
For what you referenced it could be either of these -
#navColumnOne or .columnLeft

There is nothing with stylesheets that is ZenCart only and a source for learning could be http://www.w3.org/Style/

3 Dec 2010, 5:09 PM
#3
m avatar

m

New Zenner

Join Date:
Oct 2006
Posts:
25
Plugin Contributions:
0

Re: Putting elements on top of side wrappers?

Yes, after editing tpl_index_default.php and adding image urls there I can get images to index pages side wrappers but what should I do if I wanted them to be displayed with every single page? Is there any "master" php for that?

3 Dec 2010, 5:56 PM
#4
kobra avatar

kobra

Black Belt

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

Re: Putting elements on top of side wrappers?

Yes, **after editing tpl_index_default.php **and adding image urls there I can get images to index pages side wrappers but what should I do if I wanted them to be displayed with every single page? Is there any "master" php for that?
Not at all what I referenced...

If you look at the classic template stylesheet.css file, and search for the term "background" - - You will see how an image is applied

Not through a php file edit

3 Dec 2010, 6:03 PM
#5
gjh42 avatar

gjh42

Black Belt

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

Re: Putting elements on top of side wrappers?

How to make them float sticky and not to move along with the rest of a page when scrolling up and down?

You can use position: fixed; to make an element stay in the same window location and not scroll. I'm not sure that would work well for sidebar backgrounds, though.