Реализация популярных новостей в DLE, при помощи Owl-carusel

Реализация популярных новостей в DLE, при помощи Owl-caruselРеализация популярных новостей в DLE, при помощи Owl-carusel. В данном примере, я расскажу как реализовать популярные новости в цмс DataLife Engine, при помощи дополнительного поля (функции из коробки DLE) и . Ну и конечно же приложу архив с готовым примером для скачивания. Этот пример хорош в том случае, если Вы используете дополнительное поле с типом поля (загружаемое изображение), для отображения картинки краткой новости. Конечно есть второй способ реализации Топ новостей и без доп поля, но с помощью стандартного тега для шаблона (Внимание! По данному тегу читайте документацию).

Если Вы будете использовать тег , тогда необходимо в Вашем шаблоне, поменять тег доп поля на тег . В первую очередь, зайдите в админ панель DLE — настройки скрипта — дополнительные поля новостей и добавить новое дополнительное поле, с типом поля загружаемое изображение. В название поля указать идентификатор — например: image. С остальными полями это уже на усмотрение Вашего проекта. Далее скачайте с официального сайта. Из архива Вам необходимо взять всего 2 файла — и Закиньте эти файлы в свои папки js и css Вашего шаблона. Откройте в текстовом редакторе файл и вставьте следующие строки. link rel=»stylesheet» type=»text/css» href=» script type=»text/jаvascript» src=» /script. В этом же файле, в нужном месте.

div id=»carousel» class=»owl-carousel owl-theme» /div. Откройте в текстовом редакторе файл topnews и вставьте следующие строки. a href=» » div class=»image» style=»background-image: url(‘ xfvalue_image_url_post_img] xfnotgiven_post_img] /div div class=»owl-title» !— Уберите в теге точки — /div div class=»owl-date» /div /a. Откройте в текстовом редакторе файл, в моем случае это main и вставьте следующие строки. Откройте в текстовом редакторе файл, в моем случае это main и вставьте следующие строки: В настройках скрипта необходимо выставить, какое одновременно количество новостей показывать при разных размерах экрана. Настройки выставляются в зависимости от структуры Вашего шаблона. В моем случае, как Вы видите, от 0 до 480px я вывожу один блок, а от 480px до 992px 2 блока и т.д. Более детальные настройки по карусели, читайте на официальном сайте owl-carousel. Как и обещал, прикладываю архив с готовым решением карусели.

Добрый день. Не оставляет ощущение, что все как-то через zoppu сделано? Так выглядит весь OpenCart. Как по мне, все отлично реализовано, а главное — сохраняется производительность, при таком.

Не оставляет ощущение, что все как-то через zoppu сделано? — ЧПУ напрямую БД записывать? А как же хваленый MVC? ( — непонятно почему добавляется проверка к роутеру? — зачем перепроверять есть файл. Спасибо! Исправил правое меню так, как мне было нужно.

Прочел эти три книги, просто супер, действительно очень сильно повышают навык в программирование. Спасибо большое автору статьи за подсказку. Отличное аккордеон меню, как раз искал такой для своего проекта. Спасибо большое разработчику.

Leave a Reply