[Skip to main content](#vessel-content)

#   Category images overlap

##

- **[SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile")**
- [![SnoozeULooze.co.za's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile") Topic Author
- [ Offline](/forum/user/28906-snoozeulooze-co-za)

Less More

- Posts: 104
- Thank you received: 2
-
-

10 years 2 months ago -  10 years 2 months ago [\#247207](#247207) by [SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile")  *[Category images overlap](/forum/26-product-category-display/885924-category-images-overlap#247207 "-- HikaShop version -- : 2.6.0  Hi I am having a problem with the category images, please find attached an image with 3 screen prints 1 - Is when I load the category page (no image width or height set) 2 - If I refresh the same page it then displays correctly 3 - If is set fixed image sizes it loads correctly and does not overlap but creates a horrible blank space instead.  Please let me know how to fix this, I am willing to renew my subscription and download the latest version if this will fix the problem.")* was created by *[SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile")*

-- HikaShop version -- : 2.6.0

Hi
I am having a problem with the category images, please find attached an image with 3 screen prints
1 - Is when I load the category page (no image width or height set)
2 - If I refresh the same page it then displays correctly
3 - If is set fixed image sizes it loads correctly and does not overlap but creates a horrible blank space instead.

Please let me know how to fix this, I am willing to renew my subscription and download the latest version if this will fix the problem.

- [ ![overlap.jpg](/forum/attachment/32954) ](/forum/attachment/32954 "overlap.jpg") [ ](/forum/attachment/32954?download=1 "overlap.jpg")

Last edit: 10 years 2 months ago by [SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODU5MjQtY2F0ZWdvcnktaW1hZ2VzLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86290
- Thank you received: 14268
-
-

10 years 2 months ago [\#247215](#247215) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Category images overlap](/forum/26-product-category-display/885924-category-images-overlap#247215 "-- HikaShop version -- : 2.6.0  Hi I am having a problem with the category images, please find attached an image with 3 screen prints 1 - Is when I load the category page (no image width or height set) 2 - If I refresh the same page it then displays correctly 3 - If is set fixed image sizes it loads correctly and does not overlap but creates a horrible blank space instead.  Please let me know how to fix this, I am willing to renew my subscription and download the latest version if this will fix the problem.")*

Hi,

You want to edit the file "listing_div" of the view "category" via the menu Display>Views and remove the code:
data-consistencyheight=".hikashop_subcontainer"

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODU5MjQtY2F0ZWdvcnktaW1hZ2VzLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile")**
- [![SnoozeULooze.co.za's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile") Topic Author
- [ Offline](/forum/user/28906-snoozeulooze-co-za)

Less More

- Posts: 104
- Thank you received: 2
-
-

10 years 2 months ago [\#247387](#247387) by [SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile")  Replied by *[SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile")* on topic *[Category images overlap](/forum/26-product-category-display/885924-category-images-overlap#247387 "-- HikaShop version -- : 2.6.0  Hi I am having a problem with the category images, please find attached an image with 3 screen prints 1 - Is when I load the category page (no image width or height set) 2 - If I refresh the same page it then displays correctly 3 - If is set fixed image sizes it loads correctly and does not overlap but creates a horrible blank space instead.  Please let me know how to fix this, I am willing to renew my subscription and download the latest version if this will fix the problem.")*

Hi

I can't find that line of code in the listing_div Code:

<?php /** * @package HikaShop for Joomla! * @version 2.6.0 * @author hikashop.com * @copyright (C) 2010-2015 HIKARI SOFTWARE. All rights reserved. * @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html */ defined('_JEXEC') or die('Restricted access'); ?><?php $mainDivName=$this->params->get('main_div_name'); $carouselEffect=$this->params->get('carousel_effect'); $enableCarousel=$this->params->get('enable_carousel'); $textCenterd=$this->params->get('text_center'); $this->align="left"; if($textCenterd){ $this->align="center"; } $height=$this->params->get('image_height'); $width=$this->params->get('image_width'); $borderClass=""; if($this->params->get('border_visible',1) == 1){ $borderClass="hikashop_subcontainer_border"; } if($this->params->get('border_visible',1) == 2){ $borderClass="thumbnail"; } if(empty($width) && empty($height)){ $width=$this->image->main_thumbnail_x; $height=$this->image->main_thumbnail_y; } $exists=false; if(!empty($this->rows)){ $row=reset($this->rows); if(!empty($row->file_path)){ jimport('joomla.filesystem.file'); if(JFile::exists($row->file_path)){ $exists=true; }else{ $exists=false; } } } if(!$exists){ $config = hikashop_config(); $path = $config->get('default_image'); if($path == 'barcode.png'){ $file_path=HIKASHOP_MEDIA.'images'.DS.'barcode.png'; } if(!empty($path)){ jimport('joomla.filesystem.file'); if(JFile::exists($this->image->main_uploadFolder.$path)){ $exists=true; } }else{ $exists=false; } if($exists){ $file_path=$this->image->main_uploadFolder.$path; } }else{ $file_path=$this->image->main_uploadFolder.$row->file_path; } if(!empty($file_path)){ if(empty($width)){ $imageHelper=hikashop_get('helper.image'); $theImage = new stdClass(); list($theImage->width, $theImage->height) = getimagesize($file_path); list($width, $height) = $imageHelper->scaleImage($theImage->width, $theImage->height, 0, $height); } if(empty($height)){ $imageHelper=hikashop_get('helper.image'); $theImage = new stdClass(); list($theImage->width, $theImage->height) = getimagesize($file_path); list($width, $height) = $imageHelper->scaleImage($theImage->width, $theImage->height, $width, 0); } } $this->newSizes = new stdClass(); $this->newSizes->height=$height; $this->newSizes->width=$width; $this->image->main_thumbnail_y=$height; $this->image->main_thumbnail_x=$width; $app = JFactory::getApplication(); $in_hikashop_context = (JRequest::getString('option') == HIKASHOP_COMPONENT && in_array(JRequest::getString('ctrl','category'), array('category', 'product'))); $cid = 0; $last_category_selected = 0; if($in_hikashop_context) { if(JRequest::getString('ctrl','category') == 'product' && JRequest::getString('task','listing') == 'show') { $last_category_selected = (int)$app->getUserState(HIKASHOP_COMPONENT.'.last_category_selected', 0); $config =& hikashop_config(); $pathway_sef_name = $config->get('pathway_sef_name', 'category_pathway'); $cid = JRequest::getInt($pathway_sef_name, 0); } else { $cid = JRequest::getInt('cid', 0); } } if(!empty($this->rows)){ $pagination = $this->config->get('pagination','bottom'); if(in_array($pagination,array('top','both')) && $this->params->get('show_limit') && $this->pageInfo->elements->total > $this->pageInfo->limit->value){ $this->pagination->form = '_top'; ?> <form action="<?php echo hikashop_currentURL();?>" method="post" name="adminForm_<?php echo $this->params->get('main_div_name').$this->category_selected;?>_top"> <div class="hikashop_subcategories_pagination hikashop_subcategories_pagination_top"> <?php echo $this->pagination->getListFooter($this->params->get('limit')); ?> <span class="hikashop_results_counter"><?php echo $this->pagination->getResultsCounter(); ?></span> </div> <input type="hidden" name="filter_order_<?php echo $this->params->get('main_div_name').$this->category_selected;?>" value="<?php echo $this->pageInfo->filter->order->value; ?>" /> <input type="hidden" name="filter_order_Dir_<?php echo $this->params->get('main_div_name').$this->category_selected;?>" value="<?php echo $this->pageInfo->filter->order->dir; ?>" /> <?php echo JHTML::_( 'form.token' ); ?> </form> <?php } ?> <div class="hikashop_subcategories" data-consistencyheight=".hikashop_subcontainer"> <?php if($enableCarousel){ $this->setLayout('carousel'); echo $this->loadTemplate(); } else{ $columns = (int)$this->params->get('columns'); if(empty($columns) || $columns<1) $columns = 1; $width = (int)(100/$columns)-1; $current_column = 1; $current_row = 1; if($this->params->get('only_if_products','-1')=='-1'){ $config =& hikashop_config(); $defaultParams = $config->get('default_params'); $this->params->set('only_if_products',@$defaultParams['only_if_products']); } $only_if_products = $this->params->get('only_if_products',0); if(HIKASHOP_RESPONSIVE) { switch($columns) { case 12: case 6: case 4: case 3: case 2: case 1: $row_fluid = 12; $span = $row_fluid / $columns; break; case 10: case 8: case 7: $row_fluid = $columns; $span = 1; break; case 5: $row_fluid = 10; $span = 2; break; case 9: // special case $row_fluid = 10; $span = 1; break; } $span = constant('HK_GRID_COL_'.$span); if($row_fluid == 12) echo '<div class="'.HK_GRID_ROW.'">'; else echo '<div class="row-fluid-'.$row_fluid.'">'; if(HK_GRID_THUMBNAILS !== false && HK_GRID_THUMBNAILS != '') echo '<ul class="'.HK_GRID_THUMBNAILS.'">'; } $found = 0; if($in_hikashop_context) { $found = $last_category_selected; foreach($this->rows as $row) { if($cid == $row->category_id) { $found = (int)$row->category_id; $app->setUserState(HIKASHOP_COMPONENT.'.last_category_selected', (int)$row->category_id); break; } } } $current_parent_category = 0; foreach($this->rows as $row){ if (!empty($row->childs) && array_key_exists($found, $row->childs)) $current_parent_category = $row->childs[$found]->category_parent_id; } foreach($this->rows as $row){ if($only_if_products && $row->number_of_products<1) continue; $class = ($found == $row->category_id) ? ' hikashop_current_category' : ''; $class = ($current_parent_category == $row->category_id) ? ' hikashop_current_parent_category' : ''; if(!HIKASHOP_RESPONSIVE) { ?> <div class="hikashop_category hikashop_category_column_<?php echo $current_column; ?> hikashop_category_row_<?php echo $current_row.$class; ?>" style="width:<?php echo $width;?>%;"> <div class="hikashop_container"> <div class="hikashop_subcontainer <?php echo $borderClass; ?>"> <?php } else { ?> <<?php echo (HK_GRID_THUMBNAILS !== false && HK_GRID_THUMBNAILS != '') ? 'li' : 'div'; ?> class="<?php echo $span; ?> hikashop_category hikashop_category_column_<?php echo $current_column; ?> hikashop_category_row_<?php echo $current_row.$class; ?>"> <div class="hikashop_container"> <div class="hikashop_subcontainer <?php echo $borderClass; ?>"> <?php } $this->row =& $row; echo $this->loadTemplate($this->params->get('div_item_layout_type')); if($this->params->get('child_display_type','inherit')=='inherit'){ $config =& hikashop_config(); $defaultParams = $config->get('default_params'); $this->params->set('child_display_type',$defaultParams['child_display_type']); } if($this->params->get('child_limit','')==''){ $config =& hikashop_config(); $defaultParams = $config->get('default_params'); $this->params->set('child_limit',$defaultParams['child_limit']); } switch($this->params->get('child_display_type')){ case 'nochild': default: break; case 'allchildsexpand': $limit = $this->params->get('child_limit'); case 'allchilds': if(!empty($this->row->childs)){ ?> <ul class="hikashop_category_list"> <?php $i=0; foreach($this->row->childs as $child){ if($only_if_products && $child->number_of_products<1) continue; if(!empty($limit) && $i >= $limit){ break; } $i++; $link = $this->getLink($child); $class = ($found == $child->category_id) ? ' hikashop_current_subcategory' : ''; ?> <li class="hikashop_category_list_item<?php echo $class; ?>"> <a href="<?php echo $link; ?>"> <?php echo $child->category_name; if($this->params->get('number_of_products',0)){ echo ' ('.$child->number_of_products.')'; } ?> </a> </li> <?php } ?> </ul> <?php } break; } if(!HIKASHOP_RESPONSIVE) { ?> </div> </div> </div> <?php } else { ?> </div> </div> </<?php echo (HK_GRID_THUMBNAILS !== false && HK_GRID_THUMBNAILS != '') ? 'li' : 'div'; ?>> <?php } if($current_column>=$columns){ $current_row++; if(!HIKASHOP_RESPONSIVE) { ?> <div style="clear:both"></div> <?php } $current_column=0; } $current_column++; } if(HIKASHOP_RESPONSIVE) { if(HK_GRID_THUMBNAILS !== false && HK_GRID_THUMBNAILS != '') echo '</ul>'; echo '</div>'; } } ?><div style="clear:both"></div> </div> <?php if(in_array($pagination,array('bottom','both')) && $this->params->get('show_limit') && $this->pageInfo->elements->total > $this->pageInfo->limit->value){ $this->pagination->form = '_bottom'; ?> <form action="<?php echo hikashop_currentURL();?>" method="post" name="adminForm_<?php echo $this->params->get('main_div_name').$this->category_selected;?>_bottom"> <div class="hikashop_subcategories_pagination hikashop_subcategories_pagination_bottom"> <?php echo $this->pagination->getListFooter($this->params->get('limit')); ?> <span class="hikashop_results_counter"><?php echo $this->pagination->getResultsCounter(); ?></span> </div> <input type="hidden" name="filter_order_<?php echo $this->params->get('main_div_name').$this->category_selected;?>" value="<?php echo $this->pageInfo->filter->order->value; ?>" /> <input type="hidden" name="filter_order_Dir_<?php echo $this->params->get('main_div_name').$this->category_selected;?>" value="<?php echo $this->pageInfo->filter->order->dir; ?>" /> <?php echo JHTML::_( 'form.token' ); ?> </form> <?php } }

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODU5MjQtY2F0ZWdvcnktaW1hZ2VzLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")**
- [![lousyfool's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28604.jpg)](/forum/user/28604-lousyfool "View lousyfool's Profile")
- [ Offline](/forum/user/28604-lousyfool)

Less More

- Posts: 2143
- Thank you received: 747
-
- [](http://www.inphase.one)
-

10 years 2 months ago [\#247388](#247388) by [lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")  Replied by *[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")* on topic *[Category images overlap](/forum/26-product-category-display/885924-category-images-overlap#247388 "-- HikaShop version -- : 2.6.0  Hi I am having a problem with the category images, please find attached an image with 3 screen prints 1 - Is when I load the category page (no image width or height set) 2 - If I refresh the same page it then displays correctly 3 - If is set fixed image sizes it loads correctly and does not overlap but creates a horrible blank space instead.  Please let me know how to fix this, I am willing to renew my subscription and download the latest version if this will fix the problem.")*

It's there. Around line 62 find this: Code:

<div class="hikashop_products" data-consistencyheight=".hikashop_subcontainer">

and change it to: Code:

<div class="hikashop_products">

---

Need help with customisations of layouts, style or other site development? [ PM me!](/component/uddeim/?task=new)
(Don't forget to turn on [ "E-mail notification of new messages"](/component/uddeim/?task=settings))

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODU5MjQtY2F0ZWdvcnktaW1hZ2VzLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile")**
- [![SnoozeULooze.co.za's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile") Topic Author
- [ Offline](/forum/user/28906-snoozeulooze-co-za)

Less More

- Posts: 104
- Thank you received: 2
-
-

10 years 2 months ago [\#247389](#247389) by [SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile")  Replied by *[SnoozeULooze.co.za](/forum/user/28906-snoozeulooze-co-za "View SnoozeULooze.co.za's Profile")* on topic *[Category images overlap](/forum/26-product-category-display/885924-category-images-overlap#247389 "-- HikaShop version -- : 2.6.0  Hi I am having a problem with the category images, please find attached an image with 3 screen prints 1 - Is when I load the category page (no image width or height set) 2 - If I refresh the same page it then displays correctly 3 - If is set fixed image sizes it loads correctly and does not overlap but creates a horrible blank space instead.  Please let me know how to fix this, I am willing to renew my subscription and download the latest version if this will fix the problem.")*

Thank you I found it on line 118, clearly, I was not looking properly.

The fix seems to have worked thanks for the help

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODU5MjQtY2F0ZWdvcnktaW1hZ2VzLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.216 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)