Перейти к содержимому


Размер Изображений


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 fobos

fobos

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородМосква

Отправлено 20 Декабрь 2013 - 08:16

Доброе утро! Проблема с размерами изображений товаров! Увеличиваю в настройках, фото увеличиваются но все съезжает включая появляющуюся при наведении мышки рамку и наименование товара. Как это поправить, а то превьюхи уж очень маленькие?

#2 ne_yana

ne_yana

    Активный участник

  • Модератоpы
  • 1 190 сообщений

Отправлено 20 Декабрь 2013 - 09:03

Просмотр сообщенияfobos (20 Декабрь 2013 - 08:16) писал:

Доброе утро! Проблема с размерами изображений товаров! Увеличиваю в настройках, фото увеличиваются но все съезжает включая появляющуюся при наведении мышки рамку и наименование товара. Как это поправить, а то превьюхи уж очень маленькие?
Здравствуйте, укажите, пожалуйста, номер вашего аккаунта и ссылку на страницу, где наблюдается подобная проблема.

#3 fobos

fobos

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородМосква

Отправлено 20 Декабрь 2013 - 09:17

SL-250258
http://fobos.storela...urtki-Komplekty
http://fobos.storela...sen-na-devochku

И как сделать отображение товаров на странице по три в ряд, вместо четырех?

#4 ne_yana

ne_yana

    Активный участник

  • Модератоpы
  • 1 190 сообщений

Отправлено 20 Декабрь 2013 - 09:50

Просмотр сообщенияfobos (20 Декабрь 2013 - 09:17) писал:

SL-250258
http://fobos.storela...urtki-Komplekty
http://fobos.storela...sen-na-devochku

И как сделать отображение товаров на странице по три в ряд, вместо четырех?
Здравствуйте, в разделе Сайт - Редактор шаблонов - Товары замените
{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
на
{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}

В файле main.css
.goodsListItemImage {
height: 100px;
margin-top: 1em;
}
на
.goodsListItemImage {
height: auto;
margin-top: 1em;
}

.goodsListItemBlock {
height: 200px;
margin: 5px;
overflow: hidden;
}
на
.goodsListItemBlock {
height: 280px;
margin: 5px;
overflow: hidden;
}

.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 150px;
overflow: hidden;
padding: 1em;
margin: 0;
list-style-type: none;
background: none !important;
}
на
.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 200px;
overflow: hidden;
padding: 1em;
margin: 0;
list-style-type: none;
background: none !important;
}

.content_catalog_nested_categories li .withBorder {
height: 150px;
}
на
.content_catalog_nested_categories li .withBorder {
height: 195px;
}


#5 fobos

fobos

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородМосква

Отправлено 20 Декабрь 2013 - 10:22

Спасибо, все замечательно!!

#6 fobos

fobos

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородМосква

Отправлено 22 Январь 2014 - 12:03

Здравствуйте! Подскажите как увеличить изображения на странице товара, уж очень мелкие. Пробовал через настройки но размер картинки увеличивается, а разрешение ее остается,в итоге картинка размазанная.

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

  • 123.jpg


#7 fobos

fobos

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородМосква

Отправлено 22 Январь 2014 - 12:17

Изображения увеличил, разрешение норм, но наезжают друг на друга, что поправить?

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

  • 321.jpg
  • 321.jpg


#8 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 22 Январь 2014 - 12:34

Просмотр сообщенияfobos (22 Январь 2014 - 12:17) писал:

Изображения увеличил, разрешение норм, но наезжают друг на друга, что поправить?
1) В main.css заменяем:
.goodsDataMainImagesIcon img {
padding: 2px;
}
на
.goodsDataMainImagesIcon img {
width: 50px;
height: 50px;
padding: 13px;
}
где
width: 50px; height: 50px; - ширина и высота  всех картинок
padding: 13px; - расстояние между картинками. чем больше число, тем меньше расстояние
и заменяем:
.goodsDataMainImagesIcon {
width: 46px;
height: 46px;
margin: 0.2em 0.4em 0.2em 0em;
}
на
.goodsDataMainImagesIcon {
width: 46px;
height: 46px;
margin: 18px;
}

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

  • Безымянный.png


#9 fobos

fobos

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородМосква

Отправлено 22 Январь 2014 - 13:38

а можно чтобы фотки в рядок шли а не столбиком по три?

#10 fobos

fobos

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородМосква

Отправлено 22 Январь 2014 - 13:56

И потом изображения на сайте все разной пропорции, и некоторые сплющиваются ... как с этим быть? как вбить например только ширину а высота чтоб пропорционально была?

Вбил вместо высоты auto, все вроде норм, но как сделать чтобы картинки были рядком?

#11 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 22 Январь 2014 - 15:28

Просмотр сообщенияfobos (22 Январь 2014 - 13:56) писал:

И потом изображения на сайте все разной пропорции, и некоторые сплющиваются ... как с этим быть? как вбить например только ширину а высота чтоб пропорционально была?

Вбил вместо высоты auto, все вроде норм, но как сделать чтобы картинки были рядком?
В main.css замените:
.goodsDataMainImagesIcon {
width: 46px;
height: 46px;
margin: 40px;
}
на
.goodsDataMainImagesIcon {
width: 0px;
height: 46px;
margin: 10px 45px 70px 60px;
}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных