ZJ Silver Support Thread

Thanks for having a look. I threw in the TEXT-ALIGN last night in a last ditch effort to bring it back to the centre.

I'm going crazy trying to work it out. It appears that most other people using this template seem to have worked it out.

I'll have to have another play with it tonight.

Now that you've got it returned to default appearance, it's pretty obvious. The #mainWrapper and the #mainWrapperLower above and below the #logoWrapper both have an explicit width of 850 pixels. The #logoWrapper itself has no width set, and is therefore free to expand the full width of the page. In your stylesheet.css, give #logoWrapper a width of 850px, and edit your Pretapawte logo image from 800px wide to 850px, and you're good to go.

Incidentally, the 850 is kind of an odd number these days. Browser stats like they have at w3schools indicate that you can pretty much forego 800x600 users, as they now make up ~4% of visitors. The smallest screen you need to cater to now is 1024x768. Factoring for browser chrome leaves you with 978px or so, depending on the browser. Most folks are using a 960px width since it so nicely divides up into columns & such. As long as you're at an early stage of development, I'd probably go for that. Looking through my own css, the zj_black_2 template just uses percentages & ems for all the widths, which is safer yet. Apparently Mr. Dwyer learned such things as he progressed through the pack.

Oh, also -- I see that on that same CSS line:

#logoWrapper { background-image: url( blahblahblah); LINE-HEIGHT: 106px

you seem to have the same kind missing brace or something, such that the IE developer tool can't correctly parse it.

-jj

Is there a way to center the logo? I can't seem to figure that out, I can see the align tag for the TAGLINE but can't figure out how to center the logo.

Ideally I would like to have the logo.gif centered with the TAGLINE centered below it, any ideas/help???

Thanks!!!

Not the best CSS guy out there, trying to figure out how to customize the ZenCart jQuery Silver template so my logo is CENTERED and the TAGLINE is centered below it.

http://blueberrysilver.com/store/

This is the tpl_header.php:

This is the CSS:

#mainWrapper{background-color:#fff;text-align:left;width:95%;vertical-align:top;border-top:1px solid #9a9a9a;border-left:1px solid #9a9a9a;border-right:1px solid #9a9a9a;}
#mainWrapperlower{background-color:#fff;text-align:left;width:95%;vertical-align:top;border-bottom:1px solid #9a9a9a;border-left:1px solid #9a9a9a;border-right:1px solid #9a9a9a;padding-top:10px;margin:auto;}
#headerWrapper,#contentMainWrapper,#logoWrapper,#cartBoxListWrapper,#ezPageBoxLi st,#cartBoxListWrapper ul,#ezPageBoxList ul,#mainWrapper,#popupAdditionalImage,#popupImage{margin:0;padding:0;}
#logoWrapper{background-image:url(../images/header_bg.jpg);background-repeat:repeat-x;background-color:#fff;height:106px;line-height:106px;}
#logo{line-height:106px;}
#navColumnOneWrapper,#navColumnTwoWrapper,#mainWrapper{margin:auto;}
#navColumnOneWrapper,#navColumnTwoWrapper{margin-top:1em;}
#navColumnOneWrapper{border-top:1px solid #9a9a9a;border-right:1px solid #9a9a9a;border-bottom:1px solid #9a9a9a;}
#navColumnTwoWrapper{border-top:1px solid #9a9a9a;border-left:1px solid #9a9a9a;border-bottom:1px solid #9a9a9a;}
#tagline{color:#000;font-size:2em;text-align:center;vertical-align:middle;}

I just want to center the image and then bump the tagline down centered below it.

Any suggestions/help would be greatly appreciated as always. I can't get the stupid thing to CENTER!

Mike

I received this advice on another thread which fixed up my issue

#logoWrapper{background-image:url(../images/header_bg.jpg);background-repeat:repeat-x;background-color:#fff;height:106px;line-height:106px;}

and change it to this:

#logoWrapper{background-image:url(../images/header_bg.jpg);background-repeat:repeat-x;background-color:#fff;height:106px;line-height:106px;width:850px;margin:auto;}

