Product page display - image sizes and css

I cannot work out how to make my product page look good. The main product image is too small, the thumbnails are the same size as the main product image, the characteristics and other information is shown below the images instead of to the right hand side like in the demo.

I have tried changing the Config > Files image size options, i have tried changing the CSS as per the hikashop documentation, and also tried using the default frontend css that comes with hikashop.

I want to show the product code/sku, but it should be shown separately on a different line in a different sized font and not appended to the product title. It is very messy and confusing doing it this way.

Also my facebook like button is not showing in right position.

Please help! as i'm really starting to get frustrated

Hi woonydanny,

Do you have a custom template on your website ? Sometimes the templates override the default hikashop css. You should maybe edit your templates properties.

For the Facebook like button, you can edit the id: #LikePluginPagelet to move it where you want.
To change the position of the product code, edit the class:

.hikashop_product_code_main{
	display: block;
	margin-top: 10px;
	font-size: 1.4em;
}

	.hika_product_code_show{display: none;}

my template is Shape5's Vertex 2 template

www.shape5.com/demo/vertex/index.php/

screenshot of my images config settings. tried putting in different values in thumbnail sizes, product image sizes etc but these didnt really do much.

thanks nicolas!

ok

1. i have corrected the div#hikashop_product_left_part img.hikashop_child_image{
2. i have turned off auto image height in the vertex framework backend settings
3. i have added .hika_product_code_show{display:none;} to my custom2.css in hikashop
4. i have set product page image width/height to be 250px

as you can see, the thumbnails are now tiny, even though i have set it to be 100px. How do i fix?
also the main image is still quite small and not 250px as set, even though the white space around it grew larger when i put in 250px. How do i fix?

yes, the characteristics etc is now on the right because i bought your style pack and tweaked the red style

it was a caching issue i was seeing with regard to the main image on the product pages.

Thank you for taking the time to explain it. It all makes sense now!!

one more thing regarding images - some of my images were blurry, so i deleted the media/com_hikashop/uploads/thumbnail folders (there are alot of them eg thumbnail_36x25, thumbnail_36x50 etc) and i think that fixed the blurry issue, but now in the popup of the image the images repeat.

for example i have a product with 4 images, but when i click on the image and see it in the popup there are 65 images to scroll through. it is just the 4 images repeated multiple times.

how do i fix? thanks

woonydanny, I'm interested to know how you find Hikashop to work w/ Shape 5 Vertex2 so far and if you could provide a link to your site for me to see? I'm trying to find a template for a client's shop. I've seen in the forum a few people using Vertex, but I know it's not a e-commerce template, so just curious what your experience is.