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

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

Как оказалось на практике, настройка и генерация всплывающих больших изображений определенного размера совершенно неудобно т.к. во многих магазинах есть как большие изображения товара, так и маленькие. При задании размера большого фото товара, например 800х600, изображения размером 800х400 будут иметь белые полоски, а картинки малых размеров — увеличены и зернистые, что неправильно и некрасиво.

Если сайт имеет в своем наборе разного размера и ориентации изображения, я рекомендую сделать всплывающие оригинальные фото. Для этого открываем файл catalog/controller/product.php ищем строку

$this->data['popup'] = $this->model_tool_image->resize($product_info['image'], $this->config->get('config_image_popup_width'), $this->config->get('config_image_popup_height'));

Заменяем её на

$this->data['popup'] = '/image/'.$product_info['image']; 

По аналогии убираем статический размер в дополнительных изображениях. Для этого строку

'popup' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_popup_width'), $this->config->get('config_image_popup_height')), 

Заменяем на

'popup' => '/image/'.$result['image'], 

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


30.05.2015 15175
Новости из этой категории
17.09.2015 42521
Работа со стандартным фильтром Opencart
В Opencart с коробки предусмотрен фильтр товаров. Да он настраивается неудобно и долго, но он бесплатный и хорошо выполняет свои функции. Также есть множество платных ана..
30.05.2015 5398
EAN в Opencart
EAN в opencart предназначено для ввода значения Европейского артикула. Поле не является обязательным к заполнению, однако с помощью его можно вывести дополнительные данны..
30.05.2015 9309
SEO URL (ЧПУ)
SEO URL — это ЧПУ (человеко понятные УРЛ). Простыми словами это текстовые ссылки http://shop.com/apple/iphone5 вместо стандартных …route=product/product&product_id=42 кот..
30.05.2015 11012
HTML-тег H1 в Opencart
В opencart тег H1 нужен для отображения на сайте главной надписи в карточке товара. Как правило в это поле копируют названия товара, однако рекомендуется его оставлять пу..
30.05.2015 4257
Дата поступления
В пункте дата поступления можно указать дату поступления товара на склад. Иными словами это дата когда товар будет доступен для просмотра в каталоге.Это удобно, если пост..
Вся информация, представленная на сайте, является демонстрационной и оставляя информацию о своих персональных данных, вы добровольно делаете их общедоступными.
Рекомендуем использовать обезличенные данные. Мы используем файлы cookie для вашего удобства пользования сайтом и повышения качества рекомендаций. Подробнее