With the logo I think there is a float: left tag in there somewhere which influences the behaviour of the logo.

Tried that, no luck

Hi and thanks for a great template. I have two questions though please.

1.) The header background image is full page size, I want it to be 90% and centered, where and how?

2.) The description of ZJ Silver states multiple product images in a carousel, how do I go about doing this?

Sorry if my questions are stupid, but I'm pretty new to this stuff.

Tnx!

HI.

I think you're having the problem I was. Post 185 should sort things out for you.

I specified 850px as my image size but I'm sure you could change it to 90% instead.

Just installed 1.3.8a and want to try ZJ Black 2 but I can't seem to find any info on installing this into my web host!? But I know it's here some where...can you direct me to the proper url or explain here?

ZJ - ZenCart jQuery Template Pack

Here is the link:
http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=1033

Do I have to install each template seperate or can I install the complete five pack? Then just pick and choose?

This is all new to me so be gentle ;)

Doug

Installed my new templates folder: zj_black_2 to Public_html, then tried install at: Public_html/includes/templates

zj_black_2 has the following 4 sub directories: templates, modules, languages, extra_configures. First three dir has five diffrent templates...do I need to install just the one I want to use? Funny I spent quite a bit of time and can't find anything that is helping on this install.

thanks for any help on this!

Doug

I'm using the zj_black_2 template and I love it, but I've got an issue that I can't fix. I know it's probably something simple...it usually is. :P

I've attached two images. The header looks like I want it to in IE8, Firefox, Safari, Opera, Chrome and Flock.

But in IE7 my navigation links are above the background instead on on it like in all the other browsers.

I want it to be uniform in all browsers one way or the other. I can live with either version as long as it's uniform across all of them.

Link to site: https://www.tclnaturalhealth.com

Any suggestions?

Second - Is there a way to add the 'buy it now/add to cart' button to the Featured box in the tabbed boxes? (It says Daily Deals, but it's the Featured items).

I appreciate any and all help! :smile:

Hi,

I'm happily just loaded the Silver_Wide version of this template, and I have a very, very strange thing happening. I uploaded the template to a fresh install of Zencart and it worked flawlessly, now I uploaded it to a store I've had for a while, and some of my Categories in the category box are green and don't turn red when I mouse-over. They work if I click on them, but only some of them are black with red rollover and some are just green.
Does anyone know why something like this would happen? Or where I could start to look for a solution?

Thanks!!!

I use ZJ Silver template, The original header(logo & tagline section) is in 100% width. Is anyone know how to make the header fix size and center it?

zj silver template

I just changed the header to fix size from css file, Here is the coding:

#headerWrapper,#contentMainWrapper,#logoWrapper,#cartBoxListWrapper,#ezPageBoxList,#cartBoxListWrapper ul,#ezPageBoxList ul,#mainWrapper,#popupAdditionalImage,#popupImage{margin:0;padding:0;width:1020px;}

I still don't know how to center the header. is anyone can help? many thanks!

First of all wanted to say that I love this JQuery template. Currently using a modified zj_black template with my own color theme. The problem that I'm having is that the product image header bar shows up with 2 rows. It appears that he image of the product or column is too narrow causing the column header "Product Image" to span 2 rows.

Does any one know how to fix this?

How can I add additional js files to load with this template? I'd like to add the jquery corners. Do I need to explicitly add them or is there a special method to get this automatically included?

hello I've installed zj black 2 and it is great
how can I disable the sidebar features (collapse and movability)?

I see this question in 1st page but I didn't understand how he disabled....

another question....
is there a simple method to do orange like zj black 2 so with tables and configuration of zj black 2?

thanks in advance :cool:

Hello,

Was trying this template, and I like it very much. The problem is I have 2 languages, English and Dutch. The buttons that are used are in English. Was wondering if anyone has the original photoshop files for these buttons. That way I can create the Dutch buttons.
Thank you in advance.

Ferid

Is it possible to get teh jquery features without the whole template? I've gotten pretty far along on my own template and would rather integrate these awesome features...

i need help
please view http://www.equipmentextreme.com

why my header and logo look so funny?
how to amend logo above the header?

tony