Виджет со статьми
«Виджет» – это интерактивный блок с данными для размещения на сайте. Виджет можно генерировать при помощи специального короткого кода («ShortCode»), который может содержать дополнительные параметры. Запустить генератор «Виджета со статьями»Как вставить сгенерированное меню?
- 1)Вы можете воспользоваться кодом автоматической замены, введя [MENU:blog_page_slider:htmlonly:cat_id-0:site-0:start-0:on_page-10]
В коде можно использовать следующие параметры:
- :cat_id- - ID категории (будут отображены статьи только из этой категории)
- :site- - ID вашего сайта, но внутри вашего сайта можно не использовать
- :on_page- - Количество отображаемых статей в слайдере
- :start- - начальная страница слайдера, число, с которого начать просмотр продуктов. Например, если на странице отображается 6 статей, а стартовое число будет 2, то будут отображены статьи с 6 по 12.
- :description - Показывать краткое описание
- :repeat - повторять слайды после того, как закончится список статей
- :random - Показывать без упорядочивания по ID
- :one - Прокручивать только по одной статье
- :blog_id - ID статей (через запятую, без пробелов)
- :lang- - язык отображаемых статей (если не указан, то будет использоваться язык открытой страницы)
- :order_by- - Сортировка. 0 - по Дате, 1 - По ID, 4 - По наименованию
- :sort_by- - Сортировка. ASC - По возрастанию, DESC - По убыванию
- :append - добавлять новые данные в конце
- :htmlonly - только список статей (без javscript и css стилей, которые нужно предварительно вставлять самостоятельно).
Данный параметр удобен в том случае, если вы хотите оформить собственный стиль для слайдера. В этом случае нужно вставить JavaScript, CSS код, и короткий код [MENU...]
- :id- - привязать ID к основному DIV. Можно использовать для индивидуальной стилизации области слайдера
- 2)Вы можете вставить код сгенерированного меню вручную. Для этого создайте Блок/Меню, с положением вверху или внизу, и вставьте в него код, написанный ниже. Так же код можно вставить внутрь страницы.
Вставлять необходимо все поля.
Внимание! Если вы используете несколько меню на одной странице, то вам не нужно вставлять Java Script и CSS стиль повторно.
По умолчанию в стандартном наборе функций вашего магазина уже вшит данный JavaScript и CSS стиль. Вы можете повторно вставить код только если вам нужно изменить его дизайн или функции. Просто так вставлять JavaScript код и CSS стиль повторно не нужно.
Ajax загрузка списка статей:
Генератор блока со статьями можно загрузить при помощи GET/POST/AJAX запроса. Для этого необходимо выполнить запрос с вашего сайта (вашего домена) на страницу «/ajax_get_list_blog.php». В запросе можно указать дополнительные свойства для отображения статей. Список всех возможных значений вы можете узнать выше. Для корректного отображения статей, необходимо добавить HTML оболочку и родительские элементы, а также кнопки для перематывания/продолжения списка статей (прокрутка вперед/назад). Пример такой оболочки и передачи параметров показан по ссылке - Пример загрузки списка статей и передачи параметров через AJAX/POST/GET. Запустить генератор «Виджета со статьями»
Предварительный просмотр меню со статьями
Предварительный просмотр
Код
Java Script');
$(".hotengine-blog-page-list-div-loading").animate({opacity: "show"}, 400);
$(this).parent().find(".hotengine-blog-page-list-content")
.load("/ajax_get_list_blog.php?c="+c+"&n="+n+"¶m="+param, function(){
$(".hotengine-blog-page-list-div-loading").hide("fast", function(){
$(".hotengine-blog-page-list-div-loading").remove();
});
if(typeof(callback_hotengine_blog_page_list_div_button) === "function"){
callback_hotengine_blog_page_list_div_button();
}
});
});
});
// -->
Скрипт загрузки следующих и предыдущих статей в меню, нужно вставить либо в какое-то меню, которое открывается на всех страницах сайта (например в header или в то меню, в которое вы вставляете сгенерированный HTML код меню ).
CSS стиль CSS код вставляйте в
редакторе дизайна, во вкладку CSS стили, предварительно убрав "<style type="text/css">" в начале, и </style> в конце. Если код используется не в редакторе CSS стилей, то код можно уставлять без изменений. .hotengine-blog-categories-menu-active { - выделение активного пункта в меню. Замените "color:red;" на нужный вам цвет или стиль.
Показать раздельный код для меню Или вставить в виде кода [MENU:blog_page_slider:cat_id-0:site-0:start-0:on_page-10]
Обязательно замените цифры 0 - на нужные вам значения.