Изменение Размера Изображений Категорий Товаров
#1
Отправлено 26 Июль 2014 - 10:58
#2
Отправлено 26 Июль 2014 - 11:05
FelBoy (26 Июль 2014 - 10:58) писал:
В style.css найдите код:
#category_view_type.grid_view #product_list .product_image{max-width:184px;margin:auto;height:auto;z-index:1}
сейчас у Вас ограничение по ширине 184px, можно его увеличить.
#3
Отправлено 26 Июль 2014 - 12:22
#4
Отправлено 26 Июль 2014 - 13:05
MikDark (26 Июль 2014 - 11:05) писал:
#category_view_type.grid_view #product_list .product_image{max-width:184px;margin:auto;height:auto;z-index:1}
сейчас у Вас ограничение по ширине 184px, можно его увеличить.
Пришлось еще изменить одну строку, иначе изображение словно обрезалось... Есть проблема- эти измененные настройки также применяются и к изображениям внутри категории. Можно ли это как-нибудь исправить?
#5
Отправлено 26 Июль 2014 - 13:14
FelBoy (26 Июль 2014 - 13:05) писал:
<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
Отправлено 26 Июль 2014 - 14:10
Dars (26 Июль 2014 - 13:14) писал:
<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
Отправлено 29 Июль 2014 - 04:59
#8
Отправлено 12 Февраль 2015 - 18:42
1. уменьшить изображения в карточках товаров
2. уменьшить изображения в подкатегориях
3. уменьшить изображения в категориях
На данный момент есть изображения с большим разрешением и из-за этого рамки всех остальных товаров растянуты в длинну
#9
Отправлено 12 Февраль 2015 - 19:01
Дикий ангел (12 Февраль 2015 - 18:42) писал:
1. уменьшить изображения в карточках товаров
2. уменьшить изображения в подкатегориях
3. уменьшить изображения в категориях
На данный момент есть изображения с большим разрешением и из-за этого рамки всех остальных товаров растянуты в длинну
.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
Отправлено 12 Февраль 2015 - 19:18
Alekseys (12 Февраль 2015 - 19:01) писал:
.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
Отправлено 12 Февраль 2015 - 19:52
Дикий ангел (12 Февраль 2015 - 19:18) писал:
http://st.miravtodop...6/1567/489/.jpg
.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
Отправлено 12 Февраль 2015 - 20:44
#13
Отправлено 15 Март 2015 - 19:42
1 как сократить расстояние между строками
http://st.miravtodop...92/368/2525.png
2. как при увеличении картинки сделать возможным "сохранить изображение как.." в формате картинок? (сейчас можно сохранять только ссылку)
#14
Отправлено 16 Март 2015 - 12:53
Дикий ангел (15 Март 2015 - 19:42) писал:
Здравствуйте, для того чтобы это сделать, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> 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
Отправлено 16 Март 2015 - 16:30
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных