0
Непонятки С Дополнительными Фото
Автор wcp, 17 мая 2015 11:46
Сообщений в теме: 10
#1
Отправлено 17 Май 2015 - 11:46
Они по какому принципу выводятся?
Такое ощущение, что фото вообще не подгоняется под указанные размеры иконок.
Например, хотел увеличить размеры, поставил "иконки 250px", в итоге получил вот такое непотребство:
Сами картинки одного размера, 600*600 пикс.
Получается, что размер иконки никак не связан с "посадочным" местом для них, где-то в стилях ошибка?
Такое ощущение, что фото вообще не подгоняется под указанные размеры иконок.
Например, хотел увеличить размеры, поставил "иконки 250px", в итоге получил вот такое непотребство:
Сами картинки одного размера, 600*600 пикс.
Получается, что размер иконки никак не связан с "посадочным" местом для них, где-то в стилях ошибка?
#2
Отправлено 17 Май 2015 - 11:54
Если в стиле .goodsDataMainImagesIcon поставить width: 100%, то разумеется иконки приобретают человеческий вид в требуемом размере, но тогда перестают выводиться в ряд и выводятся в столбец
ps а, насчет столбца понял - там колонка справа.
Но в любом случае, без правки стилей изменение размера иконок в админке - бессмысленно.
ps а, насчет столбца понял - там колонка справа.
Но в любом случае, без правки стилей изменение размера иконок в админке - бессмысленно.
#3
Отправлено 17 Май 2015 - 12:04
wcp (17 Май 2015 - 11:54) писал:
Если в стиле .goodsDataMainImagesIcon поставить width: 100%, то разумеется иконки приобретают человеческий вид в требуемом размере, но тогда перестают выводиться в ряд и выводятся в столбец
ps а, насчет столбца понял - там колонка справа.
Но в любом случае, без правки стилей изменение размера иконок в админке - бессмысленно.
ps а, насчет столбца понял - там колонка справа.
Но в любом случае, без правки стилей изменение размера иконок в админке - бессмысленно.
В main.css найдите код
.goodsDataMainImagesIcon { width: 100px; margin: 0.2em 0.4em 0.2em 0em; }изменяйте 100px, в соответствии с установленным значением в настройках.
#5
Отправлено 24 Май 2015 - 11:57
DESPERADO (23 Май 2015 - 23:05) писал:
Здравствуйте! Помогите переместить блок с другими фото в другое место, пример в прикрепленной фотографии.
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите на строке 56 код:
<!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT goods_images_empty %} {% FOR goods_images %} <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно --> {% IF goods_images.first %} <div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}> <h5>Другие фото {GOODS_NAME}</h5> {% ENDIF %} <!-- Уменьшенное изображение товара --> <div class="goodsDataMainImagesIcon left"> <a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a> <!-- Идентификатор изображения товара, используется для галереи изображений --> <input type="hidden" rel="{goods_images.ID}" /> </div> <!-- В самом конце закрываем обёртку для списка маленьких изображений товара --> {% IF goods_images.last %} </div> {% ENDIF %} {% ENDFOR %} {% ENDIF %}
Переместите его перед кодом:
</td> </tr> </table> </div> </form> <!-- Блок описания товара. Показываем его есть описание товара -->
Далее найдите в этом коде строку:
<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
Замените на:
<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} style="margin-left: 1em;">
#7
Отправлено 25 Май 2015 - 09:57
DESPERADO (24 Май 2015 - 20:37) писал:
Спасибо! А как теперь увеличить эти фото? Пример в прикрепленном файле.
Чтобы увеличить размер доп. фото, зайдите в раздел настройки - основные - изображения товаров - "Максимальный размер по высоте/ширине в пикселях для иконок".
#8
Отправлено 26 Май 2015 - 23:55
Danil (25 Май 2015 - 09:57) писал:
Здравствуйте.
Чтобы увеличить размер доп. фото, зайдите в раздел настройки - основные - изображения товаров - "Максимальный размер по высоте/ширине в пикселях для иконок".
Чтобы увеличить размер доп. фото, зайдите в раздел настройки - основные - изображения товаров - "Максимальный размер по высоте/ширине в пикселях для иконок".
они теперь друг на друга наехали и низ обрезался, как это исправить? Вот ссылка с примером: http://xn--80aab1aag...goods/NPL005-35
#9
Отправлено 27 Май 2015 - 06:45
В main.css найдите:
замените на:
.goodsDataMainImagesIcon { height: 46px; margin: 0.2em 0.4em 0.2em 0; width: 46px; }
замените на:
.goodsDataMainImagesIcon { height: 80px; margin: 0.2em 0.4em 0.2em 0; width: 80px; }
#11
Отправлено 29 Май 2015 - 01:49
В шаблоне Товар после:
вставьте код кнопок соц сетей, сгенерировать можно на этом сайте: https://tech.yandex.ru/share/
<!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение --> {% IFNOT GOODS_IMAGE_EMPTY %} <div class="goodsDataMainImageZoom"> <a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a> </div> {% ENDIF %}
вставьте код кнопок соц сетей, сгенерировать можно на этом сайте: https://tech.yandex.ru/share/
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных