Free Template "Future Zen" v1.2 Support Thread

This post announces the arrival of future Zen v1.2. Which at the time of posting is awaiting moderator approval in the Zen Cart Downloads area.

Version 1.2 continues to meet the original three objectives

designed to meet three objectives:

1. To provide new users with a starting point that is as appealing as the classic template but doesn't have the headaches that are played out over and over again in this forum
2. To show how much can be done with almost no effort by harnessing the power of the template_default and CSS
3. To be trivial to install

It also still consists of just 11 files, 8 of which are images including a screenshot. The other files two are a stylesheet that does most of the work, the obligatory template_info.php file and the installation instructions. And yes, the template still has no php changes and requires no php knowledge.

The main change since the previous version is that it uses the sliding door approach to background images, allowing the layout to be either fixed or liquid. Sidebox widths however, are still fixed at 150px, though users designing their own sidebox images can easily change this.

Thanks so much for the new Future Zen contribution, kuroi!

This is what my web host techie friend tried to get me to understand in the
beginning of my ZenCart journey...to make the page fit the monitor of the
viewer. Your new template prodded me to try to get it right this time. :thumbsup:

Again ... Thanks so much!

Thanks for the kind comments. It's good to see that you've adjusted the side box images and widths to suit you design. Nice job.

Thanks for a great template.

I had to create a future_zen folder under

/catalog/includes/languages/english/html_includes/

to place my define pages. Without those all of your define pages are lost. Did I do it the right way?

Also, is there any way to add an extra line at the bottom of all of the side box contents?

My boxes sometimes have text running through the NICE radius'd corners and I though that an extra blank line at the end of the contents would look better and fix that problem.

Thanks!!

CarolinaReefs:

I had to create a future_zen folder under

/catalog/includes/languages/english/html_includes/

to place my define pages. Without those all of your define pages are lost. Did I do it the right way?Yes. Though personnally I prefer to to create these pages using EZ-Pages as they are then held in your database and backed up with the rest of your data leaving less scope for loss and a much easier interface for turning pages on and off.

CarolinaReefs:

is there any way to add an extra line at the bottom of all of the side box contents?

My boxes sometimes have text running through the NICE radius'd corners and I though that an extra blank line at the end of the contents would look better and fix that problem.A much better solution is to increase the amount of padding in the sidebox content. Find the following section of your stylesheet and increase the highlighted number. I find that 0.8 usually works well> .sideBoxContent {

background-image:url(../images/sidebox_content_bg.gif);
background-repeat:no-repeat;
background-position:bottom;
padding: 0.4em;

}

I've uploaded the future zen files to /includes/templates but I don't see future zen as an installed template in admin. I'm using 1.3.8. I read in another post that furture zen does work from 1.3.8 as the demo template site is 1.3.8.

Thanks for any help you can give.

Suekay

Hi Suekay,

FutureZen works fine with 1.3.8a

Make sure you uploaded to the correct directory (most templates have the ../includes/templates/template_name directory specificed, however you need to upload this one directly into the templats directory - that may be the problem.

Hope that helps. :bigups:

Max

Hello Everybody,
I'm using the FutureZen, I'm having problem with the sideboxes, the head of the sidebox is missing corners.......Can anyone help me please. I;m very new with the ZentCar and have spent almost 4 weeks doing alot of searches and read posts. Please if anyone out there can help. http://2daydiets.com
Thank you very much in advance..

Hi,
I have installed the Future Zen Template but can't get rid of the "TagLine Here" in the top blue bar. Help Please!! I am tearing my hair out. I have looked in all the css files I can find and the header php files also. I'm STUCK!!
Thanks in advance.
ps, if you need to see it, it is at https://www.kennedykids.com.au/catalog

kennedykids:

Hi,
I have installed the Future Zen Template but can't get rid of the "TagLine Here" in the top blue bar. Help Please!! I am tearing my hair out. I have looked in all the css files I can find and the header php files also. I'm STUCK!!
Thanks in advance.
ps, if you need to see it, it is at https://www.kennedykids.com.au/catalog

Okay, I have spent all morning on this and of course 5 minutes after I post this, I find the answer. Sorry all!

kennedykids:

Hi,
I have installed the Future Zen Template but can't get rid of the "TagLine Here" in the top blue bar. Help Please!! I am tearing my hair out. I have looked in all the css files I can find and the header php files also. I'm STUCK!!
Thanks in advance.
ps, if you need to see it, it is at www.kennedykids.com.au/catalog
Answer can be found at
https://www.zen-cart.com/tutorials/index.php?article=127

Hello, I don't try to do the width of the template at 100%.
I have insert it in the line
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #E5EDF5;
font-weight: bold;
color: #ffffff;
height: 1%;
width: 100%;
}
in stylesheet.css of the template future zen, but remain the old value.
You can see this at
www.passegginiamo.it
Please
:dontgetit

giuly:

width of the templateYou have left your backuup stylesheet in your CSS folder and it's overriding your changes. Although you have set the width to 100% in stylesheet.css, it's set to 1000px in stylesheetoldtrue.css and that's the one that's winning.

thanks a lot :laugh:
I would never think at this thing. I thought that the two names were different, so....
Incredible, thank you very much
:clap:

Last thing, How can i center the layout?

I solved for IE with
body {
margin: 0;

for firefox
#headerWrapper, #contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0 auto;

thanks to all
:clap:

I am using Future Zen, & need to completely remove the header image & use a banner as a shop logo instead. I have tried deleting the file (includes/templates/future_zen/images/header_bg.jpg) but this leaves an empty space at the top of the page.

I have also tried following the Zen Cart Tutorial "How to Remove the Header Completely" but that does not work, possibly these instructions require you to copy a file to the 'common' directory in the Future Zen directory - & there is no such directory there! I've tried creating it, & putting the modified file in it, but that does not work either.

Please - how do I remove this logo* & the space it occupies*.

A link to your site and the name and location of the image file that you are seeking to use in your header would be helpful.

This is the site.

I don't want to replace the Zen Arches image with anything -I want to remove it altogether.

As you can see, the banners at the top (which change when you refresh the page) will provide the shop identity (obviously I intend to add text & change the background to match the rest of the page, later).

I also need to:

• Bring the banner down the page, so that it is just above the blue strip that the Zen Arch logo presently overlaps
• Preserve the 'Home', 'Log In' &c. links, so that they appear between the banner & the blue stripe.
  My best guess so far has been to replace header_bg.jpg with a 1px square .gif image... but I also suspect that I just don't understand what is going on here!

Any advice will be appreciated

Rgds
Mike

Since you want to remove the contents of the logoWrapper, the best approach would be to create a common folder in your template as you discussed above, put a copy of the tpl_header.php file in the template_default's common folder into your new common folder, then edit the copy to remove the div with ID logoWrapper and all its contents.

Thank you so much! It all works now, the way I wanted. Brilliant!

[/CENTER]