Jump to content
insona10

Настройка отображения картинок на странице Категории

Recommended Posts

Всем привет, подскажите пожалуйста, есть ли какие-то способы настроить отображение картинок ровными и аккуратными на странице Разделов и подразделов. Может модули есть которые подгоняют картинку под размер или обрезают ее? Или в штатном движке такая функция есть. Вот вариант 1 как должно быть. А вариант 2 как сейчас.

Screenshot_5.png

Screenshot_4.png

Share this post


Link to post
Share on other sites

В вашем примере отступы слева и справа похоже заданы в стилях

Так что нужно бы сначала это изменить, а потом смотреть насколько фото отличаются от желаемого результата и если что подправить код отвечающий за пропорции фоток

Share this post


Link to post
Share on other sites
1 час назад, deim сказал:

В вашем примере отступы слева и справа похоже заданы в стилях

Так что нужно бы сначала это изменить, а потом смотреть насколько фото отличаются от желаемого результата и если что подправить код отвечающий за пропорции фоток

Понял, но я в настройках шаблона поменял (увеличил размер картинки) но изменений нет.

Screenshot_6.png

Share this post


Link to post
Share on other sites

Может вы фото залили меньше размером, чем хотите отображать?

Share this post


Link to post
Share on other sites

Может быть, что у фото есть белые поля. Вот в том то и задача, чтобы автоматически подгонять фото эти под одинаковые квадраты...

Share this post


Link to post
Share on other sites

смотрите, в чем логика:

1) есть фото 200х200, вы хотите его показывать как 100х100. Фото просто уменьшится до нужных размеров

2) есть фото 100х100, вы хотите его показывать как 200х200. Фото размером 100х100 будет размещено в центре, а края будут залиты заданным фоном. Белым по умолчанию.

3) есть фото 300х200 или 200х300. То есть не квадратное. Вы хотите его показывать как квадрат. По умолчанию оно обрежется до нужных пропорций по высоте или ширине, а пустые края сделаются белыми.

 

Если у вас второй случай, то просто возьмите фотки большего размера

Если третий, то нужно поменять функцию обработки изображений, чтобы фото не станавились квадратными к примеру, а сохраняли свои пропорции, если они у них не совпадают с нужными, и потом в выводе в категориях поменять вывод фоток, чтобы лишние края по высоте или ширине обрезались. Будет выглядеть квадратным без белых полей :)

  • +1 1

Share this post


Link to post
Share on other sites
48 минут назад, deim сказал:

Если третий, то нужно поменять функцию обработки изображений, чтобы фото не станавились квадратными к примеру, а сохраняли свои пропорции, если они у них не совпадают с нужными, и потом в выводе в категориях поменять вывод фоток, чтобы лишние края по высоте или ширине обрезались. Будет выглядеть квадратным без белых полей :)

Спасибо) Вот тут можно подробнее где и куда?)

Share this post


Link to post
Share on other sites

Мне надо неквадратные фото, чтобы обрезались по квадрату

Share this post


Link to post
Share on other sites

добавить измененную копию функцию resize в library/image.php

заменить в контроллере категорий вызов resize на измененную функцию

изменить вывод фото в шаблоне категорий

 

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

Share this post


Link to post
Share on other sites
2 минуты назад, deim сказал:

добавить измененную копию функцию resize в library/image.php

заменить в контроллере категорий вызов resize на измененную функцию

изменить вывод фото в шаблоне категорий

 

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

Сколько будет стоить? И по срокам примерно. И я правильно понимаю, это правки в шаблон? Движок трогаться не будет?

Share this post


Link to post
Share on other sites

Это правки и в шаблон и в движок.

Правки движка можно вынести как модификатор в ocmod

Share this post


Link to post
Share on other sites
1 минуту назад, deim сказал:

Это правки и в шаблон и в движок.

Правки движка можно вынести как модификатор в ocmod

