Вход • Регистрация

уменьшить изображение в корзине

  •
  • 16 февраля 2015 г.
  • при наведении курсора на кнопку оформить, выпадет список товаров в корзине. Слева выводятся изображения, как сделать их размером не более 50пх на 50пх.

    я так понимаю этот код выводит изображения в данном модуле.

    echo '<div class="image">
    <img src="'.$img["src"].'" width="'.$img["width"].'" height="'.$img["height"].'" alt="'.$img["alt"].'" title="'.$img["title"].'" image_id="'.$img["id"].'">';
    echo ' <a href="javascript:void(0)" class="image_delete">x</a> </div>';

    Как задать размер?
    •
    • 16 февраля 2015 г.
    • Способов несколько.
      1. в приведенном коде вместо width="'.$img["width"].'" написать width="50", а height убрать
      Способ прямо скажем плохой
      2. стилями css задать, то что нужно для class="image"
      Если этот стиль используется и в других местах, то здесь определить свой стиль.
      Способ не кашерный если изначально картинки достаточно большие, то получается, что грузим лишнее.
      3. Определить в настройках системы тип изображения с размером не более 50пх (часто уже там есть) и использовать его.
  •
  • 17 февраля 2015 г.
  • А почему первый способ плохой?

    и как реализовать 3 не оч понятно, что значит в "настройках системы" ? И как быть с другими изображениями, которые не в корзине, они тоже будут 50пх?
    •
    • 17 февраля 2015 г.
    • Не замарачивайся Используй 2 вариант. Он самый простой.
      •
      • 17 февраля 2015 г.
      • Второй от первого мало чем отличется. Не пропорциональная деформация картинок приводит к искажению целостного изображения, что не лучшим способом отражается на изображении.
        Лучше настроить генератор и делать правильно по 3 варианту.
    •
    • 17 февраля 2015 г.
    • 1-ый плохой, потому, что если вдруг картинка по ширине меньше 50px, то ее растянет.
      Если Вы будете продавать карандаши и у Вас будет картинка 250(в)х25(ш), то в корзине будет 500х50
      3. В админке в левом меню в разделе "Настройки" есть пункт "Обработка изображений". Там настройки системы относительно используемых изображений.

      Степан прав, 2-ой вариант самый простой.
      Андрей также прав, если гарантированно не будет аномальных изображений.
  • 17 февраля 2015 г.
  • Спасибо большое, все понятно
  •
  • 18 февраля 2015 г.
  • Чёт никто не сказал, что можно воспользоваться
    Код
    background-size: contain;

    Вот тут можно задать области размер 50х50, и картинка, если будет фоном этой области, целехонько поместится в любой заданный квадрат.
    Кстати, в дефолтном шаблоне таким способом сделан показ средних фото на странице товара.

    Чем названный мной способ плох? Во всех известных мне браузерах работает. Проблем пока не видел.
    Вот только пока не знаю как для зума применить - там обязательно картинка должна быть, а не фон..

Новости

  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля, среда
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
  • Новость. Сборка. Тарифы
  • 15 декабря 2023 г.
  • Подводим итоги 2023 года. Выпустили новую сборку DIAFAN.CMS 7.1.1, вводим новые тарифы на аренду сайта и коммерческую поддержку и автообновления с января 2024 г., строим планы на будущий год.
Все новости