Hi,
This exact effect is added by the template we're using on the demo website, which is a third party template.
HikaShop has its own hover effect with the Business edition. For that, when you edit a product listing menu item or module via Joomla, you can go under the Products options tab (or HikaShop options tab for modules) and change the item layout setting to Fade or slider_vertical.
And if you want to switch which information is displayed in which area, you can edit the product / listing_fade or product / listing_slider_vertical view files via the menu Display>Views and use the drag & drop interface to swap the elements around.
Now, if you want to add extra information like dimensions, you'll have to add a bit of custom code to the view file.
For example, you could add this code to add the dimensions:
<?php echo $this->row->product_length.' x '.$this->row->product_width.' x '.$this->row->product_height.' '.$this->row->product_dimension_unit; ?>