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

[Юля123]

tanch (29 Декабрь 2015 - 12:47) писал:

Сделала изменения, снова картинки стали большими, не влазят в рамки и, соответственно - обрезаются!!!

В main.css код:

@media all and (min-width: 980px) and (max-width: 1200px) {
.Firefox .products-grid .item .item-inner .item-img .item-img-info a.product-image img {width: auto;max-width: 144px;max-height: 144px;}
}
.Firefox .products-grid .item .item-inner .item-img .item-img-info a.product-image img {width: auto;max-width: 187px;max-height: 187px;}

замените на код:

@media all and (min-width: 980px) and (max-width: 1200px) {
.Firefox .products-grid .item .item-inner .item-img .item-img-info a.product-image img {width: auto;max-width: 144px;max-height: 144px;}
.Firefox .products-grid .item .item-inner .item-img .item-img-info a.product-image-catalog img {width: auto;max-width: 144px;max-height: 144px;}
}
.Firefox .products-grid .item .item-inner .item-img .item-img-info a.product-image img {width: auto;max-width: 187px;max-height: 187px;}
.Firefox .products-grid .item .item-inner .item-img .item-img-info a.product-image-catalog img {width: auto;max-width: 187px;max-height: 187px;}

[tanch]

Спасибо!
Подскажите пожалуйста какой параметр отвечает за расстояние между рядами?

[Vaccina]

Сайт - Редактор шаблонов - main,css -

.sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid .item {
	margin-top: 47px;
}

изменяйте значение стиля, чтобы уменьшить или увеличить отступ между рядами товаров.

[tanch]

Vaccina (30 Декабрь 2015 - 01:10) писал:

Сайт - Редактор шаблонов - main,css -

.sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid .item {
margin-top: 47px;
}

изменяйте значение стиля, чтобы уменьшить или увеличить отступ между рядами товаров.

Спасибо!

Оказывается везде отображается по-разному
Firefiox: картинки нужного размера, расстояние между рядами не меняется


IE: картинки остались большими (обрезаются), расстояние - всё хорошо, реагирует


Google Chrome: картинки нужного размера, расстояние между рядами не меняется

[Vaccina]

Попробуйте выставить 0 значение и почистить кэш, в Mozilla  у меня изменения отображаются.
В main.css найдите:

.IE .products-grid .item .item-inner .item-img .item-img-info a.product-image img {width: auto;max-width: 250px;}

замените на:

.IE .products-grid .item .item-inner .item-img .item-img-info a.product-image img {width: auto;max-width: 200px;height:auto;}

[tanch]

Vaccina (30 Декабрь 2015 - 02:39) писал:

Попробуйте выставить 0 значение и почистить кэш, в Mozilla  у меня изменения отображаются.
В main.css найдите:

.IE .products-grid .item .item-inner .item-img .item-img-info a.product-image img {width: auto;max-width: 250px;}

замените на:

.IE .products-grid .item .item-inner .item-img .item-img-info a.product-image img {width: auto;max-width: 200px;height:auto;}

Сделала. Почистила кэш во всех браузерах, сделала рекомендуемые изменения
Ничего не изменилось!!

[Vaccina]

Расстояние изменилось у товаров на главной странице, для товаров в категории в main.css найдите:

.products-grid .item .item-inner {
	position: relative;
	height: 380px;
}

и уменьшите значение стиля height или уберите его совсем.

[tanch]

Vaccina (30 Декабрь 2015 - 04:46) писал:

Расстояние изменилось у товаров на главной странице, для товаров в категории в main.css найдите:

.products-grid .item .item-inner {
position: relative;
height: 380px;
}

и уменьшите значение стиля height или уберите его совсем.

Спасибо! работает

Осталось только в IE исправить - картинки большие и обрезаются

[Vaccina]

Попробуйте:

.products-grid .item .item-inner .item-img .item-img-info a.product-image-catalog img {max-width:100%;}

попробуйте заменить на:

.products-grid .item .item-inner .item-img .item-img-info a.product-image-catalog img {max-width:100%;width:auto}

[tanch]

Vaccina (30 Декабрь 2015 - 07:24) писал:

Попробуйте:

.products-grid .item .item-inner .item-img .item-img-info a.product-image-catalog img {max-width:100%;}

попробуйте заменить на:

