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


Изменение Размера Изображений Категорий Товаров


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

#1 FelBoy

FelBoy

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

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 26 Июль 2014 - 10:58

Здравствуйте! Не могу изменить размер изображений категорий товаров. Пробовал менять через настройки, не помогло (ждал более суток, ничего не изменилось). Искал решение на форуме, но всё, что нашел, также не дало результатов. Вот скриншот того, как сейчас выглядит сайт Безымянный2.jpg и вот приблизительно то, что как я хочу изменить его Безымянный3.jpg . Спасибо!

#2 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 26 Июль 2014 - 11:05

Просмотр сообщенияFelBoy (26 Июль 2014 - 10:58) писал:

Здравствуйте! Не могу изменить размер изображений категорий товаров. Пробовал менять через настройки, не помогло (ждал более суток, ничего не изменилось). Искал решение на форуме, но всё, что нашел, также не дало результатов. Вот скриншот того, как сейчас выглядит сайт Прикрепленный файл Безымянный2.jpg и вот приблизительно то, что как я хочу изменить его Прикрепленный файл Безымянный3.jpg. Спасибо!

В style.css найдите код:
#category_view_type.grid_view #product_list .product_image{max-width:184px;margin:auto;height:auto;z-index:1}

сейчас у Вас ограничение по ширине 184px, можно его увеличить.

#3 FelBoy

FelBoy

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

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 26 Июль 2014 - 12:22

Спасибо!

#4 FelBoy

FelBoy

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

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 26 Июль 2014 - 13:05

Просмотр сообщенияMikDark (26 Июль 2014 - 11:05) писал:

В style.css найдите код:
#category_view_type.grid_view #product_list .product_image{max-width:184px;margin:auto;height:auto;z-index:1}

сейчас у Вас ограничение по ширине 184px, можно его увеличить.

Пришлось еще изменить одну строку, иначе изображение словно обрезалось... Есть проблема- эти измененные настройки также применяются и к изображениям внутри категории. Можно ли это как-нибудь исправить?

#5 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 26 Июль 2014 - 13:14

Просмотр сообщенияFelBoy (26 Июль 2014 - 13:05) писал:

Пришлось еще изменить одну строку, иначе изображение словно обрезалось... Есть проблема- эти измененные настройки также применяются и к изображениям внутри категории. Можно ли это как-нибудь исправить?
Попробуем так: отмените предыдущее изменение, затем в шаблоне HTML найдите строку:

<img class="product_image" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}">

и замените её на:

<img {% IF index_page %}style="max-width:500px;"{% ENDIF %} class="product_image" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}">


#6 FelBoy

FelBoy

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

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 26 Июль 2014 - 14:10

Просмотр сообщенияDars (26 Июль 2014 - 13:14) писал:

Попробуем так: отмените предыдущее изменение, затем в шаблоне HTML найдите строку:

<img class="product_image" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}">

и замените её на:

<img {% IF index_page %}style="max-width:500px;"{% ENDIF %} class="product_image" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}">

Попробовал, но ничего не изменилось(((

#7 Сake

Сake

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

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

Отправлено 29 Июль 2014 - 04:59

Пожалуйста, уточните ваш вопрос еще актуален? У вас в данный момент (на сайте) отсутствует отображение категорий товаров.

#8 Дикий ангел

Дикий ангел

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

  • Пользователи
  • PipPipPipPip
  • 273 сообщений

Отправлено 12 Февраль 2015 - 18:42

Подскажите, как сделать единые размеры
1. уменьшить  изображения в карточках товаров
2. уменьшить  изображения в подкатегориях
3. уменьшить  изображения в категориях

На данный момент есть изображения с большим разрешением и из-за этого рамки всех остальных товаров растянуты в длинну

#9 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 12 Февраль 2015 - 19:01

Просмотр сообщенияДикий ангел (12 Февраль 2015 - 18:42) писал:

Подскажите, как сделать единые размеры
1. уменьшить  изображения в карточках товаров
2. уменьшить  изображения в подкатегориях
3. уменьшить  изображения в категориях

На данный момент есть изображения с большим разрешением и из-за этого рамки всех остальных товаров растянуты в длинну
Здравстуйте. В style.css в
.product .product-image-wrapper img {
margin: 0 auto;
float: none;
max-width: 60%;
}
и в
.img_middle img, .img_middle_big img, .img_middle_small img {
vertical-align: middle;
max-width: 100%;
}
уменьшайте параметр max-width: 100%;

#10 Дикий ангел

Дикий ангел

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

  • Пользователи
  • PipPipPipPip
  • 273 сообщений

Отправлено 12 Февраль 2015 - 19:18

Просмотр сообщенияAlekseys (12 Февраль 2015 - 19:01) писал:

Здравстуйте. В style.css в
.product .product-image-wrapper img {
margin: 0 auto;
float: none;
max-width: 60%;
}
и в
.img_middle img, .img_middle_big img, .img_middle_small img {
vertical-align: middle;
max-width: 100%;
}
уменьшайте параметр max-width: 100%;

Получилось. Подскажите, как еще изменить размеры рамок в категориях и подкатегориях и в карточке заказа
http://st.miravtodop...6/1567/489/.jpg

#11 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 12 Февраль 2015 - 19:52

Просмотр сообщенияДикий ангел (12 Февраль 2015 - 19:18) писал:

Получилось. Подскажите, как еще изменить размеры рамок в категориях и подкатегориях и в карточке заказа
http://st.miravtodop...6/1567/489/.jpg
Здравствуйте, найдите в style.css
.goods-cat-image-medium-square  {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px}

замените на
.goods-cat-image-medium-square  {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px; height:165px}


#12 Дикий ангел

Дикий ангел

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

  • Пользователи
  • PipPipPipPip
  • 273 сообщений

Отправлено 12 Февраль 2015 - 20:44

Спасибо!

#13 Дикий ангел

Дикий ангел

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

  • Пользователи
  • PipPipPipPip
  • 273 сообщений

Отправлено 15 Март 2015 - 19:42

Подскажите:
1 как сократить расстояние между строками
http://st.miravtodop...92/368/2525.png
2. как при увеличении картинки сделать возможным "сохранить изображение как.." в формате картинок? (сейчас можно сохранять только ссылку)

#14 Cupuyc

Cupuyc

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

  • Пользователи
  • PipPipPipPip
  • 747 сообщений

Отправлено 16 Март 2015 - 12:53

Просмотр сообщенияДикий ангел (15 Март 2015 - 19:42) писал:

Подскажите:
1 как сократить расстояние между строками
http://st.miravtodop...92/368/2525.png

Здравствуйте, для того чтобы это сделать, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
.product-name {text-align: center;text-transform: uppercase;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: 55px;}
Замените его на:
.product-name {text-align: center;text-transform: uppercase;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: 55px;max-height: 2.5em;}


#15 Дикий ангел

Дикий ангел

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

  • Пользователи
  • PipPipPipPip
  • 273 сообщений

Отправлено 16 Март 2015 - 16:30

Спасибо, получилось)




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

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