• Здравствуйте. Настраиваю потихоньку тему, но не могу разобраться с одним вопросом.
    Как вы видите по ссылке, товары скачут по странице.
    Сначала я программно изменил пропорционально размеры всех изображений товаров до 300px по одной из высот. Думал это мне поможет, но нет.
    Так понимаю проблему можно решить с помощью прямых рук и css.
    Нужно чтобы страница с товарами выглядела аккуратно, изображения отображались корректно( не растягивались и мели одинаковый размер) и все товары были выровнены относительно друг друга. Надеюсь вы меня понял.

    С уважением, Waik.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 7 ответов — с 1 по 7 (всего 7)
  • для этого все картинки должны быть одинаковой высоты в названии товара должно быть одинаковое количество строк

    Все изображения я и так изменил пропорционально по размеру. Только вот если изменять их пропорционально, чтобы не испортить само изображение — одна из сторон все ровно будет около произвольного размера. Так-что это нужно решать с помощью стилей.
    Насчет имен товаров — конечно можно вандально обрезать имена всех товаров. Но такой вариант не очень нравится.

    . Только вот если изменять их пропорционально, чтобы не испортить само изображение — одна из сторон все ровно будет около произвольного размера

    Если Вы хотите иметь картинки одинакового размера, то и готовить их нужно также. Изменение размеров на странице технически возможно, но
    это только ухудшит положение. (какая разница где будет изменены размеры?)

    Что же до длины строк то тут Вы частично правы — не гоже подстраиваться «до бубушки», но и сильно тоже не должно разниться.

    И да. выравнивать по высоте лучше всё же css-ом.

    какая разница где будет изменены размеры?

    Мне нужно загрузить примерно 40тыс. изображений. Одно дело если я их просто загружу а CSS их самостоятельно поправит, совсем другое — если мне нужно сначала 40тыс изображений с помощью какой-то программы изменять. Да фото делаю не я а поставщик, выходит мне для создания «Корректного изображения нужно»:
    1. Создать белый/прозрачный квадрат допустим размером 300x300px
    2. Уменьшить изображение до 300px по одной из сторон.
    3. Разместить его в центре изображения созданного в п1.
    4. сохранить и загрузить на сервер.

    Допустим можно написать скрипт в фотошоп, который будет делать это автоматически. НО сколько времени и сил это займет.

    Я думаю что можно:
    1. Создать div указав максимальный размер( я хочу 300х300) и внутри него поместить изображение с width: 100%; В теории, в моей голове это должно сработать.
    Но на практике не выходит.

    дно дело если я их просто загружу а CSS их самостоятельно поправит

    И это будет ужас. Самое худшее из возможного.
    Для ИМ вообще не допустимо.

    Но если Вам не важно кач-во — нечего и париться над выравниванием.

    совсем другое — если мне нужно сначала 40тыс изображений с помощью какой-то программы изменять

    Именно так и делается. Массовое изменение размеров — тривиальнейшая задача. Делается во множестве бесплатных программ.

    Мне нужно загрузить примерно 40тыс. изображений.
    <…..>
    НО сколько времени и сил это займет.

    А работать оно вообще, по определению, тяжело

    Хорошо. Прислушаюсь к вашим советам. Пошел путем обработки файлов.
    Но вариант с css все ровно больше мне нравится 🙂

Просмотр 7 ответов — с 1 по 7 (всего 7)
  • Тема «Acme Themes. Выровнять таблицу товаров» закрыта для новых ответов.