Краткое описание
Плагин “Essential Grid” позволяет выводить наборы постов с различными ховер-эффектами (кнопки “Zoom” и “Link”, заголовок поста и прочая информация). Плагин позволяет отображать информацию из кастомных полей, привязанных к посту (например, цену товара, дату начала занятий на курсах и т.п.). Вниманию разработчиков! Отображаемые поля должны храниться в виде отдельных полей в мета-данных поста! Если нужно вывести какое-либо поле, которое хранится в сериализованном массиве (например, опции постов в ThemeREX Addons) – нужно перехватывать событие сохранения или обновления поста и, параллельно с записью данных в сериализованный массив, записывать нужные для вывода (или сортировки постов) данные в отдельные мета-поля. Пример такого перехвата и сохранения поля с датой начала курсов можно увидеть в плагине ThemeREX Addons в файле /wp-content/plugins/trx_addons/cpt/courses/courses.php в районе 187 строки в функции xxx_save_post_options:// Save courses date for search, sorting, etc.
if ( !function_exists( 'trx_addons_cpt_courses_save_post_options' ) ) {
add_filter('trx_addons_filter_save_post_options', 'trx_addons_cpt_courses_save_post_options', 10, 3);
function trx_addons_cpt_courses_save_post_options($options, $post_id, $post_type) {
if ($post_type == TRX_ADDONS_CPT_COURSES_PT) {
$tm = explode('-', str_replace(' ', '', strtoupper($options['time'])));
$tm_add = strpos($tm[0], 'PM')!==false ? 12 : 0;
$tm = explode(':', str_replace(array('.', 'AM', 'PM', ' '), array(':', '', '', ''), $tm[0]));
update_post_meta($post_id, 'trx_addons_courses_date', $options['date'].' '.(!empty($tm[1]) ? ($tm[0]+$tm_add).':'.$tm[1] : $tm[0]));
update_post_meta($post_id, 'trx_addons_courses_price', $options['price']);
}
return $options;
}
}
Ниже представлены несколько примеров вывода постов при помощи плагина “Essential Grid” со стандартными (встроенными) скинами. Во втором примере мы отображаем список курсов с ценами и датой начала, которые берутся из кастомных полей. Portfolio Grid
Пример вывода grid со стандартным (встроенным) скином 'Washington'. При создании данного примера применены картинки фиксированного размера для создания сетки с одинаковыми ячейками.
Courses demo
Для вывода этого grid скопирован стандартный скин и в него добавлены поля для отображения даты и цены курсов. Для картинок указан размер 'Masonry' для создания сетки с разными ячейками (чтобы не срезались края изображений).
Masonry example
А этот grid снова использует стандартный скин 'Grant'. Для картинок указан размер 'Masonry' для создания сетки с разными ячейками (чтобы не срезались края изображений). И в данном примере не выводятся кнопки фильтрации по категориям
Cobbles demo
Ну, и, наконец, демонстрация стиля вывода 'Cobbles' - сетка с кратными ячейками. Попутно для текущей строки указано растягивание контента во всю ширину
WooCommerce demo
Пример вывода продуктов с помощью Essential Grid