Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the basekit domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /var/www/vhosts/trex3.themerex.net/httpdocs/wp-includes/functions.php on line 6121
Essential Grids Demo – BaseKit
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