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

[FelBoy]

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

[MikDark]

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, можно его увеличить.

[FelBoy]

Спасибо!

[FelBoy]

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, можно его увеличить.

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

[Dars]

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}">

[FelBoy]

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}">

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

[Сake]

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

[Дикий ангел]

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

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

[Alekseys]

Дикий ангел (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%;

[Дикий ангел]

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

[Ирина345]

Дикий ангел (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}

[Дикий ангел]

Спасибо!

[Дикий ангел]

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

[Cupuyc]

Дикий ангел (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;}

[Дикий ангел]

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