Editable Home Page Centerboxes [Support]
Description
Editable Centerboxes is a simple module which adds three editable content boxes to the home page. I got the idea because I was trying to do something similar to this:
- osc.template-help.com/wt_27414/index.html
- osc.template-help.com/wt_26807/index.html
Each centerbox has an associated defined page which can be edited using the defined pages editor.
Ready to get started? Just follow the installation instructions below: Note that the module only makes small changes to one pre-existing files!
I'm submitting this to the downloads section tonight. You'll find it there when it's activated.
Hope others find this useful..
!!READ EVERYTHING!!
I very strongly recommend you read through the entire Readme file BEFORE installing.
[EDIT: Renamed to centerboxes for consistency with Zen Cart names]
Re: Editable Home Page "Middleboxes"
Nice mod idea.
Looking FWD to testing it when it is uploaded.
Re: Editable Home Page "Middleboxes"
Quote:
Originally Posted by
Muzz
Nice mod idea.
Looking FWD to testing it when it is uploaded.
Thanks.. If you want to try this little mod out now, PM me your e-mail address, and I'll be happy to share the zip file with you.. (Hope the admins don't object..)
Here's a test page with the middleboxes in use:
http : // zen138 . overthehillweb . com
Re: Editable Home Page "Middleboxes"
All official and approved.. Here's the official link to the download:
http://www.zen-cart.com/index.php?ma...oducts_id=1562
1 Attachment(s)
Re: Editable Home Page Centerboxes
Have the same problem as your own test page with middle box 3. Screenshot is from your test page link.
Re: Editable Home Page Centerboxes
Quote:
Originally Posted by
Streaming
Have the same problem as your own test page with middle box 3. Screenshot is from your test page link.
You'll need to adjust the width of the content boxes to correct this.. This is a tableless design and with three boxes it presumes that each will only take up a third of the space. You'll notice that I have decimal values. I added those because when I was testing, I was trying to get the entire block of boxes to center, and could only get it to occur when I added the decimal values to the width.. Maybe a CSS gru can point out a better way to do this.. I'll be happy to correct the module and resubmit..
Quote:
#middlebox_1 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:33.1%;
background:#e0d0d0;
}
#middlebox_2 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:33.32%;
background:#c0c0c0;
}
#middlebox_3 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:right;
width:33.1%;
background:#e0d0d0;
}
Re: Editable Home Page Centerboxes
Quote:
Originally Posted by
DivaVocals
You'll need to adjust the width of the content boxes to correct this.. This is a tableless design and with three boxes it presumes that each will only take up a third of the space. You'll notice that I have decimal values. I added those because when I was testing, I was trying to get the entire block of boxes to center, and could only get it to occur when I added the decimal values to the width.. Maybe a CSS gru can point out a better way to do this.. I'll be happy to correct the module and resubmit..
Try this.. Replace lines 1-26 with this:
Code:
/*Centers middleboxes and aligns them in one row*/
#navColumnMiddleWrapper {
margin: auto;
}
#middlebox_1 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:33%;
background:#e0d0d0;
}
#middlebox_2 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:33%;
background:#c0c0c0;
}
#middlebox_3 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:33%;
background:#e0d0d0;
}
Re: Editable Home Page Centerboxes
Ok, thanks for that. Have changed the code to the following which has worked fine:
Code:
#middlebox_1 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:32.9%;
background:#e0d0d0;
}
#middlebox_2 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:33.15%;
background:#c0c0c0;
}
#middlebox_3 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:right;
width:32.9%;
background:#e0d0d0;
Re: Editable Home Page Centerboxes
Cool! :cool:
Quote:
Originally Posted by
Streaming
Ok, thanks for that. Have changed the code to the following which has worked fine:
Code:
#middlebox_1 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:32.9%;
background:#e0d0d0;
}
#middlebox_2 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:33.15%;
background:#c0c0c0;
}
#middlebox_3 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:right;
width:32.9%;
background:#e0d0d0;
Re: Editable Home Page Centerboxes
In the middle of a brainstorm. Where's the code for changing the Heading Titles to my own customized headings i.e. changing middle box 1, 2 and 3 to my own titles?
Many thanks.