Сообщений в теме: 11

[boktar]

Помогите сделать окно одинакового размера, чтобы не закрывало полностью картинку товара при наведении на него курсора.
у разных позиций разный размер сейчас.

Прикрепленные изображения

• 

[Danil]

boktar (02 Октябрь 2014 - 13:21) писал:

Помогите сделать окно одинакового размера, чтобы не закрывало полностью картинку товара при наведении на него курсора.
у разных позиций разный размер сейчас.

Здравствуйте.
Напишите номер аккаунта.

[boktar]

Danil (02 Октябрь 2014 - 13:27) писал:

Здравствуйте.
Напишите номер аккаунта.

Здравствуйте!
SL-310601

[batta]

boktar (02 Октябрь 2014 - 13:34) писал:

Здравствуйте!
SL-310601

в main.css

.prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly {
background: #ffffff;
text-align: center;
min-height: 120px;
opacity: 0;
padding: 20px 5px;
position: absolute;
left: 0;
bottom: -252px;
width: 210px;
display: none;
}

измените на

.prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly {
background: #ffffff;
text-align: center;
min-height: 120px;
opacity: 0;
padding: 0px 5px;
position: absolute;
left: 0;
bottom: -252px;
width: 210px;
display: none;
}

в main.css

.goods-cat-image-medium-square {
width: 130px;
height: 130px;
}

измените на

.goods-cat-image-medium-square {
width: 130px;
height: 170px;
}

[boktar]

Спасибо, а можно ещё увеличить в ширину картинку товара?
примерно на 1 см.

[Danil]

boktar (02 Октябрь 2014 - 14:04) писал:

Спасибо, а можно ещё увеличить в ширину картинку товара?
примерно на 1 см.

Здравствуйте.
В main.css найдите код

.goods-cat-image-medium {
max-width: 130px;
max-height: 130px;
}

И замените на

.goods-cat-image-medium {
min-width: 100%;
max-height: 130px;
}

Далее найдите

.goods-cat-image-medium-square {
width: 130px;
height: 170px;
}

И замените на

.goods-cat-image-medium-square {
width: 100%;
height: 170px;
}

Так же найдите код

.prod_hold > div .prod-info-fly {
width: 130px;
}

И замените на

.prod_hold > div .prod-info-fly {
width: 90%;
}

После найдите

.prod_hold {
width: 130px;
}

В последнем коде изменяйте значение 130px на свое(по экспериментируйте).

[boktar]

спасибо, ширину можно подбирать, но только фото при увеличении ширины растягивается(
и фото в одном месте за границу стало вылазить

[boktar]

Вот так хотелось бы сделать.
(прошу прощения у владельца, что взял без спроса на пример))

Прикрепленные изображения

• 

[Vaccina]

В main.css найдите:

.goods-cat-image-medium {
	max-height: 130px;
	min-width: 100%;
}

замените на:

.goods-cat-image-medium {
	height: auto;
	width: 100%;
}

далее найдите:

.prod_hold > div .prod-info-fly {
	width: 90%;
}

замените на:

.prod_hold > div .prod-info-fly {
	width: 125px;
}

[boktar]

Спасибо, фото встали в свои границы)
А как сделать размер фото, как на скрине в #8 сообщении?

[Vaccina]

как вариант, в main.css найдите:

.prod_hold .image, .prod_hold_recent .image {
	display: block;
	margin: 0 auto;
}

замените на:

.prod_hold .image, .prod_hold_recent .image {
	display: block;
	margin: 0 auto;
	overflow: hidden;
}

далее найдите:

.goods-cat-image-medium {
		height: auto;
		width: 100%;
}

замените на:

.goods-cat-image-medium {
	height: 120px;
	width: auto;
}

в этом случае, фото будут подстраиваться пропорционально под определенную высоту

[boktar]

Спасибо!