Перейти к содержанию
Pavel23

Как изменить размер блоков для фото товара

Рекомендуемые сообщения

Добрый день!
В настройках магазина указал "Размер изображения в списке товаров" 300х300, в результате фото товаров стали наслаиваться одно на другое.
Это происходит если выбрать расположение товаров сеткой.

Если у кого есть вариант решения данной проблемки, буду признателен за помощь.

post-688699-0-72474700-1414997972_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

решение - поправить стили шаблона.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

поподробнее пожалуйста, я так понимаю в файле stylesheet.css, а какую строчку?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Тут телепатов немного, ссылку на сайт дайте :-D

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

в stylesheet.css в секции

.product-grid > div

изменить

width: 130px;

на

width: 300px;

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

в stylesheet.css в секции

.product-grid > div

изменить

width: 130px;

на

width: 300px;

спасибо, то что надо )

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Есть ещё сложность с главным меню - блоков в нем не много и хотелось бы распределить их равномерно по всей длине меню, а то как-то не очень красиво, когда они все в левой стороне, а справа куча свободного места.
 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Осваивать css & HTML, поможет сайт  http://htmlbook.ru

Использовать браузер Firefox, у него есть замечательная функция "Исследовать элемент" при щелчке правой кнопкой на желаемом элементе, с возможностью изменений css "на лету" (без замены самих файлов) - очень удобно для правки

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От Exploits
      599.00 руб
      Скачать/Купить дополнение


      Easyphoto - загрузка всех фото в один клик прямо с ПК + сортировка перетаскиванием + поворот фото
      Easyphoto - простая мультизагрузка фото в один клик + сортировка перетягиванием!
      Модуль работает на всех версиях и сборках (1.х - 3.х) 
      Все мы знаем что наполнять интернет магазин на Opencart крайне неудобно из-за добавления фото. Сначала в менеджер изображений, потом поиск среди файлов и выбор - все это только для одного изображения. А если изображений 10 20...? o_O
      В хороших качественных магазинах чем больше фото тем лучше для покупателя, соответственно вам будет с чем работать. Это модуль и упрощает.
      Модуль easyphoto позволяет загружать фото минуя файл менеджер прямо с компьютера всего лишь нажав одну кнопку и выбрав все файлы. (Также можно просто перетянуть в браузер). Сортировка происходит перетаскиванием фото мышкой.
       
      Особенности модуля Easyphoto
      Мультизагрузка фото в 1-2 клика прямо с компьютера минуя стандартный файл менеджер Очень удобный и понятный интерфейс - Поле выбора/перетягивания фото, поле главного изображения, поле дополнительных фото и поле корзина. new! Возможность загрузки перетягиванием в браузер Drad&Drop Есть возможность назначить папку загрузки. А конечные фото загружаются в папку с id товара - что очень удобно и логично. Файлы находятся по адресу image/catalog/easyphoto/123/… Где easyphoto - это папка, которую можно настроить для загрузки, 123 - id товара, в эту папку и кладутся все картинки. Автоматическое SEO название фото - транслитерация от названия товара. Язык можно выбрать в настройках. Например товар Принтер Canon-ip2900 будет иметь названия фото printer-canon-ip-2900-1.jpg, printer-canon-ip-2900-2.jpg, printer-canon-ip-2900-3.jpg то очень полезно для СЕО. Все спецсимволы и лишние знаки обрезаются. В версии 3.0 идет полная очистка от ненужного. Конечно, это можно настроить, но лучше что бы название было от названия товара. Есть возможность указать разделитель между названием фото и порядковым номером. Можно выбрать любое поле в товаре с которого будет генерация название изображения. Назначение главного фото идет простым перетягиванием мышки. Загрузили все фото - перетянули на главное одно из них и все готово. new! Если настроить автовыбор первого фото из всех загруженный - главное фото будет назначаться автоматически. Есть возможность добавлять фото из ранее загруженных. В версии 3.0 добавилась кнопка выбора фото с файл менеджера, и также в 1 клик. new! Сортировка загруженных фото перетягиванием мышки. Также в новой версии появилась корзина. Это необходимый инструмент облегчает работу с фотографиями товара. Когда вы загрузили все картинки, выбрали главную, отсортировали, повернули и т.п. и некоторые фото оказались не нужными - вы их просто перетягиваете в корзину. Файл все еще остается на сервере, но не привязан к товару. А с корзины его можно восстановить или удалить навсегда. Есть конечно-же инструмент полной очистки корзины. new! При наведении на изображение есть возможность увеличить фото new!  сменить на другое а также повернуть по часовой стрелке или против. При прокручивании - оригинал остается и его можно вернуть на сайт. Все очень удобно и продумано. В корзине же, можно удалить фото с сервера навсегда. Модуль создает свою вкладку в форме редактирования товара, где и располагается интерфейс работы с фото. Easyphoto не заменяет файлы магазина и не затрагивает работу сайта, только в админке. Присутствует локализация на русский и английский языки Настройки модуля
      Статус - собственно сам статус модуля. Если модуль установлен, но выключен - при редактировании товара все же будет вкладка Easyphoto, но будет выведено уведомление что для работы модуля необходимо его включить. При этом вкладка Изображения остается и фото можно добавлять стандартным способом. Папка для фото - название папки в которую будут загружаться фото. Обязательным требованием будет название на латинице например (easyphoto, photo, product_photo) без слешей, пробелов и другого лишнего и в нижнем регистре. По умолчанию если не настраивать папка будет easyphoto. Обратите внимание конечная папка для фото будет такой image/catalog/easyphoto/3634/. Где easyphoto - это папка, 3634 - id товара в ней уже и будут фото Разделитель для фото - это символ который разделяет название изображения и его порядковый номер. Допускаются нормальные символы, но не допускаются слеш / Назначать первое фото главным - настройка позволяет автоматически выбирать главным первое фото. Это очень удобно т.к. система автоматически проставляет главное изображение, и каждый раз нет необходимости его выбирать. Хотя для выбора главное достаточно просто навести курсор на фото и кликнуть по зеленой галочке Название фото из названия товара - автоматическое переименование фото в название товара. Это очень полезно для СЕО. Google рекомендует задавать название осознанным то есть отвечающим содержимому файла. Например ели поставить эту галочку, изображения для товара будут в формате nazvanie_tovara.1.jpg, nazvanie_tovara.2.jpg, nazvanie_tovara.3.jpg и т.д. Конечно, все лишние символы в названии товара будут очищаться. Рекомендуется включать эту опцию. Для новых товаров модуль также понимает где взять название. Название из. Эта настройка позволяет выбрать с какого поля брать текст для генерации названия фото. Можно поставить название, артикул, mpn и т.д. Язык названия фото - если у вас мультиязычный магазин, можно выбрать из какого языка брать название для изображений. По умолчанию берется из языка с id = 1 Как установить Easyphoto
      Автоматически через админку (рекомендуется)
      Переходим в установку модулей - выбираем файл модуля easyphoto_2.3.ocmod.zip После установки обновляем кеш модификаторов Переходим в модули - устанавливаем Easyphoto Ожидаем уведомление на почту об активации модуля Заходим в Easyphoto и настраиваем модуль Вручную с загрузкой по ftp
      Загружаем все из папки upload этого архива Переходим в установку модулей - выбираем файл модуля easyphoto_2.3.ocmod.xml После установки обновляем кеш модификаторов Переходим в модули - устанавливаем Easyphoto Ожидаем уведомление на почту об активации модуля Заходим в Easyphoto и настраиваем модуль  
      Полная информация о модуле https://microdata.pro/opencart-dev/easyphoto
      Информация об новой версии 3.1 https://microdata.pro/opencart-dev/easyphoto-3-0
      Добавил Exploits Добавлено 29.09.2016 Категория Редакторы Системные требования Сайт разработчика https://microdata.pro Старая цена Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1 ocStore 3.0
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х  
    • От dekanew
      Привет всем!
      Подскажите есть ли модуль фото товара с возможностью вставки видео?
       
      И в целом посоветуйте хороший модуль для фото товара.
    • От Exploits
      Easyphoto - простая мультизагрузка фото в один клик + сортировка перетягиванием!
      Модуль работает на всех версиях и сборках (1.х - 3.х) 
      Все мы знаем что наполнять интернет магазин на Opencart крайне неудобно из-за добавления фото. Сначала в менеджер изображений, потом поиск среди файлов и выбор - все это только для одного изображения. А если изображений 10 20...? o_O
      В хороших качественных магазинах чем больше фото тем лучше для покупателя, соответственно вам будет с чем работать. Это модуль и упрощает.
      Модуль easyphoto позволяет загружать фото минуя файл менеджер прямо с компьютера всего лишь нажав одну кнопку и выбрав все файлы. (Также можно просто перетянуть в браузер). Сортировка происходит перетаскиванием фото мышкой.
       
      Особенности модуля Easyphoto
      Мультизагрузка фото в 1-2 клика прямо с компьютера минуя стандартный файл менеджер Очень удобный и понятный интерфейс - Поле выбора/перетягивания фото, поле главного изображения, поле дополнительных фото и поле корзина. new! Возможность загрузки перетягиванием в браузер Drad&Drop Есть возможность назначить папку загрузки. А конечные фото загружаются в папку с id товара - что очень удобно и логично. Файлы находятся по адресу image/catalog/easyphoto/123/… Где easyphoto - это папка, которую можно настроить для загрузки, 123 - id товара, в эту папку и кладутся все картинки. Автоматическое SEO название фото - транслитерация от названия товара. Язык можно выбрать в настройках. Например товар Принтер Canon-ip2900 будет иметь названия фото printer-canon-ip-2900-1.jpg, printer-canon-ip-2900-2.jpg, printer-canon-ip-2900-3.jpg то очень полезно для СЕО. Все спецсимволы и лишние знаки обрезаются. В версии 3.0 идет полная очистка от ненужного. Конечно, это можно настроить, но лучше что бы название было от названия товара. Есть возможность указать разделитель между названием фото и порядковым номером. Можно выбрать любое поле в товаре с которого будет генерация название изображения. Назначение главного фото идет простым перетягиванием мышки. Загрузили все фото - перетянули на главное одно из них и все готово. new! Если настроить автовыбор первого фото из всех загруженный - главное фото будет назначаться автоматически. Есть возможность добавлять фото из ранее загруженных. В версии 3.0 добавилась кнопка выбора фото с файл менеджера, и также в 1 клик. new! Сортировка загруженных фото перетягиванием мышки. Также в новой версии появилась корзина. Это необходимый инструмент облегчает работу с фотографиями товара. Когда вы загрузили все картинки, выбрали главную, отсортировали, повернули и т.п. и некоторые фото оказались не нужными - вы их просто перетягиваете в корзину. Файл все еще остается на сервере, но не привязан к товару. А с корзины его можно восстановить или удалить навсегда. Есть конечно-же инструмент полной очистки корзины. new! При наведении на изображение есть возможность увеличить фото new!  сменить на другое а также повернуть по часовой стрелке или против. При прокручивании - оригинал остается и его можно вернуть на сайт. Все очень удобно и продумано. В корзине же, можно удалить фото с сервера навсегда. Модуль создает свою вкладку в форме редактирования товара, где и располагается интерфейс работы с фото. Easyphoto не заменяет файлы магазина и не затрагивает работу сайта, только в админке. Присутствует локализация на русский и английский языки Настройки модуля
      Статус - собственно сам статус модуля. Если модуль установлен, но выключен - при редактировании товара все же будет вкладка Easyphoto, но будет выведено уведомление что для работы модуля необходимо его включить. При этом вкладка Изображения остается и фото можно добавлять стандартным способом. Папка для фото - название папки в которую будут загружаться фото. Обязательным требованием будет название на латинице например (easyphoto, photo, product_photo) без слешей, пробелов и другого лишнего и в нижнем регистре. По умолчанию если не настраивать папка будет easyphoto. Обратите внимание конечная папка для фото будет такой image/catalog/easyphoto/3634/. Где easyphoto - это папка, 3634 - id товара в ней уже и будут фото Разделитель для фото - это символ который разделяет название изображения и его порядковый номер. Допускаются нормальные символы, но не допускаются слеш / Назначать первое фото главным - настройка позволяет автоматически выбирать главным первое фото. Это очень удобно т.к. система автоматически проставляет главное изображение, и каждый раз нет необходимости его выбирать. Хотя для выбора главное достаточно просто навести курсор на фото и кликнуть по зеленой галочке Название фото из названия товара - автоматическое переименование фото в название товара. Это очень полезно для СЕО. Google рекомендует задавать название осознанным то есть отвечающим содержимому файла. Например ели поставить эту галочку, изображения для товара будут в формате nazvanie_tovara.1.jpg, nazvanie_tovara.2.jpg, nazvanie_tovara.3.jpg и т.д. Конечно, все лишние символы в названии товара будут очищаться. Рекомендуется включать эту опцию. Для новых товаров модуль также понимает где взять название. Название из. Эта настройка позволяет выбрать с какого поля брать текст для генерации названия фото. Можно поставить название, артикул, mpn и т.д. Язык названия фото - если у вас мультиязычный магазин, можно выбрать из какого языка брать название для изображений. По умолчанию берется из языка с id = 1 Как установить Easyphoto
      Автоматически через админку (рекомендуется)
      Переходим в установку модулей - выбираем файл модуля easyphoto_2.3.ocmod.zip После установки обновляем кеш модификаторов Переходим в модули - устанавливаем Easyphoto Ожидаем уведомление на почту об активации модуля Заходим в Easyphoto и настраиваем модуль Вручную с загрузкой по ftp
      Загружаем все из папки upload этого архива Переходим в установку модулей - выбираем файл модуля easyphoto_2.3.ocmod.xml После установки обновляем кеш модификаторов Переходим в модули - устанавливаем Easyphoto Ожидаем уведомление на почту об активации модуля Заходим в Easyphoto и настраиваем модуль  
      Полная информация о модуле https://microdata.pro/opencart-dev/easyphoto
      Информация об новой версии 3.1 https://microdata.pro/opencart-dev/easyphoto-3-0
    • От slava911
      Скачать/Купить дополнение


      SL-NOIMAGE PRODUCT (Заглушка к фото) [ocStore 1.5.X]
      Демо: slava911.500mb.net
      Описание:
      Модуль настраивает вывод красивой заглушки-картинки к товару, если ему не назначена фотография.
      Особенности:
      - МОДУЛЬ НЕ ЗАМЕНЯЕТ НИКАКИХ ФАЙЛОВ(vqmod)
      - Работает в таких разделах:
      - на странице категорий;
      - на странице товара;
      - на странице производителя;
      - на странице акций;
      - на странице поиска;
      - на странице сравнения товаров;
      - на странице корзины покупок + в модуле корзины:
      - на странице закладок;
      - в модуле хиты продаж.
      Совместимость:
      ocStore_v1.5.3.1, v1.5.4.1, (должен работать и на других версиях ocStore 1.5.х).
      О работе на других версиях прошу отписаться в теме.
      Установка(должен быть установлен VQMOD):
      1. Скопировать файлы на сервер.
      2. Готово, можно использовать.
      Добавил slava911 Добавлено 22.02.2013 Категория Прочее  
    • От mario512
      Добрый день. Выгружаю фото товара из 1с используя FTP. Соответствующие записи в БД производятся. Ловлю такую ошибку:
      2018-04-01 18:19:29 - PHP Warning: imagecreatefromjpeg(): '/home/caseroom/caseroom.in.ua/www/image/catalog/demo/product/100/100.jpg' is not a valid JPEG file in /home/caseroom/caseroom.in.ua/www/system/library/image.php on line 26 2018-04-01 18:19:29 - PHP Warning: imagecopyresampled() expects parameter 2 to be resource, boolean given in /home/caseroom/caseroom.in.ua/www/system/library/image.php on line 118 2018-04-01 18:19:29 - PHP Warning: imagedestroy() expects parameter 1 to be resource, boolean given in /home/caseroom/caseroom.in.ua/www/system/library/image.php on line 119 Некоторые фото залетают нормально. Если данную фотку загрузить через админку, то все работает. Размер фото 500х500.
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.