Apple Zen Support Thread

Doodlebuckets:

I really hate to be a pest...the addition helped, but take a look now: http://www.modesty-matters.com/store/index.php?main_page=product_info&cPath=1&products_id=3

Things are a bit jumbled at the bottom.

and here: http://www.modesty-matters.com/catalog/index.php?main_page=product_info&cPath=1&products_id=1

The text box with its heading are interrupted by "This product was added...blah blah blah" I could do without that text if it would make life easier.

There's an issue with some changes you've made with the stylesheet. When I paste the stylesheet that is in the download section (plus the change I mentioned in the post above) that issue goes away. I'll see if I can figure out what the issue is. Did you make some changes in the css to change something in that section?

Doodlebuckets:

I really hate to be a pest...the addition helped, but take a look now: http://www.modesty-matters.com/store/index.php?main_page=product_info&cPath=1&products_id=3

Things are a bit jumbled at the bottom.

and here: http://www.modesty-matters.com/catalog/index.php?main_page=product_info&cPath=1&products_id=1

The text box with its heading are interrupted by "This product was added...blah blah blah" I could do without that text if it would make life easier.

Ah, I see the issue. When you tried to comment out this section, you did it incorrectly:

/#logo {
width:19.1em / To prevent the logo from resizing, simply delete or comment out this section /
}/

/#logo img {
width:100%;
}/

Just go ahead and delete that section. Or, if you prefer it to be commented out, it will work like this:

/*#logo {
width:19.1em To prevent the logo from resizing, simply delete or comment out this section
}

#logo img {
width:100%;
}*/

jettrue:

Ah, I see the issue. When you tried to comment out this section, you did it incorrectly:

/#logo {
width:19.1em / To prevent the logo from resizing, simply delete or comment out this section /
}/

/#logo img {
width:100%;
}/

Just go ahead and delete that section. Or, if you prefer it to be commented out, it will work like this:

/*#logo {
width:19.1em To prevent the logo from resizing, simply delete or comment out this section
}

#logo img {
width:100%;
}*/

Well, that did it! Wouldn't have thought that line of code would have messed the bottom up...oh, well! Glad you know what you're doing ;)
Amy

Doodlebuckets:

Well, that did it! Wouldn't have thought that line of code would have messed the bottom up...oh, well! Glad you know what you're doing ;)
Amy

It's because of the way you wrote the comments.

To comment something out in css, it should be like this:

/*#hiddenStuff */

You had it like this:

/#hiddenStuff /

So, the hidden stuff was never actually closed correctly, so until it ran into another */ a whole chunk of stuff was hidden that shouldn't have been.

jettrue:

It's because of the way you wrote the comments.

To comment something out in css, it should be like this:

/*#hiddenStuff */

You had it like this:

/#hiddenStuff /

So, the hidden stuff was never actually closed correctly, so until it ran into another */ a whole chunk of stuff was hidden that shouldn't have been.

Aha, that makes so much sense :) I have a question for you: How would I go about adding the flash logo thingy from here: http://bridalweddingconcepts.com/ to the zencart I'm building for her here: http://www.modesty-matters.com/catalog/ I want to try to replace the logo pic with the flash logo she has on her old site. I have the template files, but I no nothing about flash. Can I get rid of the "Click here" thingy that doesn't work anyway?

I figure this might be an easy one for you...
Amy

I have a question for you: How would I go about adding the flash logo thingy from here: [url:

http://bridalweddingconcepts.com/[/url] to the zencart I'm building for her here: http://www.modesty-matters.com/catalog/ I want to try to replace the logo pic with the flash logo she has on her old site. I have the template files, but I no nothing about flash. Can I get rid of the "Click here" thingy that doesn't work anyway?

Alright, I did some research and downloaded a contrib to display flash anywhere on the site. I went to tpl_header.php and took this code

with

But it's not clickable to take me back to my homepage. Can you tell me how to make it do so? I have messed around with the code but can't get it right....
Amy

ok i am getting very scared and over stressed i tried not to post but hey give up, im no good with CSS. OK if you look at shopyoungway.com in IE7 not tested in 6 you will see white border just under the menu after i removed the top menu system the home login search in header etc. how can i fix this.
also why can't i get the dang logo to work its all bunched up etc. in bot ie and firefox and i cannot figure out what i am doing wrong. i have read almost every page in this forum to help but cannot figure it out can someone please help me i want the logo to sit to the left like it is but with atleast 5 pixels from the top not resting at the top and at the full width and length i have created it at.

any help would be apreciated and thanks for this great design

shopyoungway:

ok i am getting very scared and over stressed i tried not to post but hey give up, im no good with CSS. OK if you look at shopyoungway.com in IE7 not tested in 6 you will see white border just under the menu after i removed the top menu system the home login search in header etc. how can i fix this.
also why can't i get the dang logo to work its all bunched up etc. in bot ie and firefox and i cannot figure out what i am doing wrong. i have read almost every page in this forum to help but cannot figure it out can someone please help me i want the logo to sit to the left like it is but with atleast 5 pixels from the top not resting at the top and at the full width and length i have created it at.

any help would be apreciated and thanks for this great design

Those are both really easy fixes. The logo issue is also addressed in the readme.tx, but all you have to do is remove this section of the stylesheet:

#logo {
width:19.1em /* To prevent the logo from resizing, simply delete or comment out this section */
}

To have padding above the logo, just do this:

#logo {
padding-top:5px;
}

And to adjust where the blue stripey half background sits, you can adjust this:

body {
background:url(../images/site-bg-blue.gif) 0 9em repeat-x;
}

(change the 9em to 8em)

Doodlebuckets:

Alright, I did some research and downloaded a contrib to display flash anywhere on the site. I went to tpl_header.php and took this code

<?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT, HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT) . '</a>'; ?>

with

<?php echo get_flashed('0883_1','578','125'); ?>

But it's not clickable to take me back to my homepage. Can you tell me how to make it do so? I have messed around with the code but can't get it right....
Amy

To be honest Amy, I have no idea, I've never dealt with flash, mostly because I personally don't care for flash on sites, but perhaps a google search will help? Sorry!

Doodlebuckets:

downloaded a contrib to display flash anywhere on the site ... but it's not clickable to take me back to my homepage. Can you tell me how to make it do so?Hi Amy

That button is built into the flash itself and that's almost certainly where you would need to make changes. Flash allows you to build whole user interfaces so a simple "click here" link is well within its capabilities, but it's a whole different way of working and not something that can be covered in a quick forum post here.

You could try placing a wrapping an HTML link around the banner, but then you would still have to give the flash banner a transparent background (see Adobe Technical notes 15523 and 14201) and adjust the z-indices to get the link on top. Even then, irritatingly, you're likely to find that although it will work fine in some browsers, in Internet Explorer visitors will need to double click - so not a great solution. Which brings us back to editing the Flash.

ok did that and the second issue is fixed with the blue lines in both IE and Firefox. but still having issues in IE7 with the logo going stretched and cannot figure out why. does any one know

Hi Jade - Originally I posted about this in Email - Newsletters. However, my problem doesn't seem to be ringing any bells with DrByte and Merlin. I wonder if it may be Apple Zen related?
Here's the original thread:
http://www.zen-cart.com/forum/showthread.php?p=355936#post355936

I'll summarize my issue here: when placing a test order, I'm receiving an order confirmation email that only says:

Order Confirmation No: 3
$EMAIL_MESSAGE_HTML

And an [EXTRA CC ORDER info] email that only says:

[EXTRA CC ORDER info] #3
$EMAIL_MESSAGE_HTML

I re-uploaded all files in the /email folder

I re-uploaded /includes/functions/functions_email.php

I re-uploaded the includes/classes/ files

