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

[customer8765]

Заходим в Chrome
http://narasprodage....Kolennye-stulya

Нижние части картинок, где квадратики с цветами, частично скрыты и показываются целиком только при наведении курсором на картинку или надпись "В корзину" под ней.

Заходим в Firefox туда же.
Та же фигня плюс все картинки опять сплющились.

[RayLi]

customer8765 (24 Декабрь 2015 - 20:29) писал:

Заходим в Chrome
http://narasprodage....Kolennye-stulya

Нижние части картинок, где квадратики с цветами, частично скрыты и показываются целиком только при наведении курсором на картинку или надпись "В корзину" под ней.

Заходим в Firefox туда же.
Та же фигня плюс все картинки опять сплющились.

Здравствуйте.
Если я вас правильно понял, то выполните, пожалуйста, следующую инструкцию:
В шаблоне main.css найдите данный код:

.products-grid .item .product-hover .product-image:before {
	border: 6px solid #ffffff;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	transition: all 300ms ease 0s;
}

И замените его вот этим вот кодом:

.products-grid .item .product-hover .product-image:before {
	border: 0px solid #ffffff;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	transition: all 300ms ease 0s;
}

[customer8765]

RayLi (24 Декабрь 2015 - 20:36) писал:

Здравствуйте.
Если я вас правильно понял, то выполните, пожалуйста, следующую инструкцию:
В шаблоне main.css найдите данный код:

.products-grid .item .product-hover .product-image:before {
border: 6px solid #ffffff;
bottom: 0;
content: "";
left: 0;
position: absolute;
z-index: 1;
right: 0;
top: 0;
transition: all 300ms ease 0s;
}

И замените его вот этим вот кодом:

.products-grid .item .product-hover .product-image:before {
border: 0px solid #ffffff;
bottom: 0;
content: "";
left: 0;
position: absolute;
z-index: 1;
right: 0;
top: 0;
transition: all 300ms ease 0s;
}

Частично помогло. В Chrome проблема исчезла, в Firefox стало лучше, но не до конца.
Плюс сплющивание картинок в Firefox никуда не делось.

[customer8765]

RayLi (24 Декабрь 2015 - 20:36) писал:

Здравствуйте.
Если я вас правильно понял, то выполните, пожалуйста, следующую инструкцию:
В шаблоне main.css найдите данный код:

.products-grid .item .product-hover .product-image:before {
border: 6px solid #ffffff;
bottom: 0;
content: "";
left: 0;
position: absolute;
z-index: 1;
right: 0;
top: 0;
transition: all 300ms ease 0s;
}

И замените его вот этим вот кодом:

.products-grid .item .product-hover .product-image:before {
border: 0px solid #ffffff;
bottom: 0;
content: "";
left: 0;
position: absolute;
z-index: 1;
right: 0;
top: 0;
transition: all 300ms ease 0s;
}

Что молчите-то, как Лига наций? будете свои ошибки исправлять или типа так сойдет?

[Firefly]

customer8765 (25 Декабрь 2015 - 00:36) писал:

Что молчите-то, как Лига наций? будете свои ошибки исправлять или типа так сойдет?

Здравствуйте.
Попробуйте выполнить следующее:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.Firefox .products-grid .item .product-hover .product-image img {
								display: block;
								margin: 0px auto;
								width:100%;
								height:auto;
}

Замените на:

.Firefox .products-grid .item .product-hover .product-image img {
								display: block;
								margin: 0 auto;
								height:auto;
}
.Firefox .products-grid .item .product-hover .product-image {display: inline;}