Page 1 of 2
Horizontal outline images detailview
Posted: 08 Nov 2015, 00:30
by 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
Re: Horizontal outline images detailview
Posted: 08 Nov 2015, 13:41
by 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
Re: Horizontal outline images detailview
Posted: 08 Nov 2015, 13:54
by 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
Re: Horizontal outline images detailview
Posted: 08 Nov 2015, 15:19
by 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
Re: Horizontal outline images detailview
Posted: 08 Nov 2015, 18:29
by 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
Re: Horizontal outline images detailview
Posted: 08 Nov 2015, 19:09
by 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
Re: Horizontal outline images detailview
Posted: 08 Nov 2015, 19:47
by keesk
Changed 'Prijs' ??????
What was wrong with the pricing of this beautiful handmade christmastree????????.
It works well now, many thanks
Re: Horizontal outline images detailview
Posted: 08 Nov 2015, 20:06
by 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
Re: Horizontal outline images detailview
Posted: 08 Nov 2015, 20:08
by keesk
I noticed
Thank you for your help.
Re: Horizontal outline images detailview
Posted: 08 Nov 2015, 20:14
by christine
graag gedaan & wens jou nog goede avond,
Christine