Apple Zen Support Thread

I would like my category image to display on the left of the category heading - at present it displays under the heading.
#categoryImgListing .categoryImg shows up in Firefox when I view class and ID info., but I cannot find this in any of the stylesheets.
Once again, can you point me in the right direction - perhaps it's not the stylesheet that dictates the position of the cat image?
Thanks in advance

high2K:

I would like my category image to display on the left of the category heading - at present it displays under the heading.
#categoryImgListing .categoryImg shows up in Firefox when I view class and ID info., but I cannot find this in any of the stylesheets.
Once again, can you point me in the right direction - perhaps it's not the stylesheet that dictates the position of the cat image?
Thanks in advance

Not everything is in the stylesheets. If its not there, that's OK, you can add a new one. Could you link me to the page where you want this done?

jettrue:

Not everything is in the stylesheets. If its not there, that's OK, you can add a new one. Could you link me to the page where you want this done?

See http://www.keela.co.uk.tango.webhoster.co.uk/catalog/index.php?main_page=index&cPath=21
where I'd like the gift cert image to be on the left of the "Gift Certificates" header instead of underneath

high2K:

See http://www.keela.co.uk.tango.webhoster.co.uk/catalog/index.php?main_page=index&cPath=21
where I'd like the gift cert image to be on the left of the "Gift Certificates" header instead of underneath

You could add this to your css:

#categoryImgListing {float:left;}
#productListHeading {float:left;padding:.5em;}
#indexProductListCatDescription {clear:both;}

And then you'd need to open up includes/templates/YOUR_TEMPLATE/templates/tpl_index_product_list.php to make the image show up before the heading.

jettrue:

They can be anywhere, but my guess is there is an issue with that. Give me an example of a folder you have them in, then show me the corresponding link to the image.

Here is where I have the image.
/includes/languages/english/html_includes/apple_zen/define_main_page.php

And here is the coorsponding link.
<img src="../../../../../images/image.jpg" alt="" />

Thanks for your help.:smile:

jettrue:

I don't know what you mean by "continue the white spacer bar".

If you look at the site https://www.ausableflyrods.com where the nagivation bar is at the top, you'll see |categories|information|etc... the line just prior to CATEGORIES is only 1/2 there. Its not he full length like between the other words.

Thanks for the other information, I'll check it out.

Julie

nrg77:

Here is where I have the image.
/includes/languages/english/html_includes/apple_zen/define_main_page.php

And here is the coorsponding link.
<img src="../../../../../images/image.jpg" alt="" />

Thanks for your help.:smile:

Hmmm... by location, I mean, which folder have you uploaded the image to?
It looks like you have too many "../" One way to figure it out would be try one less ../ until it works. :laugh:

jewelsbyjewls:

If you look at the site https://www.ausableflyrods.com where the nagivation bar is at the top, you'll see |categories|information|etc... the line just prior to CATEGORIES is only 1/2 there. Its not he full length like between the other words.

Thanks for the other information, I'll check it out.

Julie

You need to add HOME back to the language file.

jettrue:

Hmmm... by location, I mean, which folder have you uploaded the image to?
It looks like you have too many "../" One way to figure it out would be try one less ../ until it works. :laugh:

Hmmm, after further review, it seems nothing works.....!! I've even created an image folder with the image inside in the same place as the define_main_page.php but it still shows the image as an "X" mark. What can I possibly edit that will make this happen? I can't think of one answer for that. I am also certain that the path is correct since it is auto generated in Dreamweaver when you add images.

If you or anyone knows of this problem, please inform me as this will stop me from launching the site.

Thanks.

Nevermind.......I found out the reason......

Thanks...

jettrue:

And then you'd need to open up includes/templates/YOUR_TEMPLATE/templates/tpl_index_product_list.php to make the image show up before the heading.

I already have it set like this:-