А по стоимости?

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By matrix79
      DeleteImage - удаление неиспользуемых изображений товара в автоматическом режиме.
       
      Модуль позволит Вам проверить и удалить все изображения товаров которые давно не используются на сайте. Это сэкономит место на хостинге и Вам не придется менять тариф.
       
      Модуль прост в использовании. Все что нужно указать папку изображений для товаров. Имеется отчет сканирования и удаления файлов.
       
      Совместимость: OpenCart, ocStore 2.1.x, 2.2.x, 2.3.x
       
      Установка
      1. Перед установкой дополнения установите localcopy.ocmod. В случае наличия этого модификатора, пропустите этот шаг
      2. Установка модуля происходит через Установка дополнений
      3. Обновляем модификаторы
      4. В каталоге модулей активируем модуль
       
      Если после активации модуля возникают ошибки в Настройках магазина отключите "Показ ошибок".
       
      Рекомендуем перед сканированием сделать резервную копию сайта.
       
      Демонстрация:
      Админка
      Логин: demo
      Пароль: demo
    • By matrix79
      300.00 руб
      Скачать/Купить дополнение


      DeleteImage - Удаление неиспользуемых изображений товаров
      DeleteImage - удаление неиспользуемых изображений товара в автоматическом режиме.
       
      Модуль позволит Вам проверить и удалить все изображения товаров которые давно не используются на сайте. Это сэкономит место на хостинге и Вам не придется менять тариф.
       
      Модуль прост в использовании. Все что нужно указать папку изображений для товаров. Имеется отчет сканирования и удаления файлов.
       
      Совместимость: OpenCart, ocStore 2.1.x, 2.2.x, 2.3.x
       
      Установка
      1. Перед установкой дополнения установите localcopy.ocmod. В случае наличия этого модификатора, пропустите этот шаг
      2. Установка модуля происходит через Установка дополнений
      3. Обновляем модификаторы
      4. В каталоге модулей активируем модуль
       
      Если после активации модуля возникают ошибки в Настройках магазина отключите "Показ ошибок".
       
      Рекомендуем перед сканированием сделать резервную копию сайта.
       
      Демонстрация:
      Админка
      Логин: demo
      Пароль: demo
      Добавил matrix79 Добавлено 30.05.2019 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
    • By Sunser
      300.00 руб
      Скачать/Купить дополнение


      Sunser map - кастомная карта для сайта
      Sunser map - кастомная карта для сайта.
       
      Модуль Sunser map создан для удобного управления с админ панели и вывода на сайт карты гугл. Модуль Легкий в установке и Управлении.
      Модуль поддерживает мультиязычность и почти полностью управляется с админки.
      Модуль подходит и тестировался для Opencart v: 2.0, 2.1, 2.2, 2.3
      OpencartPro v: 2.1 и 2.3
      Модуль подходит и тестировался для ocStore 2.1 и 2.3
       
      Инструкция по установке модуля:
       - Для установки модуля, загрузите ocmod.zip той версии opencart или ocstore которая у вас в админке через установщик модулей, после чего обновите модификаторы.
      Модуль лежит по пути модули(расширения)/Sunser map.
      Второй способ, распакуйте ocmod.zip той версии что вам нужно и скиньте в корень вашего сайта.
      Инструкция, как настроить:
       - Активируйте модуль, после чего перейдите в настройку модуля;
       - Первое поле, это название модуля, это название отображается только в вашей админке;
       - Заголовок, поле отображаемое на сайте, сверху карты, если поле не заполнить, то на сайте заголовок не выведется, так же выводится во всплывающем окне при наведении на маркер;
       - Координаты x, y - здесь введите координаты долготы и широты вашего местоположения;
       - Расстояние карты - здесь введите значение, насколько вы хотите что бы на карте была приближена ваша карта;
       - Описание окна - тут пишите что угодно, оно будет выводится при наведение на маркер карты, если оставить пустым, всплывушка на маркере не будет выводится;
       - Стили для карты, здесь по стандарту уже прописаны основные стили для карты. Если не прописать стили или оставить пустым, карта будет не корректно выводится, поскольку изначально надо прописать ширину и высоту для карты. Так же, если вы разбираете в css, то можете прописывать тут стили для других элементов карты;
       - Api карты - здесь нужно ввести api карты, от google. Если не прописать ключ или если ключ будет не корректен, то карта не будет работать;
       - Маркер, тут можно задавать свою картинку для маркера, если оставить пустым, то будет выводится стандартный маркер гугл;
       - Статус, отвечает, будет ли работать и отображается на сайте или нет;
       - После сохранения, перейдите в макеты и выберите место для вывода модуля.
       
      Проблемы и решения:
       - Установил модуль, настроил, но на сайте не отображается. Первое, это не правильно прописаны стили в модуле;
       - Некорректно прописан api ключ или является не действителен;
       - Установил модуль, но языки не корректно отображается. В таком случае бывает, когда языки в папке language в модуле не совпадают с языками в папке language вашей админки.
       
      Если другая какая ошибка, пишите автору и он поможет в решении данной проблемы.
      Добавил Sunser Добавлено 01.08.2019 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1 Обращение к серверу разработчика Нет  
    • By Sunser
      Sunser map - кастомная карта для сайта.
       
      Модуль Sunser map создан для удобного управления с админ панели и вывода на сайт карты гугл. Модуль Легкий в установке и Управлении.
      Модуль поддерживает мультиязычность и почти полностью управляется с админки.
      Модуль подходит и тестировался для Opencart v: 2.0, 2.1, 2.2, 2.3
      OpencartPro v: 2.1 и 2.3
      Модуль подходит и тестировался для ocStore 2.1 и 2.3
       
      Инструкция по установке модуля:
       - Для установки модуля, загрузите ocmod.zip той версии opencart или ocstore которая у вас в админке через установщик модулей, после чего обновите модификаторы.
      Модуль лежит по пути модули(расширения)/Sunser map.
      Второй способ, распакуйте ocmod.zip той версии что вам нужно и скиньте в корень вашего сайта.
      Инструкция, как настроить:
       - Активируйте модуль, после чего перейдите в настройку модуля;
       - Первое поле, это название модуля, это название отображается только в вашей админке;
       - Заголовок, поле отображаемое на сайте, сверху карты, если поле не заполнить, то на сайте заголовок не выведется, так же выводится во всплывающем окне при наведении на маркер;
       - Координаты x, y - здесь введите координаты долготы и широты вашего местоположения;
       - Расстояние карты - здесь введите значение, насколько вы хотите что бы на карте была приближена ваша карта;
       - Описание окна - тут пишите что угодно, оно будет выводится при наведение на маркер карты, если оставить пустым, всплывушка на маркере не будет выводится;
       - Стили для карты, здесь по стандарту уже прописаны основные стили для карты. Если не прописать стили или оставить пустым, карта будет не корректно выводится, поскольку изначально надо прописать ширину и высоту для карты. Так же, если вы разбираете в css, то можете прописывать тут стили для других элементов карты;
       - Api карты - здесь нужно ввести api карты, от google. Если не прописать ключ или если ключ будет не корректен, то карта не будет работать;
       - Маркер, тут можно задавать свою картинку для маркера, если оставить пустым, то будет выводится стандартный маркер гугл;
       - Статус, отвечает, будет ли работать и отображается на сайте или нет;
       - После сохранения, перейдите в макеты и выберите место для вывода модуля.
       
      Проблемы и решения:
       - Установил модуль, настроил, но на сайте не отображается. Первое, это не правильно прописаны стили в модуле;
       - Некорректно прописан api ключ или является не действителен;
       - Установил модуль, но языки не корректно отображается. В таком случае бывает, когда языки в папке language в модуле не совпадают с языками в папке language вашей админки.
       
      Если другая какая ошибка, пишите автору и он поможет в решении данной проблемы.
    • By 18ynitazov
      Всем доброго дня. Озадачен таким вопросом: как сделать подобного плана статью. Т.е. чтобы она была как одностраничник. Есть какие-нибудь модули или в базовом функционале может что-то заложено ( при редактировании статьи, есть колонка "Дизайн" не разобрался с ней, может через неё как-то). В любом случае всем не безразличным спасибо! 
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.