.products-grid .item .item-inner .item-img .item-img-info a.product-image-catalog img {max-width:100%;width:auto}

Нет, не помогает..
в ИнтернетЭксплоере только так, хотя у меня 3 браузера только
там дело в том что и рамочки вокруг картинки товара не квадратные, а вытянутые и видимо поэтому картинка стремится занять всю рамку по вертикали


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

[Юля123]

tanch (30 Декабрь 2015 - 07:38) писал:

Нет, не помогает..
в ИнтернетЭксплоере только так, хотя у меня 3 браузера только
там дело в том что и рамочки вокруг картинки товара не квадратные, а вытянутые и видимо поэтому картинка стремится занять всю рамку по вертикали
ие.jpg

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

Здравствуйте, какой версией браузера IE вы пользуетесь? Прикрепите так же ссылку на страниц, где сделан скриншот. В 11 версии выглядит так:

[tanch]

Юля123 (30 Декабрь 2015 - 10:06) писал:

Здравствуйте, какой версией браузера IE вы пользуетесь? Прикрепите так же ссылку на страниц, где сделан скриншот. В 11 версии выглядит так:

QIP Shot - Screen 091.png

так и у меня вроде свежая..


Спросила у подруги, у нее также всё едет в IE

[Firefly]

tanch (30 Декабрь 2015 - 11:11) писал:

так и у меня вроде свежая..
ие2.jpg

Спросила у подруги, у нее также всё едет в IE

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

/******************************************************************************
Фиксы для браузеров
*******************************************************************************/

Замените на:

/******************************************************************************
Фиксы для браузеров
*******************************************************************************/
.IE .products-grid .item .item-inner .item-img .item-img-info a.product-image-catalog img {width: auto;max-width: 144px;max-height: 144px;}

[tanch]

Firefly (30 Декабрь 2015 - 19:57) писал:

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

/******************************************************************************
Фиксы для браузеров
*******************************************************************************/

Замените на:

/******************************************************************************
Фиксы для браузеров
*******************************************************************************/
.IE .products-grid .item .item-inner .item-img .item-img-info a.product-image-catalog img {width: auto;max-width: 144px;max-height: 144px;}

Ура!!! помогло!!
Спасибо!

[tanch]

Vaccina (30 Декабрь 2015 - 01:10) писал:

Сайт - Редактор шаблонов - main,css -

.sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid .item {
margin-top: 47px;
}

изменяйте значение стиля, чтобы уменьшить или увеличить отступ между рядами товаров.

На главной странице как проделать тоже самое?

[Vaccina]

В категории в IE аналогичной проблемы не обнаружила, укажите пожалуйста категорию, которую можно проверить и приложите пожалуйста скриншот.

[tanch]

Vaccina (11 Февраль 2016 - 02:47) писал:

В категории в IE аналогичной проблемы не обнаружила, укажите пожалуйста категорию, которую можно проверить и приложите пожалуйста скриншот.

В Каталоге всё хорошо:

проблема только на главной странице:


Нужно увеличить расстояние между рядами и увеличить фото товара (убрать белую рамку), в общем сделать как в каталоге

[RedHead]

tanch (11 Февраль 2016 - 09:36) писал:

В Каталоге всё хорошо:
2016-02-11 12-27-06 Скриншот экрана.png
проблема только на главной странице:
2016-02-11 12-25-39 Скриншот экрана.png

Нужно увеличить расстояние между рядами и увеличить фото товара (убрать белую рамку), в общем сделать как в каталоге

Здравствуйте. В конец шаблона main.css добавьте строки:

.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 {margin-top: 37px;}
.sns-pdt-content .item .item-inner.clearfix {position: relative; height: 400px;}

измените числовые значения на необходимые.

[tanch]

RedHead (11 Февраль 2016 - 10:30) писал:

Здравствуйте. В конец шаблона main.css добавьте строки:

.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 {margin-top: 37px;}
.sns-pdt-content .item .item-inner.clearfix {position: relative; height: 400px;}

измените числовые значения на необходимые.

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

[RedHead]

tanch (11 Февраль 2016 - 16:59) писал:

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

Уточните, пожалуйста, актуален ли Ваш вопрос. Так сейчас товары на главной отображаются на максимальную ширину, размер изображений не скачет.