// categories_image
  if ($categories_image = zen_get_categories_image($current_category_id)) {
?>
<div id="categoryImgListing" class="categoryImg"><?php echo zen_image(DIR_WS_IMAGES . $categories_image, '', CATEGORY_ICON_IMAGE_WIDTH, CATEGORY_ICON_IMAGE_HEIGHT); ?></div>
<?php
  }
} // categories_image
?>

<?php
// categories_description
    if ($current_categories_description != '') {
?>
<div id="indexProductListCatDescription" class="content"><?php echo $current_categories_description;  ?></div>
<?php } // categories_description ?>

Isn't this the image before the description? I'm thinking I don't need to change anything here?

high2K:

I already have it set like this:-

Isn't this the image before the description? I'm thinking I don't need to change anything here?

Yes, the image is before the category description... but you need the image before the heading, right? So you need to flip:

<h1 id="productListHeading"><?php echo $breadcrumb->last(); ?></h1>

and

  <?php
if (PRODUCT_LIST_CATEGORIES_IMAGE_STATUS == 'true') {
// categories_image
  if ($categories_image = zen_get_categories_image($current_category_id)) {
?>
  <div id="categoryImgListing" class="categoryImg"><?php echo zen_image(DIR_WS_IMAGES . $categories_image, '', CATEGORY_ICON_IMAGE_WIDTH, CATEGORY_ICON_IMAGE_HEIGHT); ?></div>
  <?php
  }
} // categories_image
?>

Hi Jettrue,

You are fab! Thanks for that.
After promising that I would stop bothering you, I keep coming back with more. I'm really sorry.
The client now says that they want the image on the home page - inserted into define_main_page.php to stretch right across the area horizontally - ie. 100% width between the grey shadowed borders that go up the sides.
I cannot see where this is defined. I was looking for margins that I could set to 0 but I can't find it anywhere. Can you help??

high2K:

Hi Jettrue,

You are fab! Thanks for that.
After promising that I would stop bothering you, I keep coming back with more. I'm really sorry.
The client now says that they want the image on the home page - inserted into define_main_page.php to stretch right across the area horizontally - ie. 100% width between the grey shadowed borders that go up the sides.
I cannot see where this is defined. I was looking for margins that I could set to 0 but I can't find it anywhere. Can you help??

There's padding on .centerColumn, which is good, as you would want some space for product listings and such. But for the home page, you can do this:

#indexHomeBody .centerColumn {padding:0;margin:0;width:100%!important;}

Then, in my testing, it looks like the image will need to be 821 pixels wide. :cool:

[QUOTE=jettrue;392335]
#indexHomeBody .centerColumn {padding:0;margin:0;width:100%!important;}
QUOTE]

I have added this to my style sheet, but is there some other file I need to adjust as I'm not seeing the desired effect?

[QUOTE=high2K;392343]> jettrue:

#indexHomeBody .centerColumn {padding:0;margin:0;width:100%!important;}
QUOTE]

I have added this to my style sheet, but is there some other file I need to adjust as I'm not seeing the desired effect?

I guess you got this figured out, cause I see the image all the way across in both IE and Firefox?

To allow more viewable area for products, I have set Applezen to have NO sideboxes by setting Column Right Status - Global to 0. In doing so, the language box is no longer visable. Is it possible to have the language box show in the header area?

To allow more viewable area for products, I have set Applezen to have NO sideboxes by setting Column Right Status - Global to 0. I cannot seem to make use of the left sidebox area and the right sidebox area has a very light gray background. Can these problems be corrected?

After installing Applezen template, the template cuts off the bottom line of text on all pages. Scroll to the bottom of this page to view an example: http://aaadisplaygroup.net/z137test1/

Can I relocate the add to cart box? I have made extensive use of attributes and the ADD TO CART box appears above the attributes. I would like the cart box to be the very last thing on the page. Customers are likely to add to cart without even seeing necessary attributes. See example here: http://aaadisplaygroup.net/z137test1/index.php?main_page=product_info&cPath=81&products_id=207