Skip to content Skip to footer
Open Hours:Mn - St, 8:00 a.m. - 9:00 p.m.
123, New Lenox, Chicago
Work Time8:00 - 18:00
Shopping Cart 0 items - $0.00 0
123, New Lenox, Chicago, IL 60606
Shopping Cart 0 items - $0.00 0

Essential Grids Demo

Essential Grids Demo

Краткое описание

Плагин “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” со стандартными (встроенными) скинами. Во втором примере мы отображаем список курсов с ценами и датой начала, которые берутся из кастомных полей.
Skin 'Washington'

Portfolio Grid

Пример вывода grid со стандартным (встроенным) скином 'Washington'. При создании данного примера применены картинки фиксированного размера для создания сетки с одинаковыми ячейками.

Skin 'Courses'

Courses demo

Для вывода этого grid скопирован стандартный скин и в него добавлены поля для отображения даты и цены курсов. Для картинок указан размер 'Masonry' для создания сетки с разными ячейками (чтобы не срезались края изображений).

Skin 'Grant'

Masonry example

А этот grid снова использует стандартный скин 'Grant'. Для картинок указан размер 'Masonry' для создания сетки с разными ячейками (чтобы не срезались края изображений). И в данном примере не выводятся кнопки фильтрации по категориям

Skin 'Jefferson'

Cobbles demo

Ну, и, наконец, демонстрация стиля вывода 'Cobbles' - сетка с кратными ячейками. Попутно для текущей строки указано растягивание контента во всю ширину

Skin 'Arthur'

WooCommerce demo

Пример вывода продуктов с помощью Essential Grid

E-mail
Password
Confirm Password