596 lines
18 KiB
PHP
596 lines
18 KiB
PHP
<?php
|
|
/**
|
|
* WooCommerce Modules: ET_Builder_Module_Woocommerce_Checkout_Shipping class
|
|
*
|
|
* The ET_Builder_Module_Woocommerce_Checkout_Shipping Class is responsible for rendering the
|
|
* Checkout shipping section using the WooCommerce template.
|
|
*
|
|
* @package Divi\Builder
|
|
*
|
|
* @since 4.14.0
|
|
*/
|
|
|
|
defined( 'ABSPATH' ) || exit;
|
|
|
|
/**
|
|
* Class representing WooCommerce Checkout shipping component.
|
|
*
|
|
* @since 4.14.0
|
|
*/
|
|
class ET_Builder_Module_Woocommerce_Checkout_Shipping extends ET_Builder_Module {
|
|
/**
|
|
* Initialize.
|
|
*/
|
|
public function init() {
|
|
$this->name = esc_html__( 'Woo Checkout Shipping', 'et_builder' );
|
|
$this->plural = esc_html__( 'Woo Checkout Shipping', 'et_builder' );
|
|
$this->slug = 'et_pb_wc_checkout_shipping';
|
|
$this->vb_support = 'on';
|
|
$this->folder_name = 'et_pb_woo_modules';
|
|
|
|
$this->settings_modal_toggles = array(
|
|
'advanced' => array(
|
|
'toggles' => array(
|
|
'layout' => array(
|
|
'title' => et_builder_i18n( 'Layout' ),
|
|
'priority' => 45,
|
|
),
|
|
'title' => array(
|
|
'title' => esc_html__( 'Title Text', 'et_builder' ),
|
|
'priority' => 55,
|
|
),
|
|
'field_label' => array(
|
|
'title' => esc_html__( 'Field Labels', 'et_builder' ),
|
|
'priority' => 60,
|
|
),
|
|
'form_field' => array(
|
|
'title' => esc_html__( 'Fields', 'et_builder' ),
|
|
'priority' => 65,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
$this->advanced_fields = array(
|
|
'fonts' => array(
|
|
// Use `title` in place of `header` since `header` needs a workaround in Copy/Paste.
|
|
'title' => array(
|
|
'label' => esc_html__( 'Title', 'et_builder' ),
|
|
'css' => array(
|
|
'main' => '%%order_class%% h3',
|
|
),
|
|
'font_size' => array(
|
|
'default' => '22px',
|
|
),
|
|
'line_height' => array(
|
|
'default' => '1em',
|
|
),
|
|
'tab_slug' => 'advanced',
|
|
'toggle_slug' => 'title',
|
|
),
|
|
'field_label' => array(
|
|
'label' => esc_html__( 'Field Label', 'et_builder' ),
|
|
'css' => array(
|
|
'main' => '%%order_class%% form .form-row label',
|
|
),
|
|
'font_size' => array(
|
|
'default' => '14px',
|
|
),
|
|
'line_height' => array(
|
|
'default' => '2em',
|
|
),
|
|
'toggle_slug' => 'field_label',
|
|
),
|
|
),
|
|
'text' => array(
|
|
'use_background_layout' => false,
|
|
'use_text_orientation' => true,
|
|
),
|
|
'button' => false,
|
|
'link_options' => false,
|
|
'form_field' => array(
|
|
'form_field' => array(
|
|
'label' => esc_html__( 'Fields', 'et_builder' ),
|
|
'css' => array(
|
|
'main' => implode(
|
|
',',
|
|
array(
|
|
'.woocommerce %%order_class%% .select2-container--default .select2-selection--single',
|
|
'.woocommerce %%order_class%% form .form-row .input-text',
|
|
)
|
|
),
|
|
'background_color_hover' => implode(
|
|
',',
|
|
[
|
|
'%%order_class%% .select2-container--default .select2-selection--single:hover',
|
|
'.woocommerce %%order_class%% form .form-row .input-text:hover',
|
|
]
|
|
),
|
|
'focus_background_color' => implode(
|
|
',',
|
|
[
|
|
'.woocommerce %%order_class%% .select2-container--open .select2-selection',
|
|
'.woocommerce %%order_class%% form .input-text:focus',
|
|
]
|
|
),
|
|
'focus_background_color_hover' => implode(
|
|
',',
|
|
[
|
|
'.woocommerce %%order_class%% .select2-container--open:hover .select2-selection',
|
|
'.woocommerce %%order_class%% form .input-text:focus:hover',
|
|
]
|
|
),
|
|
'focus_text_color' => implode(
|
|
',',
|
|
array(
|
|
'.woocommerce %%order_class%% .select2-container--open .select2-selection__rendered',
|
|
'.woocommerce %%order_class%% form .form-row input.input-text:focus',
|
|
)
|
|
),
|
|
'focus_text_color_hover' => implode(
|
|
',',
|
|
array(
|
|
'.woocommerce %%order_class%% .select2-container--open:hover .select2-selection__rendered',
|
|
'.woocommerce %%order_class%% form .form-row input.input-text:focus:hover',
|
|
)
|
|
),
|
|
'form_text_color' => implode(
|
|
',',
|
|
array(
|
|
'.woocommerce %%order_class%% .select2-container--default .select2-selection--single .select2-selection__rendered',
|
|
'.woocommerce %%order_class%% form .form-row .input-text',
|
|
)
|
|
),
|
|
'form_text_color_hover' => implode(
|
|
',',
|
|
array(
|
|
'.woocommerce %%order_class%% .select2-container .select2-selection--single:hover .select2-selection__rendered',
|
|
'.woocommerce %%order_class%% form .form-row .input-text:hover',
|
|
)
|
|
),
|
|
),
|
|
'box_shadow' => array(
|
|
'css' => array(
|
|
'main' => implode(
|
|
',',
|
|
array(
|
|
'%%order_class%% .select2-container--default .select2-selection--single',
|
|
'%%order_class%% form .form-row input.input-text',
|
|
)
|
|
),
|
|
),
|
|
),
|
|
'border_styles' => array(
|
|
'form_field' => array(
|
|
'label_prefix' => esc_html__( 'Fields', 'et_builder' ),
|
|
'css' => array(
|
|
'main' => array(
|
|
'border_styles' => implode(
|
|
',',
|
|
array(
|
|
'.woocommerce %%order_class%% .select2-container--default .select2-selection--single',
|
|
'.woocommerce %%order_class%% form .form-row .input-text',
|
|
)
|
|
),
|
|
'border_radii' => implode(
|
|
',',
|
|
array(
|
|
'.woocommerce %%order_class%% .select2-container--default .select2-selection--single',
|
|
'.woocommerce %%order_class%% form .form-row input.input-text',
|
|
)
|
|
),
|
|
),
|
|
),
|
|
'defaults' => array(
|
|
'border_radii' => 'on|0px|0px|0px|0px',
|
|
'border_styles' => array(
|
|
'width' => '0px',
|
|
'style' => 'solid',
|
|
),
|
|
),
|
|
),
|
|
'form_field_focus' => array(
|
|
'label_prefix' => esc_html__( 'Fields Focus', 'et_builder' ),
|
|
'css' => array(
|
|
'main' => array(
|
|
'border_styles' => implode(
|
|
',',
|
|
array(
|
|
'.woocommerce %%order_class%% .select2-container--default.select2-container--open .select2-selection--single',
|
|
'.woocommerce %%order_class%% form .form-row .input-text:focus',
|
|
)
|
|
),
|
|
'border_radii' => implode(
|
|
',',
|
|
array(
|
|
'.woocommerce %%order_class%% .select2-container--default.select2-container--open .select2-selection--single',
|
|
'.woocommerce %%order_class%% form .form-row input.input-text:focus',
|
|
)
|
|
),
|
|
),
|
|
),
|
|
'defaults' => array(
|
|
'border_radii' => 'on|0px|0px|0px|0px',
|
|
'border_styles' => array(
|
|
'width' => '0px',
|
|
'style' => 'solid',
|
|
),
|
|
),
|
|
),
|
|
),
|
|
'font_field' => array(
|
|
'css' => array(
|
|
'main' => implode(
|
|
',',
|
|
[
|
|
'.woocommerce %%order_class%% .select2-container--default .select2-selection--single',
|
|
'.woocommerce %%order_class%% form .form-row .input-text',
|
|
]
|
|
),
|
|
|
|
// Required to override default WooCommerce styles.
|
|
'important' => array( 'line-height', 'size', 'font' ),
|
|
),
|
|
'font_size' => array(
|
|
'default' => '14px',
|
|
),
|
|
'line_height' => array(
|
|
'default' => '1.7em',
|
|
),
|
|
),
|
|
'margin_padding' => array(
|
|
'css' => array(
|
|
'main' => '%%order_class%% form .form-row input.input-text, %%order_class%% .select2-container--default .select2-selection--single .select2-selection__rendered',
|
|
'padding' => '%%order_class%% form .form-row input.input-text, %%order_class%% .select2-container--default .select2-selection--single',
|
|
'margin' => '%%order_class%% form .form-row input.input-text, %%order_class%% .select2-container--default .select2-selection--single',
|
|
),
|
|
),
|
|
'width' => array(),
|
|
'toggle_priority' => 65,
|
|
),
|
|
),
|
|
);
|
|
|
|
$this->custom_css_fields = array(
|
|
'title_text' => array(
|
|
'label' => esc_html__( 'Title Text', 'et_builder' ),
|
|
'selector' => '%%order_class%% h3',
|
|
),
|
|
'field_label' => array(
|
|
'label' => esc_html__( 'Field Label', 'et_builder' ),
|
|
'selector' => '%%order_class%% form .form-row label',
|
|
),
|
|
'form_field' => array(
|
|
'label' => esc_html__( 'Fields', 'et_builder' ),
|
|
'selector' => implode(
|
|
',',
|
|
array(
|
|
'%%order_class%% .select2-container--default .select2-selection--single',
|
|
'%%order_class%% form .form-row .input-text',
|
|
)
|
|
),
|
|
),
|
|
);
|
|
|
|
$this->help_videos = array(
|
|
array(
|
|
'id' => esc_html( '7X03vBPYJ1o' ),
|
|
'name' => esc_html__( 'Divi WooCommerce Modules', 'et_builder' ),
|
|
),
|
|
);
|
|
}
|
|
|
|
/**
|
|
* {@inheritdoc}
|
|
*/
|
|
public function get_fields() {
|
|
$fields = array(
|
|
'required_field_indicator_color' => array(
|
|
'label' => esc_html__( 'Required Field Indicator Color', 'et_builder' ),
|
|
'description' => esc_html__( 'Pick a color to be used for the required field indicator.', 'et_builder' ),
|
|
'type' => 'color-alpha',
|
|
'option_category' => 'button',
|
|
'custom_color' => true,
|
|
'default' => '',
|
|
'tab_slug' => 'advanced',
|
|
'toggle_slug' => 'field_label',
|
|
'hover' => 'tabs',
|
|
'mobile_options' => true,
|
|
'priority' => 5,
|
|
),
|
|
'fields_width' => ET_Builder_Module_Helper_Woocommerce_Modules::get_field(
|
|
'fields_width'
|
|
),
|
|
'__checkout_shipping' => array(
|
|
'type' => 'computed',
|
|
'computed_callback' => array(
|
|
'ET_Builder_Module_Woocommerce_Checkout_Shipping',
|
|
'get_checkout_shipping',
|
|
),
|
|
'computed_depends_on' => array(
|
|
|
|
/*
|
|
* `depends_on` arg is required. Otherwise AJAX will return null.
|
|
* @see et_pb_process_computed_property().
|
|
* `product` will not be processed since there is no definition in
|
|
* @see ET_Builder_Module_Woocommerce_Checkout_Order::get_fields()
|
|
*/
|
|
'product',
|
|
),
|
|
),
|
|
'placeholder_color' => ET_Builder_Module_Helper_Woocommerce_Modules::get_field(
|
|
'placeholder_color'
|
|
),
|
|
);
|
|
|
|
return $fields;
|
|
}
|
|
|
|
/**
|
|
* {@inheritdoc}
|
|
*/
|
|
public function get_transition_fields_css_props() {
|
|
$fields = parent::get_transition_fields_css_props();
|
|
|
|
$fields['required_field_indicator_color'] = array(
|
|
'color' => '%%order_class%% form .form-row .required',
|
|
);
|
|
$fields['placeholder_color'] = array(
|
|
'color' => array(
|
|
'%%order_class%% form .input-text::placeholder',
|
|
'%%order_class%% form .input-text::-webkit-input-placeholder',
|
|
'%%order_class%% form .input-text::-moz-placeholder',
|
|
'%%order_class%% form .input-text:-ms-input-placeholder',
|
|
),
|
|
);
|
|
|
|
return $fields;
|
|
}
|
|
|
|
/**
|
|
* Swaps Checkout Order Details template.
|
|
*
|
|
* Coupon Remove Link must be shown in VB. Hence we swap the template.
|
|
*
|
|
* @param string $template Template.
|
|
* @param string $template_name Template name.
|
|
* @param array $args Arguments.
|
|
* @param string $template_path Template path.
|
|
* @param string $default_path Default path.
|
|
*
|
|
* @return string
|
|
*/
|
|
public static function swap_template( $template, $template_name, $args, $template_path, $default_path ) {
|
|
$is_template_override = in_array(
|
|
$template_name,
|
|
array(
|
|
'checkout/form-checkout.php',
|
|
),
|
|
true
|
|
);
|
|
|
|
if ( $is_template_override ) {
|
|
return trailingslashit( ET_BUILDER_DIR ) . 'feature/woocommerce/templates/' . $template_name;
|
|
}
|
|
|
|
return $template;
|
|
}
|
|
|
|
/**
|
|
* Handle hooks.
|
|
*/
|
|
public static function maybe_handle_hooks( $conditional_tags ) {
|
|
$is_tb = et_()->array_get( $conditional_tags, 'is_tb', false );
|
|
|
|
ET_Builder_Module_Helper_Woocommerce_Modules::detach_wc_checkout_coupon_form();
|
|
ET_Builder_Module_Helper_Woocommerce_Modules::detach_wc_checkout_login_form();
|
|
ET_Builder_Module_Helper_Woocommerce_Modules::detach_wc_checkout_order_review();
|
|
ET_Builder_Module_Helper_Woocommerce_Modules::detach_wc_checkout_payment();
|
|
|
|
if ( ! et_fb_is_computed_callback_ajax() && ! $is_tb ) {
|
|
add_filter(
|
|
'wc_get_template',
|
|
[
|
|
'ET_Builder_Module_Woocommerce_Checkout_Shipping',
|
|
'swap_template',
|
|
],
|
|
10,
|
|
5
|
|
);
|
|
}
|
|
|
|
remove_action(
|
|
'woocommerce_checkout_billing',
|
|
[
|
|
WC_Checkout::instance(),
|
|
'checkout_form_billing',
|
|
]
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Reset hooks.
|
|
*/
|
|
public static function maybe_reset_hooks( $conditional_tags ) {
|
|
$is_tb = et_()->array_get( $conditional_tags, 'is_tb', false );
|
|
|
|
ET_Builder_Module_Helper_Woocommerce_Modules::attach_wc_checkout_coupon_form();
|
|
ET_Builder_Module_Helper_Woocommerce_Modules::attach_wc_checkout_login_form();
|
|
ET_Builder_Module_Helper_Woocommerce_Modules::attach_wc_checkout_order_review();
|
|
ET_Builder_Module_Helper_Woocommerce_Modules::attach_wc_checkout_payment();
|
|
|
|
if ( ! et_fb_is_computed_callback_ajax() && ! $is_tb ) {
|
|
remove_filter(
|
|
'wc_get_template',
|
|
[
|
|
'ET_Builder_Module_Woocommerce_Checkout_Shipping',
|
|
'swap_template',
|
|
],
|
|
10,
|
|
5
|
|
);
|
|
}
|
|
|
|
add_action(
|
|
'woocommerce_checkout_billing',
|
|
[
|
|
WC_Checkout::instance(),
|
|
'checkout_form_billing',
|
|
]
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Gets the Checkout Shipping markup.
|
|
*
|
|
* @return string
|
|
*/
|
|
public static function get_checkout_shipping( $args = array(), $conditional_tags = array() ) {
|
|
self::maybe_handle_hooks( $conditional_tags );
|
|
|
|
$is_cart_empty = function_exists( 'WC' ) && isset( WC()->cart ) && WC()->cart->is_empty();
|
|
$is_pb_mode = et_fb_is_computed_callback_ajax() || is_et_pb_preview();
|
|
$class = 'ET_Builder_Module_Helper_Woocommerce_Modules';
|
|
|
|
// Set dummy cart contents to output Billing when no product is in cart.
|
|
if ( ( $is_cart_empty && $is_pb_mode ) || is_et_pb_preview() ) {
|
|
add_filter(
|
|
'woocommerce_get_cart_contents',
|
|
// phpcs:ignore WordPress.Arrays.CommaAfterArrayItem.NoComma -- Call to a function.
|
|
array( $class, 'set_dummy_cart_contents' )
|
|
);
|
|
}
|
|
|
|
if ( $is_pb_mode ) {
|
|
add_filter( 'woocommerce_cart_needs_shipping_address', '__return_true' );
|
|
}
|
|
|
|
ob_start();
|
|
|
|
WC_Shortcode_Checkout::output( array() );
|
|
|
|
$markup = ob_get_clean();
|
|
|
|
if ( $is_pb_mode ) {
|
|
remove_filter( 'woocommerce_cart_needs_shipping_address', '__return_true' );
|
|
}
|
|
|
|
if ( ( $is_cart_empty && $is_pb_mode ) || is_et_pb_preview() ) {
|
|
remove_filter(
|
|
'woocommerce_get_cart_contents',
|
|
array(
|
|
$class,
|
|
// phpcs:ignore WordPress.Arrays.CommaAfterArrayItem.NoComma -- Call to a function.
|
|
'set_dummy_cart_contents'
|
|
)
|
|
);
|
|
}
|
|
|
|
self::maybe_reset_hooks( $conditional_tags );
|
|
|
|
// Fallback.
|
|
if ( ! is_string( $markup ) ) {
|
|
$markup = '';
|
|
}
|
|
|
|
return $markup;
|
|
}
|
|
|
|
/**
|
|
* 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 ) {
|
|
if ( function_exists( 'is_order_received_page' )
|
|
&& is_order_received_page() ) {
|
|
return '';
|
|
}
|
|
|
|
// The module will styled to remain hidden when the class is added.
|
|
if ( function_exists( 'wc_ship_to_billing_address_only' ) && wc_ship_to_billing_address_only() ) {
|
|
$this->add_classname( 'et_pb_wc_ship_to_billing_address_only' );
|
|
}
|
|
|
|
$output = self::get_checkout_shipping();
|
|
|
|
$fields_width = et_()->array_get( $this->props, 'fields_width', false );
|
|
if ( false !== $fields_width ) {
|
|
$this->add_classname( "et_pb_fields_layout_{$fields_width}" );
|
|
}
|
|
|
|
// Handle Required Field Indicator Color responsive and hover fields.
|
|
$required_field_indicator_color_values = et_pb_responsive_options()->get_property_values( $this->props, 'required_field_indicator_color' );
|
|
$required_field_indicator_color_hover = $this->get_hover_value( 'required_field_indicator_color' );
|
|
$required_field_indicator_selector = '%%order_class%% form .form-row .required';
|
|
|
|
et_pb_responsive_options()->generate_responsive_css(
|
|
$required_field_indicator_color_values,
|
|
$required_field_indicator_selector,
|
|
'color',
|
|
$render_slug,
|
|
' !important;',
|
|
'color'
|
|
);
|
|
|
|
// Placeholder Color.
|
|
$placeholder_selectors = array(
|
|
'%%order_class%% form .form-row input.input-text::placeholder',
|
|
'%%order_class%% form .form-row input.input-text::-webkit-input-placeholder',
|
|
'%%order_class%% form .form-row input.input-text::-moz-placeholder',
|
|
'%%order_class%% form .form-row input.input-text:-ms-input-placeholder',
|
|
);
|
|
|
|
$this->generate_styles(
|
|
array(
|
|
'base_attr_name' => 'placeholder_color',
|
|
'selector' => join( ', ', $placeholder_selectors ),
|
|
'hover_pseudo_selector_location' => 'suffix',
|
|
'sticky_pseudo_selector_location' => 'prefix',
|
|
'css_property' => 'color',
|
|
'important' => false,
|
|
'render_slug' => $render_slug,
|
|
'type' => 'color',
|
|
)
|
|
);
|
|
|
|
if ( et_builder_is_hover_enabled( 'required_field_indicator_color', $this->props ) ) {
|
|
ET_Builder_Element::set_style(
|
|
$render_slug,
|
|
array(
|
|
'selector' => '%%order_class%% form .form-row:hover .required',
|
|
'declaration' => sprintf(
|
|
'color: %1$s;',
|
|
esc_html( $required_field_indicator_color_hover )
|
|
),
|
|
)
|
|
);
|
|
}
|
|
|
|
$this->add_classname( $this->get_text_orientation_classname() );
|
|
|
|
if ( isset( WC()->cart )
|
|
&& ! is_null( WC()->cart && method_exists( WC()->cart, 'check_cart_items' ) )
|
|
&& ! is_et_pb_preview() ) {
|
|
$return = WC()->cart->check_cart_items();
|
|
|
|
if ( wc_notice_count( 'error' ) > 0 ) {
|
|
$this->add_classname( 'et_pb_hide_module' );
|
|
}
|
|
}
|
|
|
|
global $wp;
|
|
if ( ! empty( $wp->query_vars['order-pay'] ) ) {
|
|
$this->add_classname( 'et_pb_wc_order_pay' );
|
|
}
|
|
|
|
return $this->_render_module_wrapper( $output, $render_slug );
|
|
}
|
|
}
|
|
|
|
new ET_Builder_Module_Woocommerce_Checkout_Shipping();
|