Too much space under product image

-- HikaShop version -- : 2.6.0

Hi I am struggling with the display of images, there is a large gap between the image and the description, is this a configuration issue? I have attached a screenshot to show.

Sorry I don't quite understand this is not a menu item it is when I click on a category this is what is displayed also the module "recent items" it is happening there also, looked at the module settings but can't figure it out.

Found it, it was in the hikashop hidden menus as category layout, played about with the item layout and fixed now
Thank You

Hi,

So if it is not related on the settings of the menu / module displaying this listing, this is maybe coming from a code we added in order to allow to have the same height for all the divs of a listing.
Please edit the view "product / listing_div" and remove the code:

data-consistencyheight=".hikashop_subcontainer"

Hi,

I have the data consistency attribute in product / listing_div view yet the listing page has non-consistent box sizes. Am I missing something?

Thank you =)

Hi nicolas,

Thank you for checking, under Display -> Views -> Front End -> Protostar -> Product -> Listing_Div, I do have the consistent height attribute:

<?php
	}
	$attributes = '';
	if($columns>1 && $this->params->get('consistencyheight',1)){
		$attributes .= 'data-consistencyheight=".hikashop_subcontainer"';
	}
?>
	<div class="hikashop_products" <?php echo $attributes; ?>>

Hi nicolas,

Thank you for your replies =)

Realized that after changing the javascript, the container height doesn't get immediately applied correctly (see attachment), and will only display correctly after refreshing the page. Visitors may mistake that the site is faulty. Is there something else that needs to be changed for the browser to render the heights correctly on first loading?

1) As for the calling of product sale end date on the product listing view, I tried this code:

if ($this->row->product_sale_end > date("j-F-Y g:i:A")) {
echo "Promotion will expire " . hikashop_getDate($this->row->product_sale_end);
}else if ($this->row->product_sale_end <= date("j-F-Y g:i:A")) {
echo "Promotion expired";
}else{
echo "Ongoing";
}

but it always returns "Promotion expired" even if the product sale end date is in the future. Is there something else I need to add?

2) If I want the display to sort according to:
a) Active products arranged by product_ID in descending order
b) Expired products (product sale end date over) arranged by product_ID in descending order behind all active products
how do I do that without using filters if I don't want the user to sort it? (I think this is a simpler way than letting users sort themselves)

3) Noted your plugin, thank you =)

Hi nicolas,

0. That makes the subcontainers not have consistent height instead, how to retain the consistent height without having them stack up on first load? (The issue gets resolved on refreshing -> that means Shift+F5 on Chrome will cause the subcontainers to stack, then F5 will let it display normally)

1. I've gotten that part with the code

if ($this->row->product_sale_end > date("U")) {
	echo "Promotion until " . hikashop_getDate($this->row->product_sale_end);
}else if ($this->row->product_sale_end <= date("U")) {
	echo "Promotion expired";
}else if ($this->row->product_sale_end = '') {
	echo "Ongoing";
}

Hi Jerome,

0. It is OK in Chrome and mobile IE, just need to reload the page. However it doesn't work on Safari at all - stacked up and doesn't display correctly even after refreshing. Is it a problem with the parents.length and elems.length not being loaded properly? How do I get the height consistency feature to work on first load?

1. Thank you for pointing out, I have modified it and reordered the if else statements so it works now. Here's the code if it could help anyone:

if ($this->row->product_sale_end == '0') {
echo "Ongoing";
}else if ($this->row->product_sale_end > date("U")) {
echo "Promotion until " . hikashop_getDate($this->row->product_sale_end);
}else if ($this->row->product_sale_end <= date("U")) {
echo "Promotion expired";
}

2. I think it's a similar issue to sort a product listing based on unlimited stock, limited stock and no stock? I realised the display requires 3 queries..
a) product_sale_end > date("U"), order by product_id DESC
b) product_sale_end == 0, order by product_id DESC
c) product_sale_end < date ("U") && != 0, order by product_id DESC
How can I get the trigger to sort the product listing according to this configuration?

3. I'm also using the Random Products module but have one issue - how to let the module select ONLY the products that have not past the product_sale_end date? That means don't display expired products.

Thank you =)

Hi nicolas,

0. Updated to 2.6.4, the loading issue should be fixed =)

2. I believe repeating the function call 3 times with the trigger activating 3 times will be complicated, as also need to maintain the display flow, instead of displaying 3 form results. An alternative would be to shift all expired products to another category automatically upon expiry (to potentially allow for implementation of add to wishlist function). However this trigger is not available under mass actions. Is there a way to configure expired products to be automatically recategorised upon expiry to another category?

3. The plugin affects all products on front end, I can remove the filters for product_sale_start and product_sale_end=0 to affect only those expired, but how to restrict it to affect only the products displayed under Random Products? Of course if the task in point 2 can be accomplished (is it with a cron task?) then there's no problem just need to draw the random products from the active category.

Thank you =)

Hi nicolas,

I have set up the mass action as follows:

MASS ACTION 1
Data: Product
Product Triggers: Every days
Filters
1. Category columns - category_column = Billboard
2. Product columns - product_sale_end <= {time}
Actions
1. Update the categories - Remove - Billboard
2. Update the categories - Add - Past Goodies

MASS ACTION 2
Similar except product_sale_end = 0 and the Actions in reverse (Remove from Past Goodies, Add to Billboard) to move those without sale end date specified (value = 0) back to Billboard, and trigger set to Every minutes so that it activates once after Mass Action 1 is triggered

When I click Process in sequence (Mass Action 1, then Mass Action 2), it works OK. But it doesn't automatically process upon the time trigger. Which means I have to manually process the action, and that defeats the purpose of automating. Or did I miss out anything in setting up the Mass Actions?

Thank you =)

Hi Nicolas,

The Cron URL works: www.orz.com.sg/index.php?option=com_hikashop&ctrl=cron

I'm checking with the host provider as well.

You can see the screen grab of the Mass Action set up in the attachment - it's set to trigger everyday but it doesn't, did I set the Mass Action up incorrectly?

Thank you =)