ZJ Silver Support Thread

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

Quote:

---

Originally Posted by 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

---

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

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:

Code:

---

/*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;}

---

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

Anyone? Help with the footer thing?

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

Quote:

---

Originally Posted by justinhunt

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

---

Hmmm - I've looked around at my language files and can't find what I'm wanting to get rid of. It's the part that says 'Free ZenCart jQuery Theme By ZenCart-Jquery.com'

It's weird but it doesn't even show up in my source code but it's there on the page!

N

I don't know how familiar you are with Zen Cart, so it may be that you already know this.
But from the admin panel, choose tools and then "Developers Tool Kit."

From here you can enter a line of text, and Zencart will search all the source files, for it. If it finds it will print out which file and in which line it found it. It is very very useful for this kind of problem.

If you have not searched using this tool before, then you should do so.

Quote:

---

Originally Posted by justinhunt

choose tools and then "Developers Tool Kit."

---

I am quite familiar with ZenCart. This isn't the first time I've used it and I have searched with the Developers Tool Kit for what seems like ages! Still nothing.

The site is still a work in progress, but if you look at http://www.emotees.co.uk you'll see at the bottom right it has the 'Free ZenCart jQuery Theme By ZenCart-Jquery.com' but if you 'view source' it's not there.

I've noticed it's not on your site justinhunt. All I can think is it's some sort of tracker script that's pulling the info in from the external site.

N

Yeah thats pretty sneaky.
It is in a div with id "freethemelink, " . By right clicking on the link firefox and selecting "view selection source, " I can see that.
But when you view source, the javascript doesn't get executed, so it doesn't show.

I would just hide it in the CSS. If you look at the stylesheet there is this:
#freethemelink{float:right;font-weight:700;padding:10px;}
If you can just hide the div, I guess the problem would be solved.

Justin