File Editor
Directories:
.. (Back)
field
helpers
settings
type
woocommerce
Files:
Accordion.php
AccordionItem.php
Audio.php
BarCounters.php
BarCountersItem.php
Blog.php
Blurb.php
Button.php
CircleCounter.php
Code.php
Comments.php
ContactForm.php
ContactFormItem.php
CountdownTimer.php
Cta.php
Divider.php
FilterablePortfolio.php
FullwidthCode.php
FullwidthHeader.php
FullwidthImage.php
FullwidthMap.php
FullwidthMenu.php
FullwidthPortfolio.php
FullwidthPostContent.php
FullwidthPostSlider.php
FullwidthPostTitle.php
FullwidthSlider.php
Gallery.php
Icon.php
Image.php
Login.php
Map.php
MapItem.php
Menu.php
NumberCounter.php
Portfolio.php
PostContent.php
PostSlider.php
PostTitle.php
PostsNavigation.php
PricingTables.php
PricingTablesItem.php
Search.php
Sidebar.php
Signup.php
SignupItem.php
Slider.php
SliderItem.php
SocialMediaFollow.php
SocialMediaFollowItem.php
Tabs.php
TabsItem.php
TeamMember.php
Testimonial.php
Text.php
Toggle.php
Video.php
VideoSlider.php
VideoSliderItem.php
Create New File
Create
Edit File: PostSlider.php
<?php require_once 'helpers/Slider.php'; class ET_Builder_Module_Post_Slider extends ET_Builder_Module_Type_PostBased { /** * Track if the module is currently rendering to prevent unnecessary rendering and recursion. * * @var bool */ protected static $_rendering = false; function init() { $this->name = esc_html__( 'Post Slider', 'et_builder' ); $this->plural = esc_html__( 'Post Sliders', 'et_builder' ); $this->slug = 'et_pb_post_slider'; $this->vb_support = 'on'; // Save processed background so it can be modified & reapplied on another element $this->save_processed_background = true; // need to use global settings from the slider module $this->global_settings_slug = 'et_pb_slider'; $this->main_css_element = '%%order_class%%.et_pb_slider'; $this->settings_modal_toggles = array( 'general' => array( 'toggles' => array( 'main_content' => et_builder_i18n( 'Content' ), 'elements' => et_builder_i18n( 'Elements' ), 'featured_image' => esc_html__( 'Featured Image', 'et_builder' ), ), ), 'advanced' => array( 'toggles' => array( 'layout' => et_builder_i18n( 'Layout' ), 'overlay' => et_builder_i18n( 'Overlay' ), 'navigation' => esc_html__( 'Navigation', 'et_builder' ), 'image' => array( 'title' => et_builder_i18n( 'Image' ), ), 'text' => array( 'title' => et_builder_i18n( 'Text' ), 'priority' => 49, ), ), ), 'custom_css' => array( 'toggles' => array( 'animation' => array( 'title' => esc_html__( 'Animation', 'et_builder' ), 'priority' => 90, ), ), ), ); $this->advanced_fields = array( 'fonts' => array( 'header' => array( 'label' => et_builder_i18n( 'Title' ), 'css' => array( 'main' => "{$this->main_css_element} .et_pb_slide_description .et_pb_slide_title, {$this->main_css_element} .et_pb_slide_description .et_pb_slide_title a", 'important' => array( 'size', 'font-size', 'plugin_all' ), ), 'header_level' => array( 'default' => 'h2', ), ), 'body' => array( 'label' => et_builder_i18n( 'Body' ), 'css' => array( 'line_height' => "{$this->main_css_element}, {$this->main_css_element} .et_pb_slide_content", 'main' => "{$this->main_css_element} .et_pb_slide_content, {$this->main_css_element} .et_pb_slide_content div", 'important' => 'all', ), 'block_elements' => array( 'tabbed_subtoggles' => true, 'bb_icons_support' => true, 'css' => array( 'link' => "{$this->main_css_element} .et_pb_slide_content a", 'ul' => "{$this->main_css_element} .et_pb_slide_content ul li", 'ul_item_indent' => "{$this->main_css_element} .et_pb_slide_content ul", 'ol' => "{$this->main_css_element} .et_pb_slide_content ol li", 'ol_item_indent' => "{$this->main_css_element} .et_pb_slide_content ol", 'quote' => "{$this->main_css_element} .et_pb_slide_content blockquote", ), ), ), 'meta' => array( 'label' => esc_html__( 'Meta', 'et_builder' ), 'css' => array( 'main' => "{$this->main_css_element} .et_pb_slide_content .post-meta, {$this->main_css_element} .et_pb_slide_content .post-meta a", 'limited_main' => "{$this->main_css_element} .et_pb_slide_content .post-meta, {$this->main_css_element} .et_pb_slide_content .post-meta a, {$this->main_css_element} .et_pb_slide_content .post-meta span", 'important' => 'all', ), 'line_height' => array( 'default' => '1em', ), 'font_size' => array( 'default' => '16px', ), 'letter_spacing' => array( 'default' => '0', ), ), ), 'box_shadow' => array( 'default' => array( 'css' => array( 'overlay' => 'inset', ), ), '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_slide_image img', ), 'default_on_fronts' => array( 'color' => '', 'position' => '', ), ), ), 'button' => array( 'button' => array( 'label' => et_builder_i18n( 'Button' ), 'css' => array( 'main' => "{$this->main_css_element} .et_pb_more_button.et_pb_button", 'limited_main' => "{$this->main_css_element} .et_pb_more_button.et_pb_button", 'alignment' => "{$this->main_css_element} .et_pb_button_wrapper", ), 'use_alignment' => true, 'box_shadow' => array( 'css' => array( 'main' => '%%order_class%% .et_pb_button', ), ), 'margin_padding' => array( 'css' => array( 'important' => 'all', ), ), ), ), 'background' => array( 'css' => array( 'main' => "{$this->main_css_element}, {$this->main_css_element}.et_pb_bg_layout_dark", ), 'options' => array( 'parallax_method' => array( 'default' => 'off', ), 'background_color' => array( 'default' => et_builder_accent_color(), ), ), ), 'borders' => array( 'default' => array( 'css' => array( 'main' => array( 'border_radii' => '%%order_class%%, %%order_class%% .et_pb_slide, %%order_class%% .et_pb_slide_overlay_container', ), ), ), 'image' => array( 'css' => array( 'main' => array( 'border_radii' => '%%order_class%% .et_pb_slide .et_pb_slide_image img', 'border_styles' => '%%order_class%% .et_pb_slide .et_pb_slide_image img', ), ), 'label_prefix' => et_builder_i18n( 'Image' ), 'tab_slug' => 'advanced', 'toggle_slug' => 'image', 'depends_show_if' => 'off', 'defaults' => array( 'border_radii' => 'on||||', 'border_styles' => array( 'width' => '0px', 'color' => '#333333', 'style' => 'solid', ), ), ), ), 'margin_padding' => array( 'css' => array( 'main' => '%%order_class%%', 'padding' => '%%order_class%% .et_pb_slide_description, .et_pb_slider_fullwidth_off%%order_class%% .et_pb_slide_description', 'important' => array( 'custom_margin' ), // needed to overwrite last module margin-bottom styling ), ), 'text' => array( 'use_background_layout' => true, 'css' => array( 'main' => implode( ', ', array( '%%order_class%% .et_pb_slide .et_pb_slide_description .et_pb_slide_title', '%%order_class%% .et_pb_slide .et_pb_slide_description .et_pb_slide_title a', '%%order_class%% .et_pb_slide .et_pb_slide_description .et_pb_slide_content', '%%order_class%% .et_pb_slide .et_pb_slide_description .et_pb_slide_content .post-meta', '%%order_class%% .et_pb_slide .et_pb_slide_description .et_pb_slide_content .post-meta a', '%%order_class%% .et_pb_slide .et_pb_slide_description .et_pb_slide_content .et_pb_button', ) ), 'text_orientation' => '%%order_class%% .et_pb_slide .et_pb_slide_description', 'text_shadow' => '%%order_class%% .et_pb_slide .et_pb_slide_description', ), 'options' => array( 'text_orientation' => array( 'default_on_front' => 'center', ), 'background_layout' => array( 'default_on_front' => 'dark', 'hover' => 'tabs', ), ), ), 'filters' => array( 'child_filters_target' => array( 'tab_slug' => 'advanced', 'toggle_slug' => 'image', ), ), 'image' => array( 'css' => array( 'main' => '%%order_class%% .et_pb_slide_image', ), ), 'height' => array( 'css' => array( 'main' => '%%order_class%%, %%order_class%% .et_pb_slide', ), ), 'max_width' => array( 'extra' => array( 'content' => array( 'use_module_alignment' => false, 'css' => array( 'main' => '%%order_class%% .et_pb_slide > .et_pb_container', ), 'options' => array( 'width' => array( 'label' => esc_html__( 'Content Width', 'et_builder' ), ), 'max_width' => array( 'label' => esc_html__( 'Content Max Width', 'et_builder' ), ), ), ), ), ), 'position_fields' => array( 'default' => 'relative', ), ); $this->custom_css_fields = array( 'slide_description' => array( 'label' => esc_html__( 'Slide Description', 'et_builder' ), 'selector' => '.et_pb_slide_description', ), 'slide_title' => array( 'label' => esc_html__( 'Slide Title', 'et_builder' ), 'selector' => '.et_pb_slide_description .et_pb_slide_title', ), 'slide_meta' => array( 'label' => esc_html__( 'Slide Meta', 'et_builder' ), 'selector' => '.et_pb_slide_content .post-meta', ), 'slide_button' => array( 'label' => esc_html__( 'Slide Button', 'et_builder' ), 'selector' => '.et_pb_slider a.et_pb_more_button.et_pb_button', 'no_space_before_selector' => true, ), 'slide_controllers' => array( 'label' => esc_html__( 'Slide Controllers', 'et_builder' ), 'selector' => '.et-pb-controllers', ), 'slide_active_controller' => array( 'label' => esc_html__( 'Slide Active Controller', 'et_builder' ), 'selector' => '.et-pb-controllers .et-pb-active-control', ), 'slide_image' => array( 'label' => esc_html__( 'Slide Image', 'et_builder' ), 'selector' => '.et_pb_slide_image', ), 'slide_arrows' => array( 'label' => esc_html__( 'Slide Arrows', 'et_builder' ), 'selector' => '.et-pb-slider-arrows a', ), ); $this->help_videos = array( array( 'id' => 'rDaVUZjDaGQ', 'name' => esc_html__( 'An introduction to the Post Slider module', 'et_builder' ), ), ); } function get_fields() { $fields = array( 'use_current_loop' => array( 'label' => esc_html__( 'Posts For Current Page', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'configuration', 'options' => array( 'on' => et_builder_i18n( 'Yes' ), 'off' => et_builder_i18n( 'No' ), ), 'description' => esc_html__( 'Display posts for the current page. Useful on archive and index pages.', 'et_builder' ), 'computed_affects' => array( '__posts', ), 'toggle_slug' => 'main_content', 'default' => 'off', 'show_if' => array( 'function.isTBLayout' => 'on', ), ), 'posts_number' => array( 'label' => esc_html__( 'Post Count', 'et_builder' ), 'type' => 'text', 'option_category' => 'configuration', 'description' => esc_html__( 'Choose how many posts you would like to display in the slider.', 'et_builder' ), 'toggle_slug' => 'main_content', 'computed_affects' => array( '__posts', ), ), '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', 'renderer_options' => array( 'use_terms' => false, ), 'description' => esc_html__( 'Choose which categories you would like to include in the slider.', 'et_builder' ), 'toggle_slug' => 'main_content', 'computed_affects' => array( '__posts', ), 'show_if' => array( 'use_current_loop' => 'off', ), ), 'orderby' => array( 'label' => esc_html__( 'Order By', 'et_builder' ), 'type' => 'select', 'option_category' => 'configuration', 'options' => array( 'date_desc' => esc_html__( 'Date: new to old', 'et_builder' ), 'date_asc' => esc_html__( 'Date: old to new', 'et_builder' ), 'title_asc' => esc_html__( 'Title: a-z', 'et_builder' ), 'title_desc' => esc_html__( 'Title: z-a', 'et_builder' ), 'rand' => esc_html__( 'Random', 'et_builder' ), ), 'toggle_slug' => 'main_content', 'description' => esc_html__( 'Here you can adjust the order in which posts are displayed.', 'et_builder' ), 'computed_affects' => array( '__posts', ), 'show_if' => array( 'use_current_loop' => 'off', ), 'default_on_front' => 'date_desc', ), 'show_arrows' => array( 'label' => esc_html__( 'Show Arrows', '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__( 'This setting will turn on and off the navigation arrows.', 'et_builder' ), 'mobile_options' => true, 'hover' => 'tabs', ), 'show_pagination' => array( 'label' => esc_html__( 'Show Controls', '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__( 'This setting will turn on and off the circle buttons at the bottom of the slider.', 'et_builder' ), 'mobile_options' => true, 'hover' => 'tabs', ), 'show_more_button' => array( 'label' => esc_html__( 'Show Read More Button', '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', 'affects' => array( 'more_text', ), 'toggle_slug' => 'elements', 'description' => esc_html__( 'This setting will turn on and off the read more button.', 'et_builder' ), 'mobile_options' => true, 'hover' => 'tabs', ), 'more_text' => array( 'label' => et_builder_i18n( 'Button' ), 'type' => 'text', 'option_category' => 'configuration', 'default_on_front' => esc_html__( 'Read More', 'et_builder' ), 'depends_show_if' => 'on', 'toggle_slug' => 'main_content', 'dynamic_content' => 'text', 'description' => esc_html__( 'Define the text which will be displayed on "Read More" button. leave blank for default ( Read More )', 'et_builder' ), 'mobile_options' => true, 'hover' => 'tabs', ), 'content_source' => array( 'label' => esc_html__( 'Content Display', 'et_builder' ), 'type' => 'select', 'option_category' => 'configuration', 'options' => array( 'off' => esc_html__( 'Show Excerpt', 'et_builder' ), 'on' => esc_html__( 'Show Content', 'et_builder' ), ), 'default' => 'off', 'affects' => array( 'use_manual_excerpt', 'excerpt_length', ), 'description' => esc_html__( 'Showing the full content will not truncate your posts in the slider. Showing the excerpt will only display excerpt text.', 'et_builder' ), 'toggle_slug' => 'main_content', 'computed_affects' => array( '__posts', ), 'mobile_options' => true, 'hover' => 'tabs', ), 'use_manual_excerpt' => array( 'label' => esc_html__( 'Use Post Excerpts', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'configuration', 'options' => array( 'on' => et_builder_i18n( 'Yes' ), 'off' => et_builder_i18n( 'No' ), ), 'default' => 'on', 'depends_show_if' => 'off', 'description' => esc_html__( 'Disable this option if you want to ignore manually defined excerpts and always generate it automatically.', 'et_builder' ), 'toggle_slug' => 'main_content', 'computed_affects' => array( '__posts', ), ), 'excerpt_length' => array( 'label' => esc_html__( 'Excerpt Length', 'et_builder' ), 'type' => 'text', 'default' => '270', 'option_category' => 'configuration', 'depends_show_if' => 'off', 'description' => esc_html__( 'Define the length of automatically generated excerpts. Leave blank for default ( 270 ) ', 'et_builder' ), 'toggle_slug' => 'main_content', 'computed_affects' => array( '__posts', ), ), 'show_meta' => array( 'label' => esc_html__( 'Show Post Meta', '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__( 'This setting will turn on and off the meta section.', 'et_builder' ), 'mobile_options' => true, 'hover' => 'tabs', ), 'show_image' => array( 'label' => esc_html__( 'Show Featured Image', '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', 'affects' => array( 'image_placement', ), 'toggle_slug' => 'featured_image', 'description' => esc_html__( 'This setting will turn on and off the featured image in the slider.', 'et_builder' ), 'mobile_options' => true, 'hover' => 'tabs', ), 'image_placement' => array( 'label' => esc_html__( 'Featured Image Placement', 'et_builder' ), 'type' => 'select', 'option_category' => 'configuration', 'options' => array( 'background' => et_builder_i18n( 'Background' ), 'left' => et_builder_i18n( 'Left' ), 'right' => et_builder_i18n( 'Right' ), 'top' => et_builder_i18n( 'Top' ), 'bottom' => et_builder_i18n( 'Bottom' ), ), 'default_on_front' => 'background', 'depends_show_if' => 'on', 'toggle_slug' => 'featured_image', 'description' => esc_html__( 'Select how you would like to display the featured image in slides', 'et_builder' ), ), 'use_bg_overlay' => array( 'label' => esc_html__( 'Use Background Overlay', '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', 'affects' => array( 'bg_overlay_color', ), 'tab_slug' => 'advanced', 'toggle_slug' => 'overlay', 'description' => esc_html__( 'When enabled, a custom overlay color will be added above your background image and behind your slider content.', 'et_builder' ), ), 'bg_overlay_color' => array( 'label' => esc_html__( 'Background Overlay Color', 'et_builder' ), 'type' => 'color-alpha', 'custom_color' => true, 'depends_show_if' => 'on', 'tab_slug' => 'advanced', 'toggle_slug' => 'overlay', 'description' => esc_html__( 'Use the color picker to choose a color for the background overlay.', 'et_builder' ), 'hover' => 'tabs', 'mobile_options' => true, 'sticky' => true, ), 'use_text_overlay' => array( 'label' => esc_html__( 'Use Text Overlay', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'configuration', 'options' => array( 'off' => et_builder_i18n( 'No' ), // Uses cached uppercase translation but keeps the lowercase not change definition content. 'on' => strtolower( et_builder_i18n( 'Yes' ) ), ), 'affects' => array( 'text_overlay_color', 'text_border_radius', ), 'tab_slug' => 'advanced', 'toggle_slug' => 'overlay', 'description' => esc_html__( 'When enabled, a background color is added behind the slider text to make it more readable atop background images.', 'et_builder' ), ), 'text_overlay_color' => array( 'label' => esc_html__( 'Text Overlay Color', 'et_builder' ), 'type' => 'color-alpha', 'custom_color' => true, 'depends_show_if' => 'on', 'tab_slug' => 'advanced', 'toggle_slug' => 'overlay', 'description' => esc_html__( 'Use the color picker to choose a color for the text overlay.', 'et_builder' ), 'hover' => 'tabs', 'mobile_options' => true, 'sticky' => true, ), 'show_content_on_mobile' => array( 'label' => esc_html__( 'Show Content On Mobile', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'layout', 'options' => array( 'on' => et_builder_i18n( 'Yes' ), 'off' => et_builder_i18n( 'No' ), ), 'default_on_front' => 'on', 'tab_slug' => 'custom_css', 'toggle_slug' => 'visibility', ), 'show_cta_on_mobile' => array( 'label' => esc_html__( 'Show CTA On Mobile', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'layout', 'options' => array( 'on' => et_builder_i18n( 'Yes' ), 'off' => et_builder_i18n( 'No' ), ), 'default_on_front' => 'on', 'tab_slug' => 'custom_css', 'toggle_slug' => 'visibility', ), 'show_image_video_mobile' => array( 'label' => esc_html__( 'Show Image On Mobile', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'layout', 'options' => array( 'off' => et_builder_i18n( 'No' ), 'on' => et_builder_i18n( 'Yes' ), ), 'default_on_front' => 'off', 'tab_slug' => 'custom_css', 'toggle_slug' => 'visibility', ), 'text_border_radius' => array( 'label' => esc_html__( 'Text Overlay Border Radius', 'et_builder' ), 'description' => esc_html__( 'Increasing the border radius will increase the roundness of the overlay corners. Setting this value to 0 will result in squared corners.', 'et_builder' ), 'type' => 'range', 'option_category' => 'layout', 'default' => '3', 'allowed_units' => array( '%', 'em', 'rem', 'px', 'cm', 'mm', 'in', 'pt', 'pc', 'ex', 'vh', 'vw' ), 'default_unit' => 'px', 'default_on_front' => '', 'range_settings' => array( 'min' => '0', 'max' => '100', 'step' => '1', ), 'depends_show_if' => 'on', 'tab_slug' => 'advanced', 'toggle_slug' => 'overlay', 'mobile_options' => true, 'sticky' => true, ), 'arrows_custom_color' => array( 'label' => esc_html__( 'Arrow Color', 'et_builder' ), 'description' => esc_html__( 'Pick a color to use for the slider arrows that are used to navigate through each slide.', 'et_builder' ), 'type' => 'color-alpha', 'custom_color' => true, 'tab_slug' => 'advanced', 'toggle_slug' => 'navigation', 'mobile_options' => true, 'sticky' => true, 'hover' => 'tabs', ), 'dot_nav_custom_color' => array( 'label' => esc_html__( 'Dot Navigation Color', 'et_builder' ), 'description' => esc_html__( 'Pick a color to use for the dot navigation that appears at the bottom of the slider to designate which slide is active.', 'et_builder' ), 'type' => 'color-alpha', 'custom_color' => true, 'tab_slug' => 'advanced', 'toggle_slug' => 'navigation', 'mobile_options' => true, 'sticky' => true, 'hover' => 'tabs', ), '__posts' => array( 'type' => 'computed', 'computed_callback' => array( 'ET_Builder_Module_Post_Slider', 'get_blog_posts' ), 'computed_depends_on' => array( 'use_current_loop', 'posts_number', 'include_categories', 'orderby', 'content_source', 'use_manual_excerpt', 'excerpt_length', 'offset_number', ), ), 'offset_number' => array( 'label' => esc_html__( 'Offset Number', 'et_builder' ), 'description' => esc_html__( 'Choose how many posts you would like to offset by', 'et_builder' ), 'type' => 'text', 'option_category' => 'configuration', 'toggle_slug' => 'main_content', 'computed_affects' => array( '__posts', ), 'default' => 0, ), ); return $fields; } public function get_transition_fields_css_props() { $fields = parent::get_transition_fields_css_props(); $fields['background_layout'] = array( 'background-color' => '%%order_class%% .et_pb_slide_overlay_container, %%order_class%% .et_pb_text_overlay_wrapper', 'color' => self::$_->array_get( $this->advanced_fields, 'text.css.main', '%%order_class%%' ), ); $fields['bg_overlay_color'] = array( 'background-color' => '%%order_class%% .et_pb_slide .et_pb_slide_overlay_container', ); $fields['text_overlay_color'] = array( 'background-color' => '%%order_class%% .et_pb_slide .et_pb_text_overlay_wrapper', ); $fields['text_border_radius'] = array( 'border-radius' => '%%order_class%%.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper', ); $fields['dot_nav_custom_color'] = array( 'background-color' => et_pb_slider_options()->get_dots_selector() ); $fields['arrows_custom_color'] = array( 'all' => et_pb_slider_options()->get_arrows_selector() ); return $fields; } static function get_blog_posts( $args = array(), $conditional_tags = array(), $current_page = array(), $is_ajax_request = true ) { global $wp_query, $paged, $post; if ( self::$_rendering ) { // We are trying to render a Post Slider module while a Post Slider module is already being rendered // which means we have most probably hit an infinite recursion. While not necessarily // the case, rendering a post which renders a Post Slider module which renders a post // which renders a Post Slider module is not a sensible use-case. return ''; } $defaults = array( 'use_current_loop' => 'off', 'posts_number' => '', 'include_categories' => '', 'orderby' => '', 'content_source' => '', 'use_manual_excerpt' => '', 'excerpt_length' => '', 'offset_number' => '', ); $args = wp_parse_args( $args, $defaults ); // Include query args that we don't control. $query_args = array_merge( array_diff_key( $args, $defaults ), array( 'posts_per_page' => (int) $args['posts_number'], 'post_status' => array( 'publish', 'private' ), 'perm' => 'readable', ) ); if ( 'on' === $args['use_current_loop'] ) { // Reset loop-affecting values to their defaults to simulate the current loop. $reset_keys = array( 'include_categories', 'orderby' ); foreach ( $reset_keys as $key ) { $args[ $key ] = $defaults[ $key ]; } } if ( '' !== $args['include_categories'] ) { $query_args['cat'] = $args['include_categories']; } // WP_Query doesn't return sticky posts when it performed via Ajax. // This happens because `is_home` is false in this case, but on FE it's true if no category set for the query. // Set `is_home` = true to emulate the FE behavior with sticky posts in VB. if ( empty( $query_args['cat'] ) ) { add_action( 'pre_get_posts', function( $query ) { if ( true === $query->get( 'et_is_home' ) ) { $query->is_home = true; } } ); $query_args['et_is_home'] = true; } if ( 'date_desc' !== $args['orderby'] ) { switch ( $args['orderby'] ) { case 'date_asc': $query_args['orderby'] = 'date'; $query_args['order'] = 'ASC'; break; case 'title_asc': $query_args['orderby'] = 'title'; $query_args['order'] = 'ASC'; break; case 'title_desc': $query_args['orderby'] = 'title'; $query_args['order'] = 'DESC'; break; case 'rand': $query_args['orderby'] = 'rand'; break; } } if ( '' !== $args['offset_number'] && ! empty( $args['offset_number'] ) ) { /** * Offset + pagination don't play well. Manual offset calculation required * * @see: https://codex.wordpress.org/Making_Custom_Queries_using_Offset_and_Pagination */ if ( $paged > 1 ) { $query_args['offset'] = ( ( $paged - 1 ) * intval( $args['posts_number'] ) ) + intval( $args['offset_number'] ); } else { $query_args['offset'] = intval( $args['offset_number'] ); } } $main_query_post = ET_Post_Stack::get_main_post(); if ( $main_query_post && is_singular( $main_query_post->post_type ) && ! isset( $query_args['post__not_in'] ) ) { $query_args['post__not_in'][] = $main_query_post->ID; } $query = new WP_Query( $query_args ); // Keep page's $wp_query global $wp_query_page = $wp_query; // Turn page's $wp_query into this module's query $wp_query = $query; //phpcs:ignore WordPress.Variables.GlobalVariables.OverrideProhibited self::$_rendering = true; if ( $query->have_posts() ) { $post_index = 0; while ( $query->have_posts() ) { $query->the_post(); ET_Post_Stack::replace( $post ); $post_author_id = $query->posts[ $post_index ]->post_author; $categories = array(); $categories_object = get_the_terms( get_the_ID(), 'category' ); if ( ! empty( $categories_object ) ) { foreach ( $categories_object as $category ) { $categories[] = array( 'id' => $category->term_id, 'label' => $category->name, 'permalink' => get_term_link( $category ), ); } } $has_post_thumbnail = has_post_thumbnail(); $query->posts[ $post_index ]->has_post_thumbnail = $has_post_thumbnail; $query->posts[ $post_index ]->post_thumbnail = $has_post_thumbnail ? get_the_post_thumbnail() : ''; $query->posts[ $post_index ]->post_featured_image = $has_post_thumbnail ? esc_url( wp_get_attachment_url( get_post_thumbnail_id() ) ) : ''; $query->posts[ $post_index ]->post_permalink = get_the_permalink(); $query->posts[ $post_index ]->post_author_url = get_author_posts_url( $post_author_id ); $query->posts[ $post_index ]->post_author_name = get_the_author_meta( 'display_name', $post_author_id ); $query->posts[ $post_index ]->post_date_readable = get_the_date(); $query->posts[ $post_index ]->categories = $categories; $query->posts[ $post_index ]->post_comment_popup = et_core_maybe_convert_to_utf_8( sprintf( esc_html( _nx( '%s Comment', '%s Comments', get_comments_number(), 'number of comments', 'et_builder' ) ), number_format_i18n( get_comments_number() ) ) ); $post_content = et_strip_shortcodes( get_the_content(), true ); global $et_fb_processing_shortcode_object, $et_pb_rendering_column_content; $global_processing_original_value = $et_fb_processing_shortcode_object; // reset the fb processing flag $et_fb_processing_shortcode_object = false; // set the flag to indicate that we're processing internal content $et_pb_rendering_column_content = true; if ( $is_ajax_request ) { // reset all the attributes required to properly generate the internal styles ET_Builder_Element::clean_internal_modules_styles(); } if ( 'both' === $args['content_source'] ) { global $more; // page builder doesn't support more tag, so display the_content() in case of post made with page builder. if ( et_pb_is_pagebuilder_used( get_the_ID() ) || has_block( 'divi/layout', get_the_ID() ) ) { $more = 1; // phpcs:ignore WordPress.Variables.GlobalVariables.OverrideProhibited // do_shortcode for Divi Plugin instead of applying `the_content` filter to avoid conflicts with 3rd party themes. $builder_post_content = et_is_builder_plugin_active() ? do_shortcode( $post_content ) : apply_filters( 'the_content', $post_content ); // Overwrite default content, in case the content is protected. $query->posts[ $post_index ]->post_content = $builder_post_content; } else { $more = null; // phpcs:ignore WordPress.Variables.GlobalVariables.OverrideProhibited // Overwrite default content, in case the content is protected. $query->posts[ $post_index ]->post_content = et_is_builder_plugin_active() ? do_shortcode( get_the_content( '' ) ) : apply_filters( 'the_content', get_the_content( '' ) ); } if ( has_excerpt() && 'off' !== $args['use_manual_excerpt'] ) { $query->posts[ $post_index ]->post_excerpt = et_is_builder_plugin_active() ? do_shortcode( et_strip_shortcodes( get_the_excerpt(), true ) ) : apply_filters( 'the_content', et_strip_shortcodes( get_the_excerpt(), true ) ); } else { $query->posts[ $post_index ]->post_excerpt = strip_shortcodes( truncate_post( intval( $args['excerpt_length'] ), false, '', true ) ); } } elseif ( 'on' === $args['content_source'] ) { global $more; if ( et_pb_is_pagebuilder_used( get_the_ID() ) || has_block( 'divi/layout', get_the_ID() ) ) { $more = 1; // phpcs:ignore WordPress.Variables.GlobalVariables.OverrideProhibited // do_shortcode for Divi Plugin instead of applying `the_content` filter to avoid conflicts with 3rd party themes. $builder_post_content = et_is_builder_plugin_active() ? do_shortcode( $post_content ) : apply_filters( 'the_content', $post_content ); // Overwrite default content, in case the content is protected. $query->posts[ $post_index ]->post_content = $builder_post_content; } else { $more = null; // phpcs:ignore WordPress.Variables.GlobalVariables.OverrideProhibited // Overwrite default content, in case the content is protected. $query->posts[ $post_index ]->post_content = et_is_builder_plugin_active() ? do_shortcode( get_the_content( '' ) ) : apply_filters( 'the_content', get_the_content( '' ) ); } } else { if ( has_excerpt() && 'off' !== $args['use_manual_excerpt'] ) { $query->posts[ $post_index ]->post_content = et_is_builder_plugin_active() ? do_shortcode( et_strip_shortcodes( get_the_excerpt(), true ) ) : apply_filters( 'the_content', et_strip_shortcodes( get_the_excerpt(), true ) ); } else { $query->posts[ $post_index ]->post_content = strip_shortcodes( truncate_post( intval( $args['excerpt_length'] ), false, '', true ) ); } } $et_fb_processing_shortcode_object = $global_processing_original_value; if ( $is_ajax_request ) { // retrieve the styles for the modules inside Blog content $internal_style = ET_Builder_Element::get_style( true ); // reset all the attributes after we retrieved styles ET_Builder_Element::clean_internal_modules_styles( false ); $query->posts[ $post_index ]->internal_styles = $internal_style; } $et_pb_rendering_column_content = false; $post_index++; ET_Post_Stack::pop(); } // end while ET_Post_Stack::reset(); } elseif ( self::is_processing_computed_prop() ) { // This is for the VB $query = '<div class="et_pb_no_results">'; $query .= self::get_no_results_template(); $query .= '</div>'; $query = array( 'posts' => $query ); } // Reset $wp_query to its origin $wp_query = $wp_query_page; // phpcs:ignore WordPress.Variables.GlobalVariables.OverrideProhibited self::$_rendering = false; return $query; } /** * Renders the module output. * * @param array $attrs List of attributes. * @param string $content Content being processed. * @param string $render_slug Slug of module that is used for rendering output. * * @return string */ public function render( $attrs, $content, $render_slug ) { global $post; if ( self::$_rendering ) { // We are trying to render a Post Slider module while a Blog module is already being rendered // which means we have most probably hit an infinite recursion. While not necessarily // the case, rendering a post which renders a Post Slider module which renders a post // which renders a Post Slider module is not a sensible use-case. return ''; } $multi_view = et_pb_multi_view_options( $this ); $use_current_loop = isset( $this->props['use_current_loop'] ) ? $this->props['use_current_loop'] : 'off'; $show_arrows = $this->props['show_arrows']; $show_pagination = $this->props['show_pagination']; $parallax = $this->props['parallax']; $parallax_method = $this->props['parallax_method']; $auto = $this->props['auto']; $auto_speed = $this->props['auto_speed']; $auto_ignore_hover = $this->props['auto_ignore_hover']; $body_font_size = $this->props['body_font_size']; $show_content_on_mobile = $this->props['show_content_on_mobile']; $show_cta_on_mobile = $this->props['show_cta_on_mobile']; $show_image_video_mobile = $this->props['show_image_video_mobile']; $background_position = $this->props['background_position']; $background_size = $this->props['background_size']; $background_repeat = $this->props['background_repeat']; $background_blend = $this->props['background_blend']; $posts_number = $this->props['posts_number']; $include_categories = $this->props['include_categories']; $show_more_button = $this->props['show_more_button']; $more_text = $this->props['more_text']; $content_source = $this->props['content_source']; $background_color = $this->props['background_color']; $show_image = $this->props['show_image']; $image_placement = $this->props['image_placement']; $background_image = $this->props['background_image']; $use_bg_overlay = $this->props['use_bg_overlay']; $use_text_overlay = $this->props['use_text_overlay']; $orderby = $this->props['orderby']; $show_meta = $this->props['show_meta']; $button_custom = $this->props['custom_button']; $use_manual_excerpt = $this->props['use_manual_excerpt']; $excerpt_length = $this->props['excerpt_length']; $button_rel = $this->props['button_rel']; $header_level = $this->props['header_level']; $offset_number = $this->props['offset_number']; $use_gradient_options = $this->props['use_background_color_gradient']; $gradient_overlays_image = $this->props['background_color_gradient_overlays_image']; $background_options = et_pb_background_options(); $gradient_properties = $background_options->get_gradient_properties( $this->props, 'background', '' ); $background_gradient_style = $background_options->get_gradient_style( $gradient_properties ); $is_gradient_on = false; if ( 'on' === $use_gradient_options && 'on' === $gradient_overlays_image && 'on' === $parallax ) { $is_gradient_on = '' !== $background_gradient_style; } $post_index = 0; $hide_on_mobile_class = self::HIDE_ON_MOBILE; $is_text_overlay_applied = 'on' === $use_text_overlay; $custom_icon_values = et_pb_responsive_options()->get_property_values( $this->props, 'button_icon' ); $custom_icon = isset( $custom_icon_values['desktop'] ) ? $custom_icon_values['desktop'] : ''; $custom_icon_tablet = isset( $custom_icon_values['tablet'] ) ? $custom_icon_values['tablet'] : ''; $custom_icon_phone = isset( $custom_icon_values['phone'] ) ? $custom_icon_values['phone'] : ''; if ( 'on' === $use_bg_overlay ) { // Background Overlay color. $this->generate_styles( array( 'base_attr_name' => 'bg_overlay_color', 'selector' => '%%order_class%% .et_pb_slide .et_pb_slide_overlay_container', 'css_property' => 'background-color', 'render_slug' => $render_slug, 'type' => 'color', ) ); } if ( $is_text_overlay_applied ) { // Text Overlay color. $this->generate_styles( array( 'base_attr_name' => 'text_overlay_color', 'selector' => '%%order_class%% .et_pb_slide .et_pb_text_overlay_wrapper', 'css_property' => 'background-color', 'render_slug' => $render_slug, 'type' => 'color', ) ); } // Text Overlay Border Radius. $this->generate_styles( array( 'hover' => false, 'base_attr_name' => 'text_border_radius', 'selector' => '%%order_class%%.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper', 'css_property' => 'border-radius', 'render_slug' => $render_slug, 'type' => 'range', ) ); // Arrow Custom Color. $this->generate_styles( array( 'base_attr_name' => 'arrows_custom_color', 'selector' => et_pb_slider_options()->get_arrows_selector(), 'hover_pseudo_selector_location' => 'suffix', 'sticky_pseudo_selector_location' => 'prefix', 'css_property' => 'color', 'render_slug' => $render_slug, 'type' => 'color', ) ); // Dot Navigation Custom Color. $this->generate_styles( array( 'base_attr_name' => 'dot_nav_custom_color', 'selector' => et_pb_slider_options()->get_dots_selector(), 'hover_pseudo_selector_location' => 'suffix', 'sticky_pseudo_selector_location' => 'prefix', 'css_property' => 'background-color', 'render_slug' => $render_slug, 'type' => 'color', ) ); $video_background = $this->video_background(); $parallax_image_background = $this->get_parallax_image_background(); $content_source_both = count( $multi_view->get_values( 'content_source', true ) ) > 1; $is_show_image = $multi_view->has_value( 'show_image', 'on' ); $is_show_meta = $multi_view->has_value( 'show_meta', 'on' ); $multi_view_attrs_button = $multi_view->render_attrs( array( 'content' => '{{more_text}}', 'visibility' => array( 'more_text' => '__not_empty', 'show_more_button' => 'on', ), ) ); $multi_view_attrs_show_meta = $multi_view->render_attrs( array( 'visibility' => array( 'show_meta' => 'on', ), ) ); $multi_view_attrs_show_image = $multi_view->render_attrs( array( 'visibility' => array( 'show_image' => 'on', ), ) ); // Background layout class names. $background_layout_class_names = et_pb_background_layout_options()->get_background_layout_class( $this->props ); ob_start(); $show_no_results_template = true; $args = array( 'posts_number' => $posts_number, 'include_categories' => implode( ',', self::filter_include_categories( $include_categories ) ), 'orderby' => $orderby, 'content_source' => $content_source_both ? 'both' : $multi_view->get_value( 'content_source' ), 'use_manual_excerpt' => $use_manual_excerpt, 'excerpt_length' => $excerpt_length, 'offset_number' => $offset_number, ); if ( 'on' === $use_current_loop ) { if ( ! have_posts() || is_singular() ) { // Force an empty result set in order to avoid loops over the current post. $args = array( 'post__in' => array( 0 ) ); $show_no_results_template = false; } else { // Only allow certain args when `Posts For Current Page` is set. global $wp_query; $original = $wp_query->query_vars; $allowed = array( 'posts_number', 'content_source', 'use_manual_excerpt', 'excerpt_length', 'offset_number', ); $custom = array_intersect_key( $args, array_flip( $allowed ) ); $args = array_merge( $original, $custom ); } } $main_query_post = ET_Post_Stack::get_main_post(); if ( $main_query_post && is_singular( $main_query_post->post_type ) && ! isset( $args['post__not_in'] ) ) { $args['post__not_in'] = array( $main_query_post->ID ); } $query = self::get_blog_posts( $args, array(), array(), false ); self::$_rendering = true; if ( $query->have_posts() ) { while ( $query->have_posts() ) { $query->the_post(); ET_Post_Stack::replace( $post ); $has_post_thumbnail = $query->posts[ $post_index ]->has_post_thumbnail; $multi_view->set_custom_prop( 'content_source_both', $content_source_both ); if ( $content_source_both ) { $multi_view->set_custom_prop( 'post_excerpt', $query->posts[ $post_index ]->post_excerpt ); } $multi_view->set_custom_prop( 'post_content', $query->posts[ $post_index ]->post_content ); $multi_view->set_custom_prop( 'has_post_thumbnail', $query->posts[ $post_index ]->has_post_thumbnail ); $multi_view->set_custom_prop( 'post_featured_image', $query->posts[ $post_index ]->post_featured_image ); $multi_view->set_custom_prop( 'background_image_featured', $multi_view->get_values( 'show_image', false ) ); $multi_view->set_custom_prop( 'background_image_parallax', $multi_view->get_values( 'show_image', false ) ); $multi_view_attrs_wrapper = $multi_view->render_attrs( array( 'styles' => array( 'background-image' => '{{background_image_featured}}', ), 'classes' => array( 'et_pb_slide_with_image' => array( 'show_image' => 'on', 'has_post_thumbnail' => true, 'image_placement' => array( 'left', 'right' ), ), 'et_pb_slide_with_no_image' => array( 'show_image' => 'on', 'has_post_thumbnail' => false, ), ), ) ); $multi_view_attrs_parallax_bg = 'on' === $parallax ? $multi_view->render_attrs( array( 'styles' => array( 'background-image' => '{{background_image_parallax}}', ), ) ) : ''; $slide_class = 'off' !== $show_image && in_array( $image_placement, array( 'left', 'right' ), true ) && $has_post_thumbnail ? ' et_pb_slide_with_image et_pb_media_alignment_center' : ''; $slide_class .= 'off' !== $show_image && ! $has_post_thumbnail ? ' et_pb_slide_with_no_image' : ''; $slide_class .= ' ' . implode( ' ', $background_layout_class_names ); // Reapply module background on slide item with featured image $slide_post_id = $query->posts[ $post_index ]->ID; $slide_class .= " et_pb_post_slide-{$slide_post_id}"; ET_Builder_Module_Helper_Slider::reapply_module_background_on_slide( array( 'slide_post_id' => $slide_post_id, 'post_featured_image' => $query->posts[ $post_index ]->post_featured_image, 'render_slug' => $render_slug, 'props' => $this->props, ) ); $should_apply_bg_image = $is_show_image && 'background' === $image_placement; $inline_background = $should_apply_bg_image && $query->posts[ $post_index ]->post_featured_image ? 'style="background-image: url(' . esc_url( $query->posts[ $post_index ]->post_featured_image ) . ');"' : ''; ?> <div class="et_pb_slide<?php echo esc_attr( $slide_class ); ?>" <?php echo et_core_esc_previously( $multi_view_attrs_wrapper ); ?> <?php echo et_core_esc_previously( $inline_background ); ?>> <?php if ( 'on' === $parallax && $should_apply_bg_image ) { ?> <div class="et_parallax_bg_wrap"> <div class="et_parallax_bg <?php if ( 'off' === $parallax_method ) { echo ' et_pb_parallax_css'; } ?> " style="background-image: url(<?php echo esc_url( $query->posts[ $post_index ]->post_featured_image ); ?>);"<?php echo et_core_esc_previously( $multi_view_attrs_parallax_bg ); ?>></div> <?php if ( $is_gradient_on ) { printf( '<span class="et_parallax_gradient" style="%1$s%2$s"></span>', sprintf( 'background-image: %1$s;', esc_html( $background_gradient_style ) ), ( '' !== $background_blend && 'normal' !== $background_blend ) ? sprintf( 'mix-blend-mode: %1$s;', esc_html( $background_blend ) ) : '' ); } ?> </div> <?php } ?> <?php if ( 'on' === $use_bg_overlay ) { ?> <div class="et_pb_slide_overlay_container"></div> <?php } ?> <div class="et_pb_container clearfix"> <div class="et_pb_slider_container_inner"> <?php if ( 'off' !== $show_image && $has_post_thumbnail && ! in_array( $image_placement, array( 'background', 'bottom' ) ) ) { ?> <div class="et_pb_slide_image"<?php echo et_core_esc_previously( $multi_view_attrs_show_image ); ?>> <?php the_post_thumbnail(); ?> </div> <?php } ?> <div class="et_pb_slide_description"> <?php if ( $is_text_overlay_applied ) : ?> <div class="et_pb_text_overlay_wrapper"><?php endif; ?> <<?php echo et_pb_process_header_level( $header_level, 'h2' ); ?> class="et_pb_slide_title"><a href="<?php esc_url( the_permalink() ); ?>"><?php the_title(); ?></a></<?php echo et_pb_process_header_level( $header_level, 'h2' ); ?>> <div class="et_pb_slide_content <?php if ( 'on' !== $show_content_on_mobile ) { echo esc_attr( $hide_on_mobile_class ); } ?> "> <?php if ( $is_show_meta ) { printf( '<p class="post-meta"%5$s>%1$s | %2$s | %3$s | %4$s</p>', et_get_safe_localization( sprintf( __( 'by %s', 'et_builder' ), '<span class="author vcard">' . et_pb_get_the_author_posts_link() . '</span>' ) ), et_get_safe_localization( sprintf( __( '%s', 'et_builder' ), '<span class="published">' . esc_html( get_the_date() ) . '</span>' ) ), get_the_category_list( ', ' ), esc_html( sprintf( _nx( '%s Comment', '%s Comments', get_comments_number(), 'number of comments', 'et_builder' ), number_format_i18n( get_comments_number() ) ) ), $multi_view_attrs_show_meta ); } $multi_view->render_element( array( 'tag' => 'div', 'content' => '{{content_source}}', ), true ); ?> </div> <?php if ( $is_text_overlay_applied ) : ?> </div><?php endif; ?> <?php // Render button $button_classname = array( 'et_pb_more_button' ); if ( 'on' !== $show_cta_on_mobile ) { $button_classname[] = $hide_on_mobile_class; } echo et_core_esc_previously( $this->render_button( array( 'button_classname' => $button_classname, 'button_custom' => $button_custom, 'button_rel' => $button_rel, 'button_text' => $more_text, 'button_url' => get_permalink(), 'custom_icon' => $custom_icon, 'custom_icon_tablet' => $custom_icon_tablet, 'custom_icon_phone' => $custom_icon_phone, 'display_button' => $multi_view->has_value( 'show_more_button', 'on' ) && $multi_view->has_value( 'more_text' ), 'multi_view_data' => $multi_view->render_attrs( array( 'content' => '{{more_text}}', 'visibility' => array( 'more_text' => '__not_empty', 'show_more_button' => 'on', ), ) ), ) ) ); ?> </div> <?php if ( $is_show_image && $has_post_thumbnail && 'bottom' === $image_placement ) { ?> <div class="et_pb_slide_image"<?php echo et_core_esc_previously( $multi_view_attrs_show_image ); ?>> <?php the_post_thumbnail(); ?> </div> <?php } ?> </div> </div> </div> <?php $post_index++; ET_Post_Stack::pop(); } // end while ET_Post_Stack::reset(); } // end if $content = ob_get_clean(); if ( ! $content && $show_no_results_template ) { $content = '<div class="et_pb_no_results">'; $content .= self::get_no_results_template(); $content .= '</div>'; } self::$_rendering = false; // Images: Add CSS Filters and Mix Blend Mode rules (if set) if ( array_key_exists( 'image', $this->advanced_fields ) && array_key_exists( 'css', $this->advanced_fields['image'] ) ) { $this->add_classname( $this->generate_css_filters( $render_slug, 'child_', self::$data_utils->array_get( $this->advanced_fields['image']['css'], 'main', '%%order_class%%' ) ) ); } // Module classnames $this->add_classname( array( 'et_pb_slider', "et_pb_post_slider_image_{$image_placement}", ) ); $this->add_classname( 'et_pb_slider_fullwidth_off' ); if ( 'off' === $show_arrows ) { $this->add_classname( 'et_pb_slider_no_arrows' ); } if ( 'off' === $show_pagination ) { $this->add_classname( 'et_pb_slider_no_pagination' ); } if ( 'on' === $parallax ) { $this->add_classname( 'et_pb_slider_parallax' ); } if ( 'on' === $auto ) { $this->add_classname( array( 'et_slider_auto', "et_slider_speed_{$auto_speed}", ) ); } if ( 'on' === $auto_ignore_hover ) { $this->add_classname( 'et_slider_auto_ignore_hover' ); } if ( 'on' === $show_image_video_mobile ) { $this->add_classname( 'et_pb_slider_show_image' ); } if ( 'on' === $use_bg_overlay ) { $this->add_classname( 'et_pb_slider_with_overlay' ); } if ( 'on' === $use_text_overlay ) { $this->add_classname( 'et_pb_slider_with_text_overlay' ); } // Background layout data attributes. $data_background_layout = et_pb_background_layout_options()->get_background_layout_attrs( $this->props ); $muti_view_data_attr = $multi_view->render_attrs( array( 'classes' => array( 'et_pb_slider_no_arrows' => array( 'show_arrows' => 'off', ), 'et_pb_slider_no_pagination' => array( 'show_pagination' => 'off', ), 'et_pb_post_slider_image_background' => array( 'image_placement' => 'background', ), 'et_pb_post_slider_image_left' => array( 'image_placement' => 'left', ), 'et_pb_post_slider_image_right' => array( 'image_placement' => 'right', ), 'et_pb_post_slider_image_top' => array( 'image_placement' => 'top', ), 'et_pb_post_slider_image_bottom' => array( 'image_placement' => 'bottom', ), ), ) ); $output = sprintf( '<div%3$s class="%1$s"%7$s%8$s> %5$s %4$s %9$s %10$s <div class="et_pb_slides"> %2$s </div> %6$s </div> ', $this->module_classname( $render_slug ), $content, $this->module_id(), $video_background, $parallax_image_background, // #5 $this->inner_shadow_back_compatibility( $render_slug ), et_core_esc_previously( $data_background_layout ), $muti_view_data_attr, et_core_esc_previously( $this->background_pattern() ), // #9 et_core_esc_previously( $this->background_mask() ) // #10 ); return $output; } private function inner_shadow_back_compatibility( $functions_name ) { $utils = ET_Core_Data_Utils::instance(); $atts = $this->props; $style = ''; if ( version_compare( $utils->array_get( $atts, '_builder_version', '3.0.93' ), '3.0.99', 'lt' ) ) { $class = self::get_module_order_class( $functions_name ); $style = sprintf( '<style>%1$s</style>', sprintf( '.%1$s.et_pb_slider .et_pb_slide {' . '-webkit-box-shadow: none; ' . '-moz-box-shadow: none; ' . 'box-shadow: none; ' . '}', esc_attr( $class ) ) ); if ( 'off' !== $utils->array_get( $atts, 'show_inner_shadow' ) ) { $style .= sprintf( '<style>%1$s</style>', sprintf( '.%1$s > .box-shadow-overlay { ' . '-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); ' . '-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); ' . 'box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); ' . '}', esc_attr( $class ) ) ); } } return $style; } /** * Filter multi view value. * * @since 3.27.1 * * @see ET_Builder_Module_Helper_MultiViewOptions::filter_value * * @param mixed $raw_value Props raw value. * @param array $args { * Context data. * * @type string $context Context param: content, attrs, visibility, classes. * @type string $name Module options props name. * @type string $mode Current data mode: desktop, hover, tablet, phone. * @type string $attr_key Attribute key for attrs context data. Example: src, class, etc. * @type string $attr_sub_key Attribute sub key that availabe when passing attrs value as array such as styes. Example: padding-top, margin-botton, etc. * } * @param ET_Builder_Module_Helper_MultiViewOptions $multi_view Multiview object instance. * * @return mixed */ public function multi_view_filter_value( $raw_value, $args, $multi_view ) { $name = et_()->array_get( $args, 'name', '' ); if ( 'background_image_featured' === $name ) { $image_placement = et_()->array_get( $this->props, 'image_placement', '' ); $parallax = et_()->array_get( $this->props, 'parallax', '' ); if ( 'on' !== $raw_value || 'background' !== $image_placement || 'on' === $parallax || ! $multi_view->get_value( 'has_post_thumbnail' ) ) { return 'none'; } return sprintf( 'url(%1$s)', $multi_view->get_value( 'post_featured_image' ) ); } elseif ( 'background_image_parallax' === $name ) { $image_placement = et_()->array_get( $this->props, 'image_placement', '' ); $parallax = et_()->array_get( $this->props, 'parallax', '' ); if ( 'on' !== $raw_value || 'background' !== $image_placement || 'on' !== $parallax || ! $multi_view->get_value( 'has_post_thumbnail' ) ) { return 'none'; } return sprintf( 'url(%1$s)', $multi_view->get_value( 'post_featured_image' ) ); } elseif ( 'content_source' === $name ) { if ( 'on' !== $raw_value && $multi_view->get_value( 'content_source_both' ) ) { return $multi_view->get_value( 'post_excerpt' ); } return $multi_view->get_value( 'post_content' ); } return $raw_value; } } if ( et_builder_should_load_all_module_data() ) { new ET_Builder_Module_Post_Slider(); }
Save Changes
Rename File
Rename