Horizontal outline images detailview

[keesk]

Hi there,

Is there a possibility to line out the images in the product-detailview in a horizontal way, as they are now lined as a collum.

Kind regards, Kees

[christine]

Hi Kees,

Could we see it please, where this occurs?

Do you mean like this: https://www.phoca.cz/phocacartdemo/item/10-audi-a1 (Demo)

Kind regards, Christine

[keesk]

Hi Christine,

That's what I ment.

It occurs with all the items in the shop, f.e. http://furnidure.nl/shop/item/4-kerstboom

[christine]

Hi Kees,

Hmm, think it depends on the template. Just an idea:

Probeer maar even: (add the red one) to:

main.css / line 162

.ph-item-image-full-box {
    float: left;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    text-align: center;
}

line 28

.ph-image,
.ph-image-full {
text-align: center;
margin: 0 auto;
padding-top:10px;
}

groetjes, Christine

[keesk]

That's better

But what I actually ment was to place the thumbnails under the large image in a horizontal way.
Now they are located beside the enlarged photo.

Groetjes, Kees

[christine]

aha, he he

Zo, dan het: "float:left; van het 1. code / line 162 eruitgooien.

En dan op het eind van template.css doen:

Code: Select all

.ph-item-image-add-box img  {
  padding-left:10px;
  float:left;
  display:inline-flex;
  margin-left:25px;  
}
.ph-item-price-box  {
float:left;
padding-top:10px;
  margin-left:5px;
}

.ph-price-txt {
margin-right:10px;
}

Heb er ok het "prijs" verandered. Tot straks
Christine

[keesk]

Changed 'Prijs' ??????
What was wrong with the pricing of this beautiful handmade christmastree????????.

It works well now, many thanks

[christine]

Hi Kees,

The handmade christmastree is wonderful

So, "remove" temporary this code:

Code: Select all

.ph-item-price-box  {
float:left;
padding-top:10px;
  margin-left:5px; }

then you will see, that the word "Prijs" was/is on the left side, but the "€ xx" on the right side

groetjes, Christine

[keesk]

I noticed
Thank you for your help.

[christine]

graag gedaan & wens jou nog goede avond,
Christine