All other email functions seem to be normal and I do correctly receive the [NEW ORDER] Order Confirmation that details the order specifics.

My problem is in my PittiVintage site.

Any idea what might be going on?

As always, thanks for taking the time to look into these things for me, it is much appreciated. Tim

Dear Jade,

CSS adjustment needed. Please look on my site under Bestsellers (lower right-hand sidebox). Note that the number 1 is showing up outside the green side panel area. How do I fix this? Thank you so much!

http://horse-logos.com

Bestsellers

1. Arab Flag - Arabian horse clip art...

jonisolis:

Dear Jade,

CSS adjustment needed. Please look on my site under Bestsellers (lower right-hand sidebox). Note that the number 1 is showing up outside the green side panel area. How do I fix this? Thank you so much!

http://horse-logos.com

Bestsellers

1. Arab Flag - Arabian horse clip art...

My default apple zen has this:
ul, ol {
text-align:left;
padding-left:25px;
margin-left:10px;
margin-bottom:10px;
}

and that is missing from your site. If you prefer not to have most lists indented like that, you can do this instead:

#bestsellersContent ol {
text-align:left;
padding-left:25px;
margin-left:10px;
margin-bottom:10px;
}

MeltDown:

Hi Jade - Originally I posted about this in Email - Newsletters. However, my problem doesn't seem to be ringing any bells with DrByte and Merlin. I wonder if it may be Apple Zen related?
Here's the original thread:
http://www.zen-cart.com/forum/showthread.php?p=355936#post355936

I'll summarize my issue here: when placing a test order, I'm receiving an order confirmation email that only says:

And an [EXTRA CC ORDER info] email that only says:

I re-uploaded all files in the /email folder

I re-uploaded /includes/functions/functions_email.php

I re-uploaded the includes/classes/ files

All other email functions seem to be normal and I do correctly receive the [NEW ORDER] Order Confirmation that details the order specifics.

My problem is in my PittiVintage site.

Any idea what might be going on?

As always, thanks for taking the time to look into these things for me, it is much appreciated. Tim
Hi Tim,

Sorry I have no idea, and haven't ever encountered this issue before. I can't imagine that it could be template related....

kuroi:

Hi Amy

That button is built into the flash itself and that's almost certainly where you would need to make changes. Flash allows you to build whole user interfaces so a simple "click here" link is well within its capabilities, but it's a whole different way of working and not something that can be covered in a quick forum post here.

You could try placing a wrapping an HTML link around the banner, but then you would still have to give the flash banner a transparent background (see Adobe Technical notes 15523 and 14201) and adjust the z-indices to get the link on top. Even then, irritatingly, you're likely to find that although it will work fine in some browsers, in Internet Explorer visitors will need to double click - so not a great solution. Which brings us back to editing the Flash.

Thanks! I have so much to learn!
Amy

#bestsellersContent ol {
text-align:left;
padding-left:25px;
margin-left:10px;
margin-bottom:10px;
}

Dear Jade,
I added the above coding and that worked great. Thanks!

I have been trying to mess with my stylesheet to fix the TOC box that you can see here: http://www.doodlebuckets.com/store/index.php?main_page=page&id=10&chapter=1

I have changed nowrap to wrap but then the wrapped part doesn't indent and line up with the other text and I cannot figure out how to make the box wider. My preference would be to have it wrap and indent. Can you tell me what to change in my stylesheet to make this happen?

Thanks! Amy

OK, I played some more and changed the code to

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
margin: 0;
width: 57%;
}

and everything fits now. But do you think that wrapping with an indent would look better?
Amy

Dear Jade,

On my product pages my check boxes are on an angle; they are not lining up with each other. You have to look at the page to understand:
http://www.horse-logos.com/arab-flag-arabian-horse-clip-p-6.html

Also can you tell me where/what I need to change to add a bit more space between the name of the product option and the option choices. Thanks!