Изображения в OpenCart на странице, как в каталоге
 
КонтентРутина

Изображения в OpenCart на странице, как в каталоге

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

Недавно возникла необходимость в CMS OpenCart 2.3.0.2 сделать открытие изображений на странице, как товара в каталоге.

Чтобы использовать класс thumbnails для любых изображений на текстовых страницах типа information понадобится отредактировать два файла.

Подключаемся к сайту через FTP, переходим в шаблон темы вашего сайта, обычно путь к ней: /public_html/catalog/view/theme/ваша тема/

Затем переходим в файл, который содержит информацию по работе страниц на сайте: /public_html/catalog/view/theme/ваша тема/template/information/information.tpl

В этом файле, в самом конце добавим скрипт:

<script type="text/javascript"><!--
$(document).ready(function() {
  $('.thumbnails').magnificPopup({
    type:'image',
    delegate: 'a',
    gallery: {
      enabled:true
    }
  });
});
//--></script>

Затем идем в файл по адресу: /public_html/catalog/controller/information/information.php

Находим строку вида: $this->document->setKeywords($information_info[‘meta_keyword’]);

После нее нужно записать две строки, которые подключат существующие и используемые системой файлы:

$this->document->addScript('catalog/view/javascript/jquery/magnific/jquery.magnific-popup.min.js');
$this->document->addStyle('catalog/view/javascript/jquery/magnific/magnific-popup.css');

После внесения изменений можно перейти к редактированию изображения. Используйте class=»thumbnails», чтобы картинка открылась в том же окне с затемнением фона. Отображение будет в точности как товара в каталоге.

<div class="thumbnails">
<a href="/image/catalog/image.jpg" title="Документ компании"><img src="/image/catalog/image.jpg" title="Документ компании" alt="Скан документа компании"></a>
</div>
Наверх