2 questions:
1) How can I change the distance (or amount of white space) between the product picture and the product price of the featured products module displayed in the tabs position (attachment 1)

And how can I change the format of the picture to completely fille the image frame?

2)How/where can I change the settings of the productpage which is displayed after clicking on the product? So that the page looks like the product page in the demo? (attachment 2)

And how can I enable the <> forward/backard arrows on that page


Oh, thats 4 questions already ...

P.s. I have copied the module settings as described on the documentation page of the new lifestyle template

Hi

Do you have a link for the site?

Cheers
Paul

www.alphawaxing.nl
But I am developing local because I dont want to interrupt the online environment.

Hi

I can't seem to see the module in question - can you add a url for the tabs page together with a products page

Looking at the screenshot I do think the tabs one is a hikashop setting

Cheers
Paul

Hi Paul,

I made a copy of the live site and placed it on my NAS server. You can reach it on

I have actived the hikashop modules.

The image is a setting as the height is added inline

element.style {
height: 300px;
}

I can't quite remember off the top of my head where that setting is

Cheers
Paul

I think the image setting is off for the main product image as well its too small but also add these stylings

@media (min-width: 1200px) {
.row-fluid .hikashop_product_left_part[class*="span"] {margin-left: 0;}
}

@media (max-width: 1199px) and (min-width: 980px) {
.row-fluid .hikashop_product_left_part[class*="span"] {margin-left: 0;}
}

@media (max-width: 767px) and (min-width: 600px) {
.row-fluid .hikashop_product_left_part[class*="span"] {margin-left: 0;}
}

Cheers
Paul

In hikashop I found 3 places to modify the image settings:
- In the system configuration | display: I have turned of the front-end css file as is suggested on the documentation page (1)
- In the system configuration | main | display (2)
- In the display| content module (3)

I dont know which image setting it is to change

If not sure add this

.hikashop_products .hikashop_product_image {
height: auto !important;
}

Cheers
Paul