ZJ Silver Support Thread

[majoritywhip]

OK, Can I get into my problems now?

First, Thanks to ANT for the great themes. I started with the ZJ_Silver_wide because I liked the wide "New Products" field. I then converted over to ZJ_Black because I was able to fit my logo better with it and still retain the wide center boxes.

Here's my site: http://www.majortek.com

Speaking of logo's. I am still not able to center my logo. I deleted my tagline because I found that it would drop down into the MainWrapper on lower resolution screens. I tried altering the float code:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float:center;

This centered my logo, but it also centered my categories VERTICALLY. I tried separating the line to this:

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
# logo, float:center;

Nothing.

Here's another centering problem... Before I had my main page open with categories, I entered the following code to center my tagline in the body:

H1 {font-size;1.4em; color#33333;}
#indexDefaultHeading {text align: center;}

Once I switched over it slid to the left. WTF? I can modify the following CSS from left to center and it works, But it also centers all text on the page.

#mainWrapper {
background-color:#FFFFFF;
border:1px solid #000000;
text-align: center;
vertical-align:top;
width:90%;}

And yet another centering problem:

For some reason my Authorize.Net validation icon isn't centering in Firefox, Safari or Google Chrome, but it does fine in Missy (MSIE), but the rest of my icons are doing just fine. I entered the following code to the bottom of my CSS:

.AuthorizeContent {
float: center;
margin-left: 2em;
padding: 1em; }

Nada. It just looks so out of place!

For the person that solves these three problems, there is a $20 bill available via PayPal. Seriously.

Thanks again.

mW

[litepockets]

Hi Ant,

First off, great mod with great contributions. I spent a day or so implementing and tweaking just the product_info display (that's the whole reason I downloaded this mod) and I have now decided to implement more of this mod on the rest of this site.. AFTER I fix one little buggie...

I have a drop down menu on my site and for whatever reason the pop-up when clicking on my main image appears to be "under" the menu. Please see for yourself at http://www.litepockets.com/whitehall...box-p-831.html. Everything else is working great... Can you help with this?

Thanks,
James

[majoritywhip]

Hi Ant,

First off, great mod with great contributions. I spent a day or so implementing and tweaking just the product_info display (that's the whole reason I downloaded this mod) and I have now decided to implement more of this mod on the rest of this site.. AFTER I fix one little buggie...

I have a drop down menu on my site and for whatever reason the pop-up when clicking on my main image appears to be "under" the menu. Please see for yourself at http://www.litepockets.com/whitehall...box-p-831.html. Everything else is working great... Can you help with this?

Thanks,
James

I have the same problem and I think it has to do with the fact that the menu is CSS generated and the pic is JQuery. How to fix this I don't know, but if you do I would be very grateful to know how.

How do you get the picture to expand on mouse-over? That would be really helpful on my site. Also, how did you get the photo to slowly minimize upon closing? That looks slick!

www.majortek.com

[litepockets]

Majority,

Thanks for the compliment, but I didn't create either of the effects. Image Handler is responsible for the "hover zooms", and the fade away on the pop-up is all done in the ZJ Silver Mod. Make sure to copy all CSS classes referencing anything with "fancy in it" IE:

/*Silver fancy overlays*/
div#fancy_overlay{position:absolute;top:0;left:0;z-index:90;width:100%;background-color:#333;}
div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100;}
div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url(../images/fancy_progress.png) no-repeat;}
div#fancy_close{position:absolute;top:-12px;right:-12px;height:30px;width:30px;background:transparent url(../images/fancy_closebox.png);cursor:pointer;z-index:100;display:none;}
div#fancy_content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:96;margin:0;padding:0;}
#fancy_frame{position:relative;width:100%;height:100%;display:none;}
img#fancy_img{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:92;margin:0;padding:0;}
div#fancy_title{position:absolute;bottom:-35px;left:0;width:100%;z-index:100;display:none;}
div#fancy_title table{margin:0 auto;}
div#fancy_title div{color:#FFF;font:bold 12px Arial;padding-bottom:2px;}
td#fancy_title_left{height:32px;width:15px;background:transparent url(../images/fancy_title_left.png) repeat-x;}
td#fancy_title_main{height:32px;background:transparent url(../images/fancy_title_main.png) repeat-x;}
td#fancy_title_right{height:32px;width:15px;background:transparent url(../images/fancy_title_right.png) repeat-x;}
div#fancy_outer{position:absolute;top:0;left:0;z-index:90;overflow:hidden;background:transparent;display:none;margin:0;padding:18px 18px 58px;}
div#fancy_inner{position:relative;width:100%;height:100%;border:1px solid #444;background:#FFF;}
a#fancy_left,a#fancy_right{position:absolute;bottom:10px;height:100%;width:35%;cursor:pointer;background-image:url(data:image/gif;base64,AAAA);z-index:100;}
a#fancy_left{left:0;}
a#fancy_right{right:0;}
a#fancy_left:hover{background:transparent url(../images/fancy_left.gif) no-repeat 0 100%;}
a#fancy_right:hover{background:transparent url(../images/fancy_right.gif) no-repeat 100% 100%;}
#fancy_bigIframe,#fancy_freeIframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
div.fancy_bg{position:absolute;display:block;z-index:70;}
div.fancy_bg_n{top:-18px;width:100%;height:18px;background:transparent url(../images/fancy_shadow_n.png) repeat-x;}
div.fancy_bg_ne{top:-18px;right:-13px;width:13px;height:18px;background:transparent url(../images/fancy_shadow_ne.png) no-repeat;}
div.fancy_bg_e{right:-13px;height:100%;width:13px;background:transparent url(../images/fancy_shadow_e.png) repeat-y;}
div.fancy_bg_se{bottom:-18px;right:-13px;width:13px;height:18px;background:transparent url(../images/fancy_shadow_se.png) no-repeat;}
div.fancy_bg_s{bottom:-18px;width:100%;height:18px;background:transparent url(../images/fancy_shadow_s.png) repeat-x;}
div.fancy_bg_sw{bottom:-18px;left:-13px;width:13px;height:18px;background:transparent url(../images/fancy_shadow_sw.png) no-repeat;}
div.fancy_bg_w{left:-13px;height:100%;width:13px;background:transparent url(../images/fancy_shadow_w.png) repeat-y;}
div.fancy_bg_nw{top:-18px;left:-13px;width:13px;height:18px;background:transparent url(../images/fancy_shadow_nw.png) no-repeat;}

[nobbyryan]

Hi there - is there any way to get rid of the message at the bottom that reads 'Free ZenCart jQuery Theme By ZenCart-Jquery.com'? I can't find it in any of the template files.

Thanks

[nobbyryan]

Anyone? Help with the footer thing?

[justinhunt]

NobbyRyan: Try looking in /includes/languages/TEMPLATE-NAME/english.php
It should be in there, somewhere around line #17.

I have just gone live with a site using ZJ Black2. I did all my developing and testing in Firefox 3, and just checked it with IE, and "oh my giddy aunt."

The left column on the sideboxes block ("left" and "right" are right beside each other on the right of the screen.) begins where the right column ends, ie the user has to scroll down to even see them.

And the sidebox headers look bad in IE. On firefox, they look like a solid dark grey bar from the pull down arrow right across to the close button on the right hand side. But on IE6 there is white space in between the pull down arrow and the next part of the header with the text on it. So it looks kind of messy.

Is there a simple fix for these problems? I am sorry I am OK with php but my head spins with CSS and layout issues.

The site is http://www.kanebo-from-japan.com

Thanks