Results 1 to 3 of 3
  1. #1
    Join Date
    Jul 2007
    Posts
    16
    Plugin Contributions
    0

    Default Category Image to display next to description

    When I created a new categories under Catalog > Categories/Products, I added a Categories Description and a Category Image. When I select that link from the Category sidebox I get the Categories Description on the top and the list of products beneath it but the Category Image is not showing. I dont want these to be the category navigation image kind. I would like this image to go next to my categories description. I though this was something I could turn on from the admin but no luck. What do I need to do?

  2. #2
    Join Date
    Jul 2007
    Posts
    16
    Plugin Contributions
    0

    Default Re: Category Image to display next to description

    I think i figured it out. I added the following line to my tpl_index_product_list.php next to my categories description and floated left.

    PHP Code:
    <?php echo zen_image(DIR_WS_IMAGES zen_get_categories_image($current_category_id), zen_get_categories_name($current_category_id) ) ?>
    I suppose this one would work to:

    PHP Code:
    <?php echo zen_image(DIR_WS_IMAGES $categories_image''CATEGORY_ICON_IMAGE_WIDTHCATEGORY_ICON_IMAGE_HEIGHT); ?>
    Is there another way? also how can I size the image equaly since some are longer in width than height.

  3. #3
    Join Date
    Jul 2007
    Posts
    16
    Plugin Contributions
    0

    Default Re: Category Image to display next to description

    Ok. I actually answered all my questions. Here is what I came up with:

    In the tpl_index_product_list.php, I changed what was in between the // categories_description to the following:

    // categories_description
    if ($current_categories_description != '') {
    ?>
    <div class="categoryimg"><?php if ($categories_image = zen_get_categories_image($current_category_id)) { ?>
    <?php echo zen_image(DIR_WS_IMAGES . $categories_image, '', CATEGORY_ICON_IMAGE_WIDTH, CATEGORY_ICON_IMAGE_HEIGHT); ?>
    <?php
    } ?>
    </div>
    <div id="indexProductListCatDescription" class="content"><?php echo $current_categories_description; ?></div>
    <?php } // categories_description ?>

    Then I floated "categoryimg" left added some padding to the right then because some of my images where different sizes I went to Configuration > Images and changed the Category Icon Image Width - Product Info Pages to 126 and Category Icon Image Height- Product Info Pages to 109.

 

 

Similar Threads

  1. Moving Category description next to category icon
    By cshart in forum Setting Up Categories, Products, Attributes
    Replies: 1
    Last Post: 18 May 2012, 11:11 PM
  2. Category description next to image
    By Kryspen in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 2 Apr 2010, 09:28 AM
  3. Short Description Next to Image
    By ryanb4614 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 22 Nov 2009, 06:53 PM
  4. Product Description next to Image on Product Info Display
    By cshart in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 23 Nov 2007, 04:02 AM
  5. Category view: changing product display column width - image, description, price?
    By azenuser in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 8 Feb 2007, 10:31 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg