since changing template images are wrong

-- greenmole.de/index.php/tee.html
-- HikaShop version -- : 2.2.2 business
-- Joomla version -- : 3.3.0
-- PHP version -- : 5.3.18
-- Browser(s) name and version -- : Firefox 25.01.1

Hi. I've searched to see if anyone else has the same problem but I can't see so.

I installed a new template a few days ago - Ignite from JoomlaBamboo which has been specifically designed for HikaShop. (I told them that I thought HikaShop seemed much better and easier to use than any of the other shopping extensions I had tried). It's looking really good - except that image sizes are now all wrong. And even the wrong way round: the images on the product listing page are much too big and fuzzy, while the images on the actual individual product page are smaller and reasonably clear. This seems to be related to the template (I switched to an older template to check) but the tech guy at JoomlaBamboo can't see what's wrong and they haven't had any other complaints. I had a quick look at the page with firebug but I am not particularly sure what exactly what I would be looking for.

I may have messed up my HikaShop settings by trying to change them in too many different places in an attempt to fix the problem (before I discovered that it seems to be related to the template).*

I was thinking of de-installing HikaShop, trashing all my data and then starting off fresh. But before I do this, do you have any better suggestions?

Thank you very much!

p.s. : I don't know if I made it clear that I tried to change the image sizes in just about every possible place I could see but nothing made any difference. This is why I am considering trashing everything and starting again.

Hi,
Regarding your product image size, you'll be able to change it through options of the image tab of the page : "Hikashop->System->Configuration". Also, note that you can change the size of your image by using some CSS code, so you can give a link to your product page so that I can see from where your problem is coming from.

Regarding your product image size, you'll be able to change it through options of the image tab of the page : "Hikashop->System->Configuration".

Sorry, I thought I had made it clear that nothing I do within the HikaShop configuration makes any difference - that's why I was considering trashing my data, de-installing hikashop and doing a new installation. I did just try making all the custom settings "inherit" in the hope that if I have image size configured in only one place rather than possibly conflicting places that would help but there's no difference.

There is a bit in the css that says
.thumbnail div.hikashop_product_image_subdiv {
width: 100% !important;
... maybe I should change the 100% ...?
or perhaps you can recommend some other css change?

The link to the product listing page is greenmole.de/index.php/tee.html
and an individual product page is for instance: greenmole.de/index.php/tee/product/show/...e-reiche-fuelle.html

Hi,

I think that the template is overriding our css properties. So the changes needs to be made in your template css file.
Actually both links returns a 404 error, I think that you are trying to re-install HikaShop.

Hi Xavier,

I managed to get the thumbnail images the correct size by adding a line to the custom.css file :
.thumbnail .hikashop_product_image img {width: inherit;}

this to replace the regular css:
.thumbnail div.hikashop_product_image_subdiv {
width: 100% !important;

The thumbnail images are now the correct size but aligned left instead of in the centre of the box. Do you know if I can change this anywhere within regular Hikashop settings (I couldn't see where) or do I need another line of custom css?

merci!

Hi,

You need to add a margin: auto; on the image.