name = esc_html__( 'Fullwidth Portfolio', 'et_builder' ); $this->plural = esc_html__( 'Fullwidth Portfolios', 'et_builder' ); $this->slug = 'et_pb_fullwidth_portfolio'; $this->vb_support = 'on'; $this->fullwidth = true; // need to use global settings from the slider module $this->global_settings_slug = 'et_pb_portfolio'; $this->main_css_element = '%%order_class%%'; $this->settings_modal_toggles = array( 'general' => array( 'toggles' => array( 'main_content' => et_builder_i18n( 'Content' ), 'elements' => et_builder_i18n( 'Elements' ), ), ), 'advanced' => array( 'toggles' => array( 'layout' => et_builder_i18n( 'Layout' ), 'overlay' => et_builder_i18n( 'Overlay' ), 'rotation' => esc_html__( 'Rotation', 'et_builder' ), 'text' => array( 'title' => et_builder_i18n( 'Text' ), 'priority' => 49, ), 'image' => et_builder_i18n( 'Image' ), ), ), 'custom_css' => array( 'toggles' => array( 'animation' => array( 'title' => esc_html__( 'Animation', 'et_builder' ), 'priority' => 90, ), ), ), ); $this->advanced_fields = array( 'fonts' => array( 'portfolio_header' => array( 'label' => et_builder_i18n( 'Title' ), 'css' => array( 'main' => "{$this->main_css_element} .et_pb_portfolio_title", 'important' => 'all', ), 'header_level' => array( 'default' => 'h2', ), 'font_size' => array( 'default' => '26px', ), 'line_height' => array( 'default' => '1em', ), ), 'title' => array( 'label' => esc_html__( 'Portfolio Item Title', 'et_builder' ), 'css' => array( 'main' => "{$this->main_css_element} h3, {$this->main_css_element} h1.et_pb_module_header, {$this->main_css_element} h2.et_pb_module_header, {$this->main_css_element} h4.et_pb_module_header, {$this->main_css_element} h5.et_pb_module_header, {$this->main_css_element} h6.et_pb_module_header", 'important' => 'all', ), 'header_level' => array( 'default' => 'h3', ), ), 'caption' => array( 'label' => esc_html__( 'Meta', 'et_builder' ), 'css' => array( 'main' => "{$this->main_css_element} .post-meta, {$this->main_css_element} .post-meta a", 'text_align' => "{$this->main_css_element} .et_pb_portfolio_image p.post-meta", ), ), ), 'background' => array( 'settings' => array( 'color' => 'alpha', ), ), 'borders' => array( 'default' => array( 'css' => array( 'main' => array( 'border_radii' => "{$this->main_css_element}", 'border_styles' => "{$this->main_css_element}", ), ), ), 'image' => array( 'css' => array( 'main' => array( 'border_radii' => "{$this->main_css_element} .et_pb_portfolio_image", 'border_styles' => "{$this->main_css_element} .et_pb_portfolio_image", ), ), 'label_prefix' => et_builder_i18n( 'Image' ), 'tab_slug' => 'advanced', 'toggle_slug' => 'image', ), ), 'box_shadow' => array( 'default' => array(), 'image' => array( 'label' => esc_html__( 'Image Box Shadow', 'et_builder' ), 'option_category' => 'layout', 'tab_slug' => 'advanced', 'toggle_slug' => 'image', 'css' => array( 'main' => '%%order_class%% .et_pb_portfolio_image', 'overlay' => 'inset', ), 'default_on_fronts' => array( 'color' => '', 'position' => '', ), ), ), 'text' => array( 'use_background_layout' => true, 'css' => array( 'text_orientation' => '%%order_class%% h2, %%order_class%% .et_pb_portfolio_image h3, %%order_class%% .et_pb_portfolio_image p, %%order_class%% .et_pb_portfolio_title, %%order_class%% .et_pb_portfolio_image .et_pb_module_header', ), 'options' => array( 'text_orientation' => array( 'default_on_front' => 'center', ), 'background_layout' => array( 'default_on_front' => 'light', 'hover' => 'tabs', ), ), ), 'filters' => array( 'css' => array( 'main' => '%%order_class%%', ), 'child_filters_target' => array( 'tab_slug' => 'advanced', 'toggle_slug' => 'image', ), ), 'image' => array( 'css' => array( 'main' => '%%order_class%% .et_pb_portfolio_image', ), ), 'scroll_effects' => array( 'grid_support' => 'yes', ), 'button' => false, 'position_fields' => array( 'default' => 'relative', ), ); $this->custom_css_fields = array( 'portfolio_title' => array( 'label' => esc_html__( 'Portfolio Title', 'et_builder' ), 'selector' => '> h2', ), 'portfolio_item' => array( 'label' => esc_html__( 'Portfolio Item', 'et_builder' ), 'selector' => '.et_pb_portfolio_item', ), 'portfolio_overlay' => array( 'label' => esc_html__( 'Item Overlay', 'et_builder' ), 'selector' => 'span.et_overlay', ), 'portfolio_item_title' => array( 'label' => esc_html__( 'Item Title', 'et_builder' ), 'selector' => '.meta h3', ), 'portfolio_meta' => array( 'label' => esc_html__( 'Meta', 'et_builder' ), 'selector' => '.meta p', ), 'portfolio_arrows' => array( 'label' => esc_html__( 'Navigation Arrows', 'et_builder' ), 'selector' => '.et-pb-slider-arrows a', ), ); $this->help_videos = array( array( 'id' => 'Mug6LhcJQ5M', 'name' => esc_html__( 'An introduction to the Fullwidth Portfolio module', 'et_builder' ), ), ); } function get_fields() { $fields = array( 'title' => array( 'label' => esc_html__( 'Portfolio Title', 'et_builder' ), 'type' => 'text', 'option_category' => 'basic_option', 'description' => esc_html__( 'Title displayed above the portfolio.', 'et_builder' ), 'toggle_slug' => 'main_content', 'dynamic_content' => 'text', 'mobile_options' => true, 'hover' => 'tabs', ), 'fullwidth' => array( 'label' => et_builder_i18n( 'Layout' ), 'type' => 'select', 'option_category' => 'layout', 'options' => array( 'on' => esc_html__( 'Carousel', 'et_builder' ), 'off' => esc_html__( 'Grid', 'et_builder' ), ), 'default_on_front' => 'on', 'affects' => array( 'auto', ), 'tab_slug' => 'advanced', 'toggle_slug' => 'layout', 'description' => esc_html__( 'Choose your desired portfolio layout style.', 'et_builder' ), ), 'include_categories' => array( 'label' => esc_html__( 'Included Categories', 'et_builder' ), 'type' => 'categories', 'meta_categories' => array( 'all' => esc_html__( 'All Categories', 'et_builder' ), 'current' => esc_html__( 'Current Category', 'et_builder' ), ), 'option_category' => 'basic_option', 'description' => esc_html__( 'Select the categories that you would like to include in the feed.', 'et_builder' ), 'computed_affects' => array( '__projects', ), 'taxonomy_name' => 'project_category', 'toggle_slug' => 'main_content', ), 'posts_number' => array( 'label' => esc_html__( 'Post Count', 'et_builder' ), 'type' => 'text', 'option_category' => 'configuration', 'description' => esc_html__( 'Control how many projects are displayed. Leave blank or use 0 to not limit the amount.', 'et_builder' ), 'computed_affects' => array( '__projects', ), 'toggle_slug' => 'main_content', ), 'show_title' => array( 'label' => esc_html__( 'Show Title', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'configuration', 'options' => array( 'on' => et_builder_i18n( 'Yes' ), 'off' => et_builder_i18n( 'No' ), ), 'default_on_front' => 'on', 'toggle_slug' => 'elements', 'description' => esc_html__( 'Turn project titles on or off.', 'et_builder' ), 'mobile_options' => true, 'hover' => 'tabs', ), 'show_date' => array( 'label' => esc_html__( 'Show Date', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'configuration', 'options' => array( 'on' => et_builder_i18n( 'Yes' ), 'off' => et_builder_i18n( 'No' ), ), 'default_on_front' => 'on', 'toggle_slug' => 'elements', 'description' => esc_html__( 'Turn the date display on or off.', 'et_builder' ), 'mobile_options' => true, 'hover' => 'tabs', ), 'zoom_icon_color' => array( 'label' => esc_html__( 'Overlay Icon Color', 'et_builder' ), 'description' => esc_html__( 'Here you can define a custom color for the zoom icon.', 'et_builder' ), 'type' => 'color-alpha', 'custom_color' => true, 'tab_slug' => 'advanced', 'toggle_slug' => 'overlay', 'mobile_options' => true, 'sticky' => true, ), 'hover_overlay_color' => array( 'label' => esc_html__( 'Overlay Background Color', 'et_builder' ), 'description' => esc_html__( 'Pick a color to use for the icon that appears when hovering over a portfolio item.', 'et_builder' ), 'type' => 'color-alpha', 'custom_color' => true, 'tab_slug' => 'advanced', 'toggle_slug' => 'overlay', 'mobile_options' => true, 'sticky' => true, ), 'hover_icon' => array( 'label' => esc_html__( 'Overlay Icon', 'et_builder' ), 'description' => esc_html__( 'Select an icon to appear when hovering over a portfolio item.', 'et_builder' ), 'type' => 'select_icon', 'option_category' => 'configuration', 'class' => array( 'et-pb-font-icon' ), 'tab_slug' => 'advanced', 'toggle_slug' => 'overlay', 'mobile_options' => true, 'sticky' => true, ), '__projects' => array( 'type' => 'computed', 'computed_callback' => array( 'ET_Builder_Module_Fullwidth_Portfolio', 'get_portfolio_item' ), 'computed_depends_on' => array( 'posts_number', 'include_categories', ), ), ); return $fields; } /** * Get portfolio objects for portfolio module * * @param array arguments that affect et_pb_portfolio query * @param array passed conditional tag for update process * @param array passed current page params * @return array portfolio item data */ static function get_portfolio_item( $args = array(), $conditional_tags = array(), $current_page = array() ) { global $post; $defaults = array( 'posts_number' => '', 'include_categories' => '', ); $args = wp_parse_args( $args, $defaults ); $query_args = array( 'post_type' => 'project', 'post_status' => array( 'publish', 'private' ), 'perm' => 'readable', ); if ( is_numeric( $args['posts_number'] ) && $args['posts_number'] > 0 ) { $query_args['posts_per_page'] = $args['posts_number']; } else { $query_args['nopaging'] = true; } $include_categories = self::filter_include_categories( $args['include_categories'], 0, 'project_category' ); if ( ! empty( $include_categories ) ) { $query_args['tax_query'] = array( array( 'taxonomy' => 'project_category', 'field' => 'id', 'terms' => $include_categories, 'operator' => 'IN', ), ); } // Get portfolio query $query = new WP_Query( $query_args ); // Format portfolio output, add supplementary data $width = (int) apply_filters( 'et_pb_portfolio_image_width', 510 ); $height = (int) apply_filters( 'et_pb_portfolio_image_height', 382 ); if ( $query->post_count > 0 ) { $post_index = 0; while ( $query->have_posts() ) { $query->the_post(); ET_Post_Stack::replace( $post ); // Get thumbnail $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ), array( $width, $height ) ); if ( isset( $thumbnail[2] ) && isset( $thumbnail[1] ) ) { $orientation = ( $thumbnail[2] > $thumbnail[1] ) ? 'portrait' : 'landscape'; } else { $orientation = false; } // Append value to query post $query->posts[ $post_index ]->post_permalink = get_permalink(); $query->posts[ $post_index ]->post_thumbnail = isset( $thumbnail[0] ) ? $thumbnail[0] : false; $query->posts[ $post_index ]->post_thumbnail_orientation = $orientation; $query->posts[ $post_index ]->post_date_readable = get_the_date(); $query->posts[ $post_index ]->post_class_name = get_post_class( 'et_pb_portfolio_item et_pb_grid_item ' ); $post_index++; ET_Post_Stack::pop(); } ET_Post_Stack::reset(); } elseif ( self::is_processing_computed_prop() ) { // This is for the VB $posts = '