1631 lines
52 KiB
PHP
1631 lines
52 KiB
PHP
|
<?php
|
||
|
|
/**
|
||
|
|
* WooCommerce Modules: ET_Builder_Module_Woocommerce_Cart_Products class
|
||
|
|
*
|
||
|
|
* The ET_Builder_Module_Woocommerce_Cart_Products Class is responsible for rendering the
|
||
|
|
* Cart Products info using the WooCommerce template.
|
||
|
|
*
|
||
|
|
* @package Divi\Builder
|
||
|
|
*
|
||
|
|
* @since 4.14.0
|
||
|
|
*/
|
||
|
|
|
||
|
|
defined( 'ABSPATH' ) || exit;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Class representing WooCommerce Cart Products component.
|
||
|
|
*/
|
||
|
|
class ET_Builder_Module_Woocommerce_Cart_Products extends ET_Builder_Module {
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Initialize.
|
||
|
|
*
|
||
|
|
* @since 4.14.0 Fixed PHP Warnings {@link https://github.com/elegantthemes/Divi/issues/22104}
|
||
|
|
*/
|
||
|
|
public function init() {
|
||
|
|
$this->name = esc_html__( 'Woo Cart Products', 'et_builder' );
|
||
|
|
$this->plural = esc_html__( 'Woo Cart Products', 'et_builder' );
|
||
|
|
$this->slug = 'et_pb_wc_cart_products';
|
||
|
|
$this->vb_support = 'on';
|
||
|
|
$this->folder_name = 'et_pb_woo_modules';
|
||
|
|
|
||
|
|
$this->main_css_element = '%%order_class%%.et_pb_wc_cart_products';
|
||
|
|
$this->settings_modal_toggles = array(
|
||
|
|
'general' => array(
|
||
|
|
'toggles' => array(
|
||
|
|
'elements' => esc_html__( 'Elements', 'et_builder' ),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'advanced' => array(
|
||
|
|
'toggles' => array(
|
||
|
|
'table_header' => array(
|
||
|
|
'title' => esc_html__( 'Table Header', 'et_builder' ),
|
||
|
|
'priority' => 50,
|
||
|
|
),
|
||
|
|
'body' => array(
|
||
|
|
'title' => esc_html__( 'Body Text', 'et_builder' ),
|
||
|
|
'tabbed_subtoggles' => true,
|
||
|
|
'sub_toggles' => array(
|
||
|
|
'p' => array(
|
||
|
|
'name' => 'P',
|
||
|
|
'icon' => 'text-left',
|
||
|
|
),
|
||
|
|
'a' => array(
|
||
|
|
'name' => 'A',
|
||
|
|
'icon' => 'text-link',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'priority' => 55,
|
||
|
|
),
|
||
|
|
'table_row' => array(
|
||
|
|
'title' => esc_html__( 'Table Row', 'et_builder' ),
|
||
|
|
'priority' => 60,
|
||
|
|
),
|
||
|
|
'table_cell' => array(
|
||
|
|
'title' => esc_html__( 'Table Cell', 'et_builder' ),
|
||
|
|
'priority' => 65,
|
||
|
|
),
|
||
|
|
'icon' => array(
|
||
|
|
'title' => esc_html__( 'Remove Icon', 'et_builder' ),
|
||
|
|
'priority' => 70,
|
||
|
|
),
|
||
|
|
'image' => array(
|
||
|
|
'title' => esc_html__( 'Image', 'et_builder' ),
|
||
|
|
'priority' => 75,
|
||
|
|
),
|
||
|
|
'form_field' => array(
|
||
|
|
'title' => esc_html__( 'Fields', 'et_builder' ),
|
||
|
|
'priority' => 80,
|
||
|
|
),
|
||
|
|
'width' => array(
|
||
|
|
'title' => esc_html__( 'Sizing', 'et_builder' ),
|
||
|
|
'priority' => 85,
|
||
|
|
),
|
||
|
|
'layout' => array(
|
||
|
|
'title' => esc_html__( 'Layout', 'et_builder' ),
|
||
|
|
'priority' => 45,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->advanced_fields = array(
|
||
|
|
'fonts' => array(
|
||
|
|
'body' => array(
|
||
|
|
'label' => esc_html__( 'Body', 'et_builder' ),
|
||
|
|
'css' => array(
|
||
|
|
'main' => array(
|
||
|
|
'%%order_class%% tbody td',
|
||
|
|
'%%order_class%% ul.products li.product .woocommerce-loop-product__title',
|
||
|
|
'%%order_class%% ul.products li.product .price',
|
||
|
|
),
|
||
|
|
'color' => implode(
|
||
|
|
', ',
|
||
|
|
array(
|
||
|
|
'%%order_class%% tbody td a',
|
||
|
|
'%%order_class%% tbody td',
|
||
|
|
'%%order_class%% ul.products h1',
|
||
|
|
'%%order_class%% ul.products h2',
|
||
|
|
'%%order_class%% ul.products h3',
|
||
|
|
'%%order_class%% ul.products h4',
|
||
|
|
'%%order_class%% ul.products h5',
|
||
|
|
'%%order_class%% ul.products h6',
|
||
|
|
'%%order_class%% ul.products li.product .price',
|
||
|
|
)
|
||
|
|
),
|
||
|
|
'line_height' => '%%order_class%% table.shop_table td',
|
||
|
|
),
|
||
|
|
'font_size' => array(
|
||
|
|
'default' => '14px',
|
||
|
|
),
|
||
|
|
'line_height' => array(
|
||
|
|
'default' => '1.5em',
|
||
|
|
),
|
||
|
|
'tab_slug' => 'advanced',
|
||
|
|
'toggle_slug' => 'body',
|
||
|
|
'sub_toggle' => 'p',
|
||
|
|
),
|
||
|
|
'link' => array(
|
||
|
|
'label' => esc_html__( 'Link', 'et_builder' ),
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% td.product-name a',
|
||
|
|
'line_height' => '%%order_class%% table.shop_table td',
|
||
|
|
),
|
||
|
|
'font_size' => array(
|
||
|
|
'default' => '14px',
|
||
|
|
),
|
||
|
|
'line_height' => array(
|
||
|
|
'default' => '1.5em',
|
||
|
|
),
|
||
|
|
'toggle_slug' => 'body',
|
||
|
|
'sub_toggle' => 'a',
|
||
|
|
),
|
||
|
|
'table_header' => array(
|
||
|
|
'label' => esc_html__( 'Table Header', 'et_builder' ),
|
||
|
|
'css' => array(
|
||
|
|
'main' => implode(
|
||
|
|
',',
|
||
|
|
array(
|
||
|
|
'%%order_class%% table.cart th',
|
||
|
|
'%%order_class%%.et_pb_row_layout_vertical table.shop_table_responsive tr td::before',
|
||
|
|
'%%order_class%%.et_pb_row_layout_default table.shop_table_responsive tr td::before',
|
||
|
|
)
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'font' => array(
|
||
|
|
'default' => '|700|||||||',
|
||
|
|
),
|
||
|
|
'font_size' => array(
|
||
|
|
'default' => '14px',
|
||
|
|
),
|
||
|
|
'line_height' => array(
|
||
|
|
'default' => '1.5em',
|
||
|
|
),
|
||
|
|
'toggle_slug' => 'table_header',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'background' => array(
|
||
|
|
'settings' => array(
|
||
|
|
'color' => 'alpha',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'borders' => array(
|
||
|
|
'default' => array(),
|
||
|
|
'image' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => array(
|
||
|
|
'border_radii' => '%%order_class%% table.cart img',
|
||
|
|
'border_styles' => '%%order_class%% table.cart img',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'label_prefix' => esc_html__( 'Image', 'et_builder' ),
|
||
|
|
'tab_slug' => 'advanced',
|
||
|
|
'toggle_slug' => 'image',
|
||
|
|
'depends_show_if_not' => 'vertical',
|
||
|
|
'depends_on' => array(
|
||
|
|
'row_layout',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'margin_padding' => array(
|
||
|
|
'css' => array(
|
||
|
|
'important' => 'all',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'text' => array(
|
||
|
|
'use_background_layout' => false,
|
||
|
|
'use_text_orientation' => true,
|
||
|
|
'css' => array(
|
||
|
|
'text_shadow' => '%%order_class%%',
|
||
|
|
),
|
||
|
|
'options' => array(
|
||
|
|
'background_layout' => array(
|
||
|
|
'default_on_front' => 'light',
|
||
|
|
'hover' => 'tabs',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'text_shadow' => array(
|
||
|
|
// Add Text Shadow to Text OG.
|
||
|
|
'default' => array(),
|
||
|
|
),
|
||
|
|
'link_options' => false,
|
||
|
|
'filters' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%%',
|
||
|
|
),
|
||
|
|
'child_filters_target' => array(
|
||
|
|
'tab_slug' => 'advanced',
|
||
|
|
'toggle_slug' => 'image',
|
||
|
|
'depends_show_if_not' => 'vertical',
|
||
|
|
'depends_on' => array(
|
||
|
|
'row_layout',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'image' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% table.cart img',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'form_field' => array(
|
||
|
|
'table' => array(
|
||
|
|
'label' => esc_html__( 'Table', 'et_builder' ),
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% table.shop_table',
|
||
|
|
),
|
||
|
|
'background_color' => array(
|
||
|
|
'description' => esc_html__( 'Pick a color to fill the module\'s table.', 'et_builder' ),
|
||
|
|
),
|
||
|
|
'font_field' => false,
|
||
|
|
'margin_padding' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% table.shop_table',
|
||
|
|
'important' => array( 'custom_margin' ),
|
||
|
|
),
|
||
|
|
'depends_on' => array(
|
||
|
|
'collapse_table_gutters_borders',
|
||
|
|
),
|
||
|
|
'depends_show_if' => 'off',
|
||
|
|
),
|
||
|
|
'text_color' => false,
|
||
|
|
'focus_background_color' => false,
|
||
|
|
'focus_text_color' => false,
|
||
|
|
'border_styles' => array(
|
||
|
|
'table' => array(
|
||
|
|
'label_prefix' => esc_html__( 'Table', 'et_builder' ),
|
||
|
|
'css' => array(
|
||
|
|
'main' => array(
|
||
|
|
'border_styles' => '%%order_class%% table.shop_table',
|
||
|
|
'border_radii' => '%%order_class%% table.shop_table',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'use_focus_borders' => false,
|
||
|
|
'defaults' => array(
|
||
|
|
'border_radii' => 'on|5px|5px|5px|5px',
|
||
|
|
'border_styles' => array(
|
||
|
|
'width' => '1px',
|
||
|
|
'style' => 'solid',
|
||
|
|
'color' => '#eeeeee',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'depends_on' => array(
|
||
|
|
'collapse_table_gutters_borders',
|
||
|
|
),
|
||
|
|
'depends_show_if' => 'off',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'box_shadow' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% table.shop_table',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'toggle_priority' => 55,
|
||
|
|
),
|
||
|
|
'table_row' => array(
|
||
|
|
'label' => esc_html__( 'Table Row', 'et_builder' ),
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% table.shop_table tr',
|
||
|
|
'background_color' => '%%order_class%% table.shop_table tr',
|
||
|
|
'background_color_hover' => '%%order_class%% table.shop_table tr:hover',
|
||
|
|
),
|
||
|
|
'background_color' => array(
|
||
|
|
'description' => esc_html__( 'Pick a color to fill the module\'s table row.', 'et_builder' ),
|
||
|
|
),
|
||
|
|
'font_field' => false,
|
||
|
|
'margin_padding' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => array(
|
||
|
|
'%%order_class%% th',
|
||
|
|
'%%order_class%% td',
|
||
|
|
),
|
||
|
|
'important' => array( 'custom_padding' ),
|
||
|
|
),
|
||
|
|
'use_margin' => false,
|
||
|
|
'use_padding' => false,
|
||
|
|
),
|
||
|
|
'text_color' => false,
|
||
|
|
'focus_background_color' => false,
|
||
|
|
'focus_text_color' => false,
|
||
|
|
'border_styles' => array(
|
||
|
|
'table_row' => array(
|
||
|
|
'label_prefix' => esc_html__( 'Table Row', 'et_builder' ),
|
||
|
|
'css' => array(
|
||
|
|
'main' => array(
|
||
|
|
'border_styles' => '%%order_class%% table.shop_table tr',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'defaults' => array(
|
||
|
|
'border_radii' => 'on|0px|0px|0px|0px',
|
||
|
|
'border_styles' => array(
|
||
|
|
'width' => '0px',
|
||
|
|
'style' => 'none',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'use_focus_borders' => false,
|
||
|
|
'depends_on' => array(
|
||
|
|
'collapse_table_gutters_borders',
|
||
|
|
),
|
||
|
|
'depends_show_if' => 'on',
|
||
|
|
'use_radius' => false,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'box_shadow' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% table.shop_table tr',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'table_cell' => array(
|
||
|
|
'label' => esc_html__( 'Table Cell', 'et_builder' ),
|
||
|
|
// phpcs:disable WordPress.Arrays.MultipleStatementAlignment.DoubleArrowNotAligned -- Seems to be a false positive.
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% table.shop_table tr td',
|
||
|
|
'background_color' => '%%order_class%% table.shop_table tr td',
|
||
|
|
'alternating_background_color' => '%%order_class%% table.shop_table_responsive tr:nth-child(2n) td',
|
||
|
|
'alternating_background_color_hover' => '%%order_class%% table.shop_table_responsive tr:nth-child(2n):hover td',
|
||
|
|
'background_color_hover' => '%%order_class%% table.shop_table tr td:hover',
|
||
|
|
'important' => array(
|
||
|
|
'background_color',
|
||
|
|
'alternating_background_color',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
// phpcs:enable
|
||
|
|
'background_color' => array(
|
||
|
|
'description' => esc_html__( 'Pick a color to fill the module\'s table cell.', 'et_builder' ),
|
||
|
|
),
|
||
|
|
'font_field' => false,
|
||
|
|
'margin_padding' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => array(
|
||
|
|
'%%order_class%% th',
|
||
|
|
'%%order_class%% td',
|
||
|
|
),
|
||
|
|
'important' => array( 'custom_padding' ),
|
||
|
|
),
|
||
|
|
'use_margin' => false,
|
||
|
|
),
|
||
|
|
'text_color' => false,
|
||
|
|
'alternating_background_color' => array(
|
||
|
|
'description' => esc_html__( 'Pick a color to fill the module\'s table alternating cell.', 'et_builder' ),
|
||
|
|
),
|
||
|
|
'focus_background_color' => false,
|
||
|
|
'focus_text_color' => false,
|
||
|
|
'border_styles' => array(
|
||
|
|
'table_cell' => array(
|
||
|
|
'label_prefix' => 'Table Cell',
|
||
|
|
'css' => array(
|
||
|
|
'main' => array(
|
||
|
|
'border_styles' => '%%order_class%% table.shop_table tr td, %%order_class%% table.shop_table th',
|
||
|
|
'border_radii' => '%%order_class%% table.shop_table tr td, %%order_class%% table.shop_table th',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'defaults' => array(
|
||
|
|
'border_radii' => 'on|0px|0px|0px|0px',
|
||
|
|
'border_styles' => array(
|
||
|
|
'width' => '0px',
|
||
|
|
'style' => 'solid',
|
||
|
|
),
|
||
|
|
'composite' => array(
|
||
|
|
'border_top' => array(
|
||
|
|
'border_width_top' => '1px',
|
||
|
|
'border_style_top' => 'solid',
|
||
|
|
'border_color_top' => 'rgba(0,0,0,.1)',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'use_focus_borders' => false,
|
||
|
|
'depends_on' => array(
|
||
|
|
'collapse_table_gutters_borders',
|
||
|
|
),
|
||
|
|
'depends_show_if' => 'off',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'box_shadow' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% table.shop_table td',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'icon' => array(
|
||
|
|
'label' => esc_html__( 'Remove Icon', 'et_builder' ),
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% a.remove',
|
||
|
|
'form_text_color' => '%%order_class%% a.remove',
|
||
|
|
'background_color' => '%%order_class%% a.remove',
|
||
|
|
'background_color_hover' => '%%order_class%% a.remove:hover',
|
||
|
|
'important' => array( 'form_text_color' ),
|
||
|
|
),
|
||
|
|
'background_color' => array(
|
||
|
|
'description' => esc_html__( 'Pick a color to fill the module\'s remove icon.', 'et_builder' ),
|
||
|
|
),
|
||
|
|
'text_color' => array(
|
||
|
|
'description' => esc_html__( 'Pick a color to be used for the remove icon.', 'et_builder' ),
|
||
|
|
),
|
||
|
|
'placeholder' => false,
|
||
|
|
'font_field' => array(
|
||
|
|
'hide_font' => true,
|
||
|
|
'hide_text_align' => true,
|
||
|
|
'hide_letter_spacing' => true,
|
||
|
|
'hide_line_height' => true,
|
||
|
|
'hide_text_shadow' => true,
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% a.remove',
|
||
|
|
),
|
||
|
|
'font_size' => array(
|
||
|
|
'default' => '1.5em',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'focus_background_color' => false,
|
||
|
|
'focus_text_color' => false,
|
||
|
|
'box_shadow' => false,
|
||
|
|
'border_styles' => false,
|
||
|
|
'margin_padding' => false,
|
||
|
|
),
|
||
|
|
'form_field' => array(
|
||
|
|
'label' => esc_html__( 'Field', 'et_builder' ),
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% .quantity input.qty',
|
||
|
|
'background_color' => '%%order_class%% .quantity input.qty, %%order_class%% table.cart td.actions .coupon .input-text',
|
||
|
|
'background_color_hover' => '%%order_class%% form .input-text:hover, %%order_class%% table.cart td.actions .coupon .input-text:hover',
|
||
|
|
'focus_background_color' => '%%order_class%% .quantity input.qty:focus, %%order_class%% table.cart td.actions .coupon .input-text:focus',
|
||
|
|
'focus_background_color_hover' => '%%order_class%% .quantity input.qty:focus:hover, %%order_class%% table.cart td.actions .coupon .input-text:focus:hover',
|
||
|
|
'placeholder_focus' => '%%order_class%% .input-text:focus::-webkit-input-placeholder, %%order_class%% .input-text:focus::-moz-placeholder, %%order_class%% p .input-text:focus:-ms-input-placeholder',
|
||
|
|
'form_text_color' => '%%order_class%% .quantity input.qty, %%order_class%% table.cart td.actions .coupon .input-text',
|
||
|
|
'form_text_color_hover' => '%%order_class%% .quantity input.qty:hover, %%order_class%% table.cart td.actions .coupon .input-text:hover',
|
||
|
|
'focus_text_color' => '%%order_class%% .quantity input.qty:focus, %%order_class%% table.cart td.actions .coupon .input-text:focus',
|
||
|
|
'focus_text_color_hover' => '%%order_class%% .quantity input.qty:focus:hover, %%order_class%% table.cart td.actions .coupon .input-text:focus:hover',
|
||
|
|
'important' => array(
|
||
|
|
'background_color',
|
||
|
|
'form_text_color',
|
||
|
|
'focus_background_color',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'background_color' => array(
|
||
|
|
'description' => esc_html__( 'Pick a color to fill the module\'s fields.', 'et_builder' ),
|
||
|
|
),
|
||
|
|
'box_shadow' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => implode(
|
||
|
|
',',
|
||
|
|
array(
|
||
|
|
'%%order_class%% .quantity input.qty',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text',
|
||
|
|
)
|
||
|
|
),
|
||
|
|
'important' => true,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'border_styles' => array(
|
||
|
|
'form_field' => array(
|
||
|
|
'label_prefix' => esc_html__( 'Field', 'et_builder' ),
|
||
|
|
'css' => array(
|
||
|
|
'main' => array(
|
||
|
|
'border_styles' => implode(
|
||
|
|
',',
|
||
|
|
array(
|
||
|
|
'%%order_class%% .quantity input.qty',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text',
|
||
|
|
)
|
||
|
|
),
|
||
|
|
'border_radii' => implode(
|
||
|
|
',',
|
||
|
|
array(
|
||
|
|
'%%order_class%% .quantity input.qty',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text',
|
||
|
|
)
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'important' => true,
|
||
|
|
),
|
||
|
|
'defaults' => array(
|
||
|
|
'border_radii' => 'on|0px|0px|0px|0px',
|
||
|
|
'border_styles' => array(
|
||
|
|
'width' => '0px',
|
||
|
|
'style' => 'solid',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'form_field_focus' => array(
|
||
|
|
'label_prefix' => esc_html__( 'Field Focus', 'et_builder' ),
|
||
|
|
'css' => array(
|
||
|
|
'main' => array(
|
||
|
|
'border_styles' => implode(
|
||
|
|
',',
|
||
|
|
array(
|
||
|
|
'%%order_class%% .quantity input.qty:focus',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text:focus',
|
||
|
|
)
|
||
|
|
),
|
||
|
|
'border_radii' => implode(
|
||
|
|
',',
|
||
|
|
array(
|
||
|
|
'%%order_class%% .quantity input.qty:focus',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text:focus',
|
||
|
|
)
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'important' => true,
|
||
|
|
),
|
||
|
|
'defaults' => array(
|
||
|
|
'border_radii' => 'on|0px|0px|0px|0px',
|
||
|
|
'border_styles' => array(
|
||
|
|
'width' => '0px',
|
||
|
|
'style' => 'solid',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'font_field' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => implode(
|
||
|
|
', ',
|
||
|
|
array(
|
||
|
|
'%%order_class%% .quantity input.qty',
|
||
|
|
'%%order_class%% .quantity input.qty::placeholder',
|
||
|
|
'%%order_class%% .quantity input.qty::-webkit-input-placeholder',
|
||
|
|
'%%order_class%% .quantity input.qty::-moz-placeholder',
|
||
|
|
'%%order_class%% .quantity input.qty:-ms-input-placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text::placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text::-webkit-input-placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text::-moz-placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text:-ms-input-placeholder',
|
||
|
|
)
|
||
|
|
),
|
||
|
|
'hover' => implode(
|
||
|
|
', ',
|
||
|
|
array(
|
||
|
|
'%%order_class%% .quantity input.qty:hover',
|
||
|
|
'%%order_class%% .quantity input.qty:hover::placeholder',
|
||
|
|
'%%order_class%% .quantity input.qty:hover::-webkit-input-placeholder',
|
||
|
|
'%%order_class%% .quantity input.qty:hover::-moz-placeholder',
|
||
|
|
'%%order_class%% .quantity input.qty:hover:-ms-input-placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text:hover',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text:hover::placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text:hover::-webkit-input-placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text:hover::-moz-placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text:hover:-ms-input-placeholder',
|
||
|
|
)
|
||
|
|
),
|
||
|
|
// Required to override default WooCommerce styles.
|
||
|
|
'important' => array( 'line-height', 'font', 'size' ),
|
||
|
|
),
|
||
|
|
'font_size' => array(
|
||
|
|
'default' => '14px',
|
||
|
|
),
|
||
|
|
'line_height' => array(
|
||
|
|
'default' => '1.7em',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'margin_padding' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% form .input-text, %%order_class%% table.cart td.actions .coupon .input-text',
|
||
|
|
'padding' => '%%order_class%% form .qty.input-text, %%order_class%% table.cart td.actions .coupon .input-text',
|
||
|
|
'margin' => '%%order_class%%.woocommerce-cart table.cart input, %%order_class%% table.cart td.actions .coupon .input-text',
|
||
|
|
'important' => array( 'custom_padding' ),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'width' => array(),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'height' => array(
|
||
|
|
'use_min_height' => false,
|
||
|
|
'use_height' => false,
|
||
|
|
'use_max_height' => false,
|
||
|
|
),
|
||
|
|
'button' => array(
|
||
|
|
'button' => array(
|
||
|
|
'label' => esc_html__( 'Button', 'et_builder' ),
|
||
|
|
'css' => array(
|
||
|
|
'main' => implode(
|
||
|
|
',',
|
||
|
|
array(
|
||
|
|
'%%order_class%% table.cart button[name="apply_coupon"]',
|
||
|
|
'%%order_class%% table.cart button[name="update_cart"]:not([disabled])',
|
||
|
|
)
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'text_size' => array(
|
||
|
|
'default' => '20px',
|
||
|
|
),
|
||
|
|
'use_alignment' => false,
|
||
|
|
'box_shadow' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => implode(
|
||
|
|
',',
|
||
|
|
array(
|
||
|
|
'%%order_class%% table.cart button[name="apply_coupon"]',
|
||
|
|
'%%order_class%% table.cart button[name="update_cart"]:not([disabled])',
|
||
|
|
)
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'margin_padding' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => implode(
|
||
|
|
',',
|
||
|
|
array(
|
||
|
|
'%%order_class%% table.cart button[name="apply_coupon"]',
|
||
|
|
'%%order_class%% table.cart button[name="update_cart"]:not([disabled])',
|
||
|
|
)
|
||
|
|
),
|
||
|
|
'important' => 'all',
|
||
|
|
),
|
||
|
|
// Removed the margin padding defaults to NOT affect Extra theme.
|
||
|
|
),
|
||
|
|
'no_rel_attr' => false,
|
||
|
|
'toggle_priority' => 80,
|
||
|
|
),
|
||
|
|
'disabled_button' => array(
|
||
|
|
'label' => esc_html__( 'Disabled Button', 'et_builder' ),
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% table.cart button[name="update_cart"]:disabled',
|
||
|
|
),
|
||
|
|
'text_size' => array(
|
||
|
|
'default' => '20px',
|
||
|
|
),
|
||
|
|
'use_alignment' => false,
|
||
|
|
'box_shadow' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% table.cart button[name="update_cart"]:disabled',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'margin_padding' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => '%%order_class%% table.cart button[name="update_cart"]:disabled',
|
||
|
|
'important' => 'all',
|
||
|
|
),
|
||
|
|
// Removed the margin padding defaults to NOT affect Extra theme.
|
||
|
|
),
|
||
|
|
'no_rel_attr' => false,
|
||
|
|
'toggle_priority' => 81,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'max_width' => array(
|
||
|
|
'css' => array(
|
||
|
|
'main' => $this->main_css_element,
|
||
|
|
'module_alignment' => '%%order_class%%.et_pb_wc_cart_products.et_pb_module',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->custom_css_fields = array(
|
||
|
|
'body' => array(
|
||
|
|
'label' => esc_html__( 'Body', 'et_builder' ),
|
||
|
|
'selector' => '%%order_class%% td.product-price, %%order_class%% td.product-subtotal, %%order_class%% td.product-name dl.variation dd',
|
||
|
|
),
|
||
|
|
'link' => array(
|
||
|
|
'label' => esc_html__( 'Link', 'et_builder' ),
|
||
|
|
'selector' => '%%order_class%% td.product-name a',
|
||
|
|
),
|
||
|
|
'column_label' => array(
|
||
|
|
'label' => esc_html__( 'Column Label', 'et_builder' ),
|
||
|
|
'selector' => '%%order_class%% table.cart th',
|
||
|
|
),
|
||
|
|
'table' => array(
|
||
|
|
'label' => esc_html__( 'Table', 'et_builder' ),
|
||
|
|
'selector' => '%%order_class%% table.cart',
|
||
|
|
),
|
||
|
|
'table_header_row' => array(
|
||
|
|
'label' => esc_html__( 'Table Header Row', 'et_builder' ),
|
||
|
|
'selector' => '%%order_class%% table.cart th',
|
||
|
|
),
|
||
|
|
'table_rows' => array(
|
||
|
|
'label' => esc_html__( 'Table Rows', 'et_builder' ),
|
||
|
|
'selector' => '%%order_class%% table.cart tr',
|
||
|
|
),
|
||
|
|
'product_image' => array(
|
||
|
|
'label' => esc_html__( 'Product Image', 'et_builder' ),
|
||
|
|
'selector' => '%%order_class%% table.cart img',
|
||
|
|
),
|
||
|
|
'product_name' => array(
|
||
|
|
'label' => esc_html__( 'Product Name', 'et_builder' ),
|
||
|
|
'selector' => '%%order_class%% td.product-name a',
|
||
|
|
),
|
||
|
|
'variation_label' => array(
|
||
|
|
'label' => esc_html__( 'Variation Label', 'et_builder' ),
|
||
|
|
'selector' => '%%order_class%% .product-name dl.variation',
|
||
|
|
),
|
||
|
|
'remove_icon' => array(
|
||
|
|
'label' => esc_html__( 'Remove Icon', 'et_builder' ),
|
||
|
|
'selector' => '%%order_class%% a.remove',
|
||
|
|
),
|
||
|
|
'input_fields' => array(
|
||
|
|
'label' => esc_html__( 'Input Fields', 'et_builder' ),
|
||
|
|
'selector' => '%%order_class%% .quantity input.qty, %%order_class%% table.cart td.actions .coupon .input-text',
|
||
|
|
),
|
||
|
|
'button' => array(
|
||
|
|
'label' => esc_html__( 'Button', 'et_builder' ),
|
||
|
|
'selector' => '%%order_class%% table.cart button[name="apply_coupon"]',
|
||
|
|
),
|
||
|
|
'disabled_button' => array(
|
||
|
|
'label' => esc_html__( 'Disabled Button', 'et_builder' ),
|
||
|
|
'selector' => '%%order_class%% table.cart button[name="update_cart"]:disabled',
|
||
|
|
),
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->help_videos = array(
|
||
|
|
array(
|
||
|
|
'id' => esc_html( '7X03vBPYJ1o' ),
|
||
|
|
'name' => esc_html__( 'Divi WooCommerce Modules', 'et_builder' ),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* {@inheritdoc}
|
||
|
|
*/
|
||
|
|
public function get_fields() {
|
||
|
|
$fields = array(
|
||
|
|
'__cart_products' => array(
|
||
|
|
'type' => 'computed',
|
||
|
|
'computed_callback' => array(
|
||
|
|
'ET_Builder_Module_Woocommerce_Cart_Products',
|
||
|
|
'get_cart_products',
|
||
|
|
),
|
||
|
|
'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',
|
||
|
|
'show_update_cart_button',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'row_layout' => array(
|
||
|
|
'label' => esc_html__( 'Product Row Layout', 'et_builder' ),
|
||
|
|
'description' => esc_html__( 'Set the row layout.', 'et_builder' ),
|
||
|
|
'type' => 'select',
|
||
|
|
'option_category' => 'configuration',
|
||
|
|
'options' => array(
|
||
|
|
'default' => __( 'Default', 'et_builder' ),
|
||
|
|
'horizontal' => __( 'Horizontal', 'et_builder' ),
|
||
|
|
'vertical' => __( 'Vertical', 'et_builder' ),
|
||
|
|
),
|
||
|
|
'default' => 'default',
|
||
|
|
'tab_slug' => 'advanced',
|
||
|
|
'toggle_slug' => 'layout',
|
||
|
|
'mobile_options' => true,
|
||
|
|
'affects' => array(
|
||
|
|
'image',
|
||
|
|
'border_radii_image',
|
||
|
|
'border_styles_image',
|
||
|
|
'table_header_background_color',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'image_max_width' => array(
|
||
|
|
'label' => esc_html__(
|
||
|
|
'Image Width',
|
||
|
|
'et_builder'
|
||
|
|
),
|
||
|
|
'description' => esc_html__(
|
||
|
|
'Adjust the width of the image within the table.',
|
||
|
|
'et_builder'
|
||
|
|
),
|
||
|
|
'type' => 'range',
|
||
|
|
'option_category' => 'layout',
|
||
|
|
'tab_slug' => 'advanced',
|
||
|
|
'toggle_slug' => 'width',
|
||
|
|
'mobile_options' => true,
|
||
|
|
'validate_unit' => true,
|
||
|
|
'depends_show_if' => 'off',
|
||
|
|
'allowed_units' => array(
|
||
|
|
'%',
|
||
|
|
'em',
|
||
|
|
'rem',
|
||
|
|
'px',
|
||
|
|
'cm',
|
||
|
|
'mm',
|
||
|
|
'in',
|
||
|
|
'pt',
|
||
|
|
'pc',
|
||
|
|
'ex',
|
||
|
|
'vh',
|
||
|
|
'vw',
|
||
|
|
),
|
||
|
|
'default' => '32px',
|
||
|
|
'default_unit' => 'px',
|
||
|
|
'default_on_front' => '',
|
||
|
|
'allow_empty' => true,
|
||
|
|
'range_settings' => array(
|
||
|
|
'min' => '0',
|
||
|
|
'max' => '100',
|
||
|
|
'step' => '1',
|
||
|
|
),
|
||
|
|
'responsive' => true,
|
||
|
|
'sticky' => false,
|
||
|
|
),
|
||
|
|
'collapse_table_gutters_borders' => ET_Builder_Module_Helper_Woocommerce_Modules::get_field( 'collapse_table_gutters_borders' ),
|
||
|
|
'vertical_gutter_width' => ET_Builder_Module_Helper_Woocommerce_Modules::get_field( 'vertical_gutter_width' ),
|
||
|
|
'horizontal_gutter_width' => ET_Builder_Module_Helper_Woocommerce_Modules::get_field( 'horizontal_gutter_width' ),
|
||
|
|
'placeholder_color' => ET_Builder_Module_Helper_Woocommerce_Modules::get_field( 'placeholder_color' ),
|
||
|
|
'show_product_image' => array(
|
||
|
|
'label' => esc_html__( 'Show Product Image', 'et_builder' ),
|
||
|
|
'type' => 'yes_no_button',
|
||
|
|
'option_category' => 'configuration',
|
||
|
|
'options' => array(
|
||
|
|
'on' => et_builder_i18n( 'Yes' ),
|
||
|
|
'off' => et_builder_i18n( 'No' ),
|
||
|
|
),
|
||
|
|
'description' => esc_html__( 'Here you can choose whether or not to display the Product image.', 'et_builder' ),
|
||
|
|
'toggle_slug' => 'elements',
|
||
|
|
'tab_slug' => 'general',
|
||
|
|
'default' => 'on',
|
||
|
|
'mobile_options' => true,
|
||
|
|
'show_if_not' => array(
|
||
|
|
'row_layout' => 'vertical',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
'show_coupon_code' => array(
|
||
|
|
'label' => esc_html__( 'Show Coupon Code', 'et_builder' ),
|
||
|
|
'type' => 'yes_no_button',
|
||
|
|
'option_category' => 'configuration',
|
||
|
|
'options' => array(
|
||
|
|
'on' => et_builder_i18n( 'Yes' ),
|
||
|
|
'off' => et_builder_i18n( 'No' ),
|
||
|
|
),
|
||
|
|
'description' => esc_html__( 'Here you can choose whether or not to display the Coupon code.', 'et_builder' ),
|
||
|
|
'toggle_slug' => 'elements',
|
||
|
|
'tab_slug' => 'general',
|
||
|
|
'default' => 'on',
|
||
|
|
'mobile_options' => true,
|
||
|
|
),
|
||
|
|
'show_update_cart_button' => array(
|
||
|
|
'label' => esc_html__( 'Show Update Cart Button', 'et_builder' ),
|
||
|
|
'type' => 'yes_no_button',
|
||
|
|
'option_category' => 'configuration',
|
||
|
|
'options' => array(
|
||
|
|
'on' => et_builder_i18n( 'Yes' ),
|
||
|
|
'off' => et_builder_i18n( 'No' ),
|
||
|
|
),
|
||
|
|
'description' => esc_html__( 'Here you can choose whether or not to display the Update cart button.', 'et_builder' ),
|
||
|
|
'toggle_slug' => 'elements',
|
||
|
|
'tab_slug' => 'general',
|
||
|
|
'default' => 'on',
|
||
|
|
'mobile_options' => true,
|
||
|
|
),
|
||
|
|
'show_remove_item_icon' => array(
|
||
|
|
'label' => esc_html__( 'Show Remove Item Icon', 'et_builder' ),
|
||
|
|
'type' => 'yes_no_button',
|
||
|
|
'option_category' => 'configuration',
|
||
|
|
'options' => array(
|
||
|
|
'on' => et_builder_i18n( 'Yes' ),
|
||
|
|
'off' => et_builder_i18n( 'No' ),
|
||
|
|
),
|
||
|
|
'description' => esc_html__( 'Here you can choose whether or not to display the Remove Item Icon.', 'et_builder' ),
|
||
|
|
'toggle_slug' => 'elements',
|
||
|
|
'tab_slug' => 'general',
|
||
|
|
'default' => 'on',
|
||
|
|
'mobile_options' => true,
|
||
|
|
),
|
||
|
|
'table_header_background_color' => array(
|
||
|
|
'label' => esc_html__( 'Table Header Background Color', 'et_builder' ),
|
||
|
|
'description' => esc_html__( 'Pick a color to fill the module\'s table header.', 'et_builder' ),
|
||
|
|
'type' => 'color-alpha',
|
||
|
|
'option_category' => 'field',
|
||
|
|
'custom_color' => true,
|
||
|
|
'tab_slug' => 'advanced',
|
||
|
|
'toggle_slug' => 'table_header',
|
||
|
|
'hover' => 'tabs',
|
||
|
|
'mobile_options' => true,
|
||
|
|
'sticky' => true,
|
||
|
|
'depends_show_if_not' => 'vertical',
|
||
|
|
'depends_on' => array(
|
||
|
|
'row_layout',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
|
||
|
|
return $fields;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Display mocked variation attribute in VB.
|
||
|
|
*
|
||
|
|
* @param array $cart_item Cart Item.
|
||
|
|
*/
|
||
|
|
public static function display_variation_attribute( $cart_item ) {
|
||
|
|
$product_id = $cart_item['product_id'];
|
||
|
|
|
||
|
|
switch ( $product_id ) {
|
||
|
|
case 1000:
|
||
|
|
$item_data = array(
|
||
|
|
array(
|
||
|
|
'key' => 'Size',
|
||
|
|
'display' => 'Large',
|
||
|
|
),
|
||
|
|
);
|
||
|
|
break;
|
||
|
|
case 1001:
|
||
|
|
$item_data = array(
|
||
|
|
array(
|
||
|
|
'key' => 'Color',
|
||
|
|
'display' => 'Black',
|
||
|
|
),
|
||
|
|
);
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
wc_get_template( 'cart/cart-item-data.php', array( 'item_data' => $item_data ) );
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Sets dummy permalink.
|
||
|
|
*
|
||
|
|
* @return string
|
||
|
|
*/
|
||
|
|
public static function set_dummy_permalink() {
|
||
|
|
return '#';
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Sets dummy cart contents to be dipslayed in VB.
|
||
|
|
*
|
||
|
|
* @param array $cart_contents Cart Contents.
|
||
|
|
*
|
||
|
|
* @return array
|
||
|
|
*/
|
||
|
|
public static function set_dummy_cart_contents( $cart_contents ) {
|
||
|
|
if ( ! is_array( $cart_contents ) ) {
|
||
|
|
return $cart_contents;
|
||
|
|
}
|
||
|
|
|
||
|
|
$cart_contents = array();
|
||
|
|
$fake_products = array(
|
||
|
|
999 => array(
|
||
|
|
'name' => esc_html__( 'Product 1', 'et_builder' ),
|
||
|
|
'price' => '12.00',
|
||
|
|
'quantity' => 3,
|
||
|
|
),
|
||
|
|
1000 => array(
|
||
|
|
'name' => esc_html__( 'Product 2', 'et_builder' ),
|
||
|
|
'price' => '75.00',
|
||
|
|
'quantity' => 1,
|
||
|
|
),
|
||
|
|
1001 => array(
|
||
|
|
'name' => esc_html__( 'Product 3', 'et_builder' ),
|
||
|
|
'price' => '38.00',
|
||
|
|
'quantity' => 2,
|
||
|
|
),
|
||
|
|
);
|
||
|
|
|
||
|
|
foreach ( $fake_products as $id => $details ) {
|
||
|
|
$product = new ET_Builder_Woocommerce_Product_Simple_Placeholder();
|
||
|
|
$product->set_name( $details['name'] );
|
||
|
|
$product->set_id( $id );
|
||
|
|
$product->set_price( $details['price'] );
|
||
|
|
|
||
|
|
$cart_item_key = WC()->cart->generate_cart_id( $product->get_id() );
|
||
|
|
|
||
|
|
$cart_contents[ $cart_item_key ] = array(
|
||
|
|
'key' => $cart_item_key,
|
||
|
|
'product_id' => $product->get_id(),
|
||
|
|
'variation_id' => 0,
|
||
|
|
'variation' => array(),
|
||
|
|
'quantity' => $details['quantity'],
|
||
|
|
'data' => $product,
|
||
|
|
'data_hash' => wc_get_cart_item_data_hash( $product ),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
return $cart_contents;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Set readonly attribute when Show Update Cart btn is set to OFF.
|
||
|
|
*
|
||
|
|
* @param array $input_args Args for the input.
|
||
|
|
*
|
||
|
|
* @return mixed
|
||
|
|
*/
|
||
|
|
public static function set_quantity_input_readonly( $input_args ) {
|
||
|
|
$input_args['readonly'] = 'readonly';
|
||
|
|
|
||
|
|
return $input_args;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Handle hooks.
|
||
|
|
*
|
||
|
|
* @param array $conditional_tags Array of conditional tags.
|
||
|
|
*/
|
||
|
|
public static function maybe_handle_hooks( $conditional_tags ) {
|
||
|
|
remove_action( 'woocommerce_cart_collaterals', 'woocommerce_cart_totals', 10 );
|
||
|
|
remove_action( 'woocommerce_before_cart', 'woocommerce_output_all_notices', 10 );
|
||
|
|
|
||
|
|
$class = 'ET_Builder_Module_Woocommerce_Cart_Products';
|
||
|
|
$is_tb = et_()->array_get( $conditional_tags, 'is_tb', false );
|
||
|
|
|
||
|
|
// Runs on both VB and FE.
|
||
|
|
add_filter(
|
||
|
|
'wc_get_template',
|
||
|
|
array(
|
||
|
|
$class,
|
||
|
|
'swap_quantity_input_template',
|
||
|
|
),
|
||
|
|
10,
|
||
|
|
5
|
||
|
|
);
|
||
|
|
|
||
|
|
if ( et_fb_is_computed_callback_ajax() || $is_tb || is_et_pb_preview() ) {
|
||
|
|
// Runs only on Builder mode.
|
||
|
|
add_filter(
|
||
|
|
'wc_get_template',
|
||
|
|
array(
|
||
|
|
$class,
|
||
|
|
'swap_template',
|
||
|
|
),
|
||
|
|
10,
|
||
|
|
5
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Reset hooks.
|
||
|
|
*
|
||
|
|
* @param array $conditional_tags Array of conditional tags.
|
||
|
|
*/
|
||
|
|
public static function maybe_reset_hooks( $conditional_tags ) {
|
||
|
|
add_action( 'woocommerce_cart_collaterals', 'woocommerce_cart_totals', 10 );
|
||
|
|
add_action( 'woocommerce_before_cart', 'woocommerce_output_all_notices', 10 );
|
||
|
|
|
||
|
|
$is_tb = et_()->array_get( $conditional_tags, 'is_tb', false );
|
||
|
|
$class = 'ET_Builder_Module_Woocommerce_Cart_Products';
|
||
|
|
|
||
|
|
remove_filter(
|
||
|
|
'wc_get_template',
|
||
|
|
array(
|
||
|
|
$class,
|
||
|
|
'swap_quantity_input_template',
|
||
|
|
)
|
||
|
|
);
|
||
|
|
|
||
|
|
if ( et_fb_is_computed_callback_ajax() || $is_tb || is_et_pb_preview() ) {
|
||
|
|
remove_filter(
|
||
|
|
'wc_get_template',
|
||
|
|
array(
|
||
|
|
$class,
|
||
|
|
'swap_template',
|
||
|
|
)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Swaps Quantity input 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_quantity_input_template( $template, $template_name, $args, $template_path, $default_path ) {
|
||
|
|
$is_template_override = in_array(
|
||
|
|
$template_name,
|
||
|
|
array(
|
||
|
|
'global/quantity-input.php',
|
||
|
|
),
|
||
|
|
true
|
||
|
|
);
|
||
|
|
|
||
|
|
if ( $is_template_override ) {
|
||
|
|
return trailingslashit( ET_BUILDER_DIR ) . 'feature/woocommerce/templates/' . $template_name;
|
||
|
|
}
|
||
|
|
|
||
|
|
return $template;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Swaps login form template.
|
||
|
|
*
|
||
|
|
* By default WooCommerce displays these only when logged-out.
|
||
|
|
* However these templates must be shown in VB when logged-in. Hence we use these templates.
|
||
|
|
*
|
||
|
|
* @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(
|
||
|
|
'cart/cart.php',
|
||
|
|
),
|
||
|
|
true
|
||
|
|
);
|
||
|
|
|
||
|
|
if ( $is_template_override ) {
|
||
|
|
return trailingslashit( ET_BUILDER_DIR ) . 'feature/woocommerce/templates/' . $template_name;
|
||
|
|
}
|
||
|
|
|
||
|
|
return $template;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Gets Cart Products markup.
|
||
|
|
*
|
||
|
|
* @param array $args Props.
|
||
|
|
* @param array $conditional_tags Conditional tags set during computed property AJAX call.
|
||
|
|
*
|
||
|
|
* @return string
|
||
|
|
*/
|
||
|
|
public static function get_cart_products( $args = array(), $conditional_tags = array() ) {
|
||
|
|
if ( ! class_exists( 'WC_Shortcode_Cart' ) ||
|
||
|
|
! method_exists( 'WC_Shortcode_Cart', 'output' ) ) {
|
||
|
|
return '';
|
||
|
|
}
|
||
|
|
|
||
|
|
$is_tb = et_()->array_get( $conditional_tags, 'is_tb', false );
|
||
|
|
$is_use_placeholder = $is_tb || is_et_pb_preview();
|
||
|
|
|
||
|
|
// Stop mocking Cart Products when Cart isn't empty.
|
||
|
|
$reset_filters = false;
|
||
|
|
|
||
|
|
self::maybe_handle_hooks( $conditional_tags );
|
||
|
|
|
||
|
|
if ( ( $is_use_placeholder || et_fb_is_computed_callback_ajax() ) && WC()->cart->is_empty() ) {
|
||
|
|
add_filter(
|
||
|
|
'woocommerce_get_cart_contents',
|
||
|
|
array(
|
||
|
|
'ET_Builder_Module_Woocommerce_Cart_Products',
|
||
|
|
// phpcs:ignore WordPress.Arrays.CommaAfterArrayItem.NoComma -- This is a function call.
|
||
|
|
'set_dummy_cart_contents'
|
||
|
|
)
|
||
|
|
);
|
||
|
|
|
||
|
|
add_filter(
|
||
|
|
'woocommerce_cart_item_permalink',
|
||
|
|
array(
|
||
|
|
'ET_Builder_Module_Woocommerce_Cart_Products',
|
||
|
|
// phpcs:ignore WordPress.Arrays.CommaAfterArrayItem.NoComma -- This is a function call.
|
||
|
|
'set_dummy_permalink'
|
||
|
|
)
|
||
|
|
);
|
||
|
|
|
||
|
|
add_action(
|
||
|
|
'woocommerce_after_cart_item_name',
|
||
|
|
array(
|
||
|
|
'ET_Builder_Module_Woocommerce_Cart_Products',
|
||
|
|
// phpcs:ignore WordPress.Arrays.CommaAfterArrayItem.NoComma -- This is a function call.
|
||
|
|
'display_variation_attribute'
|
||
|
|
)
|
||
|
|
);
|
||
|
|
|
||
|
|
$reset_filters = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
$show_update_cart_button = isset( $args['show_update_cart_button'] )
|
||
|
|
? $args['show_update_cart_button']
|
||
|
|
: 'on';
|
||
|
|
|
||
|
|
if ( 'off' === $show_update_cart_button ) {
|
||
|
|
add_filter(
|
||
|
|
'woocommerce_quantity_input_args',
|
||
|
|
array(
|
||
|
|
'ET_Builder_Module_Woocommerce_Cart_Products',
|
||
|
|
'set_quantity_input_readonly',
|
||
|
|
)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
ob_start();
|
||
|
|
if ( isset( WC()->cart ) && ! WC()->cart->is_empty() ) {
|
||
|
|
wc_get_template( 'cart/cart.php' );
|
||
|
|
}
|
||
|
|
$markup = ob_get_clean();
|
||
|
|
|
||
|
|
if ( 'off' === $show_update_cart_button ) {
|
||
|
|
remove_filter(
|
||
|
|
'woocommerce_quantity_input_args',
|
||
|
|
array(
|
||
|
|
'ET_Builder_Module_Woocommerce_Cart_Products',
|
||
|
|
'set_quantity_input_readonly',
|
||
|
|
)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( ( $is_use_placeholder || et_fb_is_computed_callback_ajax() ) && $reset_filters ) {
|
||
|
|
remove_filter(
|
||
|
|
'woocommerce_get_cart_contents',
|
||
|
|
array(
|
||
|
|
'ET_Builder_Module_Woocommerce_Cart_Products',
|
||
|
|
'set_dummy_cart_contents',
|
||
|
|
)
|
||
|
|
);
|
||
|
|
remove_filter(
|
||
|
|
'woocommerce_cart_item_permalink',
|
||
|
|
array(
|
||
|
|
'ET_Builder_Module_Woocommerce_Cart_Products',
|
||
|
|
'set_dummy_permalink',
|
||
|
|
)
|
||
|
|
);
|
||
|
|
remove_action(
|
||
|
|
'woocommerce_after_cart_item_name',
|
||
|
|
array(
|
||
|
|
'ET_Builder_Module_Woocommerce_Cart_Products',
|
||
|
|
'display_variation_attribute',
|
||
|
|
)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
self::maybe_reset_hooks( $conditional_tags );
|
||
|
|
|
||
|
|
// Fallback.
|
||
|
|
if ( ! is_string( $markup ) ) {
|
||
|
|
$markup = '';
|
||
|
|
}
|
||
|
|
|
||
|
|
return $markup;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Adds Multi view attributes to the Outer wrapper.
|
||
|
|
*
|
||
|
|
* @param array $outer_wrapper_attrs Outer wrapper attributes.
|
||
|
|
*
|
||
|
|
* @return array
|
||
|
|
*/
|
||
|
|
public function add_multi_view_attrs( $outer_wrapper_attrs ) {
|
||
|
|
$multi_view = et_pb_multi_view_options( $this );
|
||
|
|
|
||
|
|
$multi_view_attrs = $multi_view->render_attrs(
|
||
|
|
array(
|
||
|
|
'classes' => array(
|
||
|
|
'et_pb_row_layout_default' => array(
|
||
|
|
'row_layout' => 'default',
|
||
|
|
),
|
||
|
|
'et_pb_row_layout_horizontal' => array(
|
||
|
|
'row_layout' => 'horizontal',
|
||
|
|
),
|
||
|
|
'et_pb_row_layout_vertical' => array(
|
||
|
|
'row_layout' => 'vertical',
|
||
|
|
),
|
||
|
|
'et_pb_wc_no_product_image' => array(
|
||
|
|
'show_product_image' => 'off',
|
||
|
|
),
|
||
|
|
'et_pb_wc_no_coupon_code' => array(
|
||
|
|
'show_coupon_code' => 'off',
|
||
|
|
),
|
||
|
|
'et_pb_wc_no_update_cart_button' => array(
|
||
|
|
'show_update_cart_button' => 'off',
|
||
|
|
),
|
||
|
|
'et_pb_wc_no_remove_item_icon' => array(
|
||
|
|
'show_remove_item_icon' => 'off',
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
false,
|
||
|
|
null,
|
||
|
|
true
|
||
|
|
);
|
||
|
|
|
||
|
|
if ( $multi_view_attrs && is_array( $multi_view_attrs ) ) {
|
||
|
|
$outer_wrapper_attrs = array_merge( $outer_wrapper_attrs, $multi_view_attrs );
|
||
|
|
}
|
||
|
|
|
||
|
|
return $outer_wrapper_attrs;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Gets the required HTML data attributes based on the button name and slug.
|
||
|
|
*
|
||
|
|
* @param string $btn_name Button name.
|
||
|
|
* @param string $btn_slug Button slug.
|
||
|
|
*
|
||
|
|
* @return array
|
||
|
|
*/
|
||
|
|
public function get_button_icon_attrs( $btn_name, $btn_slug = 'button' ) {
|
||
|
|
$attrs = array();
|
||
|
|
|
||
|
|
// Get Icon values based on Device.
|
||
|
|
$custom_icon_values = et_pb_responsive_options()->get_property_values( $this->props, "{$btn_slug}_icon", '', true );
|
||
|
|
|
||
|
|
$custom_icon = et_()->array_get( $custom_icon_values, 'desktop', '' );
|
||
|
|
$custom_icon_tablet = et_()->array_get( $custom_icon_values, 'tablet', $custom_icon );
|
||
|
|
$custom_icon_phone = et_()->array_get( $custom_icon_values, 'phone', $custom_icon );
|
||
|
|
|
||
|
|
// Store the device based values in array to filter out empty values using array_filter().
|
||
|
|
$icon_values = array(
|
||
|
|
"data-{$btn_name}-icon" => $custom_icon,
|
||
|
|
"data-{$btn_name}-icon-tablet" => $custom_icon_tablet,
|
||
|
|
"data-{$btn_name}-icon-phone" => $custom_icon_phone,
|
||
|
|
);
|
||
|
|
|
||
|
|
// Verify if Custom icon value exists at least in one of Desktop / Tablet / Phone.
|
||
|
|
$has_custom_icon = count( array_filter( $icon_values ) ) > 0;
|
||
|
|
|
||
|
|
if ( ! $has_custom_icon ) {
|
||
|
|
return $attrs;
|
||
|
|
}
|
||
|
|
|
||
|
|
// The following data-* will be used in JS manipulation.
|
||
|
|
$attrs['data-button-names'] = esc_attr( $btn_name ); // phpcs:ignore WordPress.Arrays.ArrayKeySpacingRestrictions.NoSpacesAroundArrayKeys -- The key is not a variable.
|
||
|
|
$attrs['data-button-class'] = et_core_intentionally_unescaped( 'et_pb_custom_button_icon et_pb_button', 'fixed_string' );
|
||
|
|
|
||
|
|
// Get the icon data-* attributes based on values set in DB.
|
||
|
|
foreach ( $icon_values as $attr_name => $attr_value ) {
|
||
|
|
if ( empty( $attr_value ) ) {
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
$attrs[ $attr_name ] = esc_attr( et_pb_process_font_icon( $attr_value ) );
|
||
|
|
}
|
||
|
|
|
||
|
|
return $attrs;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Sets the Button's data-* attrs for the Icons to render.
|
||
|
|
*
|
||
|
|
* These attributes are set on the outer wrapper & will be set on the Button elements using JS.
|
||
|
|
*
|
||
|
|
* @param array $outer_wrapper_attrs Outer wrapper attributes.
|
||
|
|
*
|
||
|
|
* @return array
|
||
|
|
*/
|
||
|
|
public function add_custom_icon_attrs( $outer_wrapper_attrs ) {
|
||
|
|
if ( ! is_array( $this->props ) || empty( $this->props ) ) {
|
||
|
|
return $outer_wrapper_attrs;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Use short variable name for readability.
|
||
|
|
$attrs = $outer_wrapper_attrs;
|
||
|
|
|
||
|
|
$apply_coupon_btn_attrs = $this->get_button_icon_attrs( 'apply_coupon', 'button' );
|
||
|
|
$update_cart_btn_attrs = $this->get_button_icon_attrs( 'update_cart', 'disabled_button' );
|
||
|
|
|
||
|
|
$names = array();
|
||
|
|
if ( isset( $apply_coupon_btn_attrs['data-button-names'] ) ) {
|
||
|
|
$names[] = $apply_coupon_btn_attrs['data-button-names'];
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( isset( $update_cart_btn_attrs['data-button-names'] ) ) {
|
||
|
|
$names[] = $update_cart_btn_attrs['data-button-names'];
|
||
|
|
}
|
||
|
|
|
||
|
|
$attrs = array_merge( $attrs, $apply_coupon_btn_attrs, $update_cart_btn_attrs );
|
||
|
|
unset( $attrs['data-button-names'] );
|
||
|
|
|
||
|
|
if ( ! empty( $names ) ) {
|
||
|
|
$attrs['data-button-names'] = implode( ' ', $names );
|
||
|
|
}
|
||
|
|
|
||
|
|
return $attrs;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Gets the actual css rule-set (i.e. a selector & a declaration block).
|
||
|
|
*
|
||
|
|
* @param string $value Shortcode attribute value.
|
||
|
|
*
|
||
|
|
* @return mixed
|
||
|
|
*/
|
||
|
|
public function get_width_style( $value ) {
|
||
|
|
$value = et_builder_process_range_value( $value );
|
||
|
|
$property_value = 'calc( ' . $value . ' * 10 )';
|
||
|
|
|
||
|
|
return sprintf( 'width: %1$s;', esc_html( $property_value ) );
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* {@inheritdoc}
|
||
|
|
*/
|
||
|
|
public function get_transition_fields_css_props() {
|
||
|
|
$fields = parent::get_transition_fields_css_props();
|
||
|
|
|
||
|
|
$fields['placeholder_color'] = array(
|
||
|
|
'color' => array(
|
||
|
|
'%%order_class%% .quantity input.qty::placeholder',
|
||
|
|
'%%order_class%% .quantity input.qty::-webkit-input-placeholder',
|
||
|
|
'%%order_class%% .quantity input.qty::-moz-placeholder',
|
||
|
|
'%%order_class%% .quantity input.qty:-ms-input-placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text::placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text::-webkit-input-placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text::-moz-placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text:-ms-input-placeholder',
|
||
|
|
),
|
||
|
|
);
|
||
|
|
|
||
|
|
return $fields;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 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 ) {
|
||
|
|
$image_max_width = $this->props['image_max_width'];
|
||
|
|
$image_max_width_tablet = $this->props['image_max_width_tablet'];
|
||
|
|
$image_max_width_phone = $this->props['image_max_width_phone'];
|
||
|
|
$image_max_width_last_edited = $this->props['image_max_width_last_edited'];
|
||
|
|
|
||
|
|
$this->add_classname( 'woocommerce-cart' );
|
||
|
|
$this->add_classname( 'woocommerce' );
|
||
|
|
$this->add_classname( 'et_pb_woo_custom_button_icon' );
|
||
|
|
$this->add_classname( $this->get_text_orientation_classname() );
|
||
|
|
|
||
|
|
if ( function_exists( 'WC' ) && isset( WC()->cart ) && WC()->cart->is_empty() ) {
|
||
|
|
$this->add_classname( 'et_pb_wc_cart_empty' );
|
||
|
|
}
|
||
|
|
|
||
|
|
$row_layout = et_()->array_get( $this->props, 'row_layout', false );
|
||
|
|
if ( false !== $row_layout ) {
|
||
|
|
$this->add_classname( "et_pb_row_layout_{$row_layout}" );
|
||
|
|
}
|
||
|
|
|
||
|
|
$show_product_image = et_()->array_get( $this->props, 'show_product_image', 'on' );
|
||
|
|
if ( 'off' === $show_product_image ) {
|
||
|
|
$this->add_classname( 'et_pb_wc_no_product_image' );
|
||
|
|
}
|
||
|
|
|
||
|
|
$show_coupon_code = et_()->array_get( $this->props, 'show_coupon_code', 'on' );
|
||
|
|
if ( 'off' === $show_coupon_code ) {
|
||
|
|
$this->add_classname( 'et_pb_wc_no_coupon_code' );
|
||
|
|
}
|
||
|
|
|
||
|
|
$show_update_cart_button = et_()->array_get( $this->props, 'show_update_cart_button', 'on' );
|
||
|
|
if ( 'off' === $show_update_cart_button ) {
|
||
|
|
$this->add_classname( 'et_pb_wc_no_update_cart_button' );
|
||
|
|
}
|
||
|
|
|
||
|
|
$show_remove_item_icon = et_()->array_get( $this->props, 'show_remove_item_icon', 'on' );
|
||
|
|
if ( 'off' === $show_remove_item_icon ) {
|
||
|
|
$this->add_classname( 'et_pb_wc_no_remove_item_icon' );
|
||
|
|
}
|
||
|
|
|
||
|
|
// 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%%' )
|
||
|
|
)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Set `data-*` attrs for Button Icons to work.
|
||
|
|
// Handles both `Apply Coupon` and `Update Cart` buttons.
|
||
|
|
add_filter(
|
||
|
|
"et_builder_module_{$render_slug}_outer_wrapper_attrs",
|
||
|
|
// phpcs:ignore WordPress.Arrays.CommaAfterArrayItem.NoComma -- Call to a function.
|
||
|
|
array( $this, 'add_custom_icon_attrs' )
|
||
|
|
);
|
||
|
|
|
||
|
|
add_filter(
|
||
|
|
"et_builder_module_{$render_slug}_outer_wrapper_attrs",
|
||
|
|
// phpcs:ignore WordPress.Arrays.CommaAfterArrayItem.NoComma -- Call to a function.
|
||
|
|
array( $this, 'add_multi_view_attrs' )
|
||
|
|
);
|
||
|
|
|
||
|
|
$image_max_width_responsive_active = et_pb_get_responsive_status( $image_max_width_last_edited );
|
||
|
|
|
||
|
|
$image_max_width_values = array(
|
||
|
|
'desktop' => $image_max_width,
|
||
|
|
'tablet' => $image_max_width_responsive_active ? $image_max_width_tablet : '',
|
||
|
|
'phone' => $image_max_width_responsive_active ? $image_max_width_phone : '',
|
||
|
|
);
|
||
|
|
|
||
|
|
$image_max_width_selector = '%%order_class%% table.cart img';
|
||
|
|
$image_max_width_property = 'width';
|
||
|
|
|
||
|
|
et_pb_responsive_options()->generate_responsive_css( $image_max_width_values, $image_max_width_selector, $image_max_width_property, $render_slug );
|
||
|
|
|
||
|
|
$collapse_table_gutters_borders_style_values = array();
|
||
|
|
$table_border_spacing_style_values = array();
|
||
|
|
foreach ( et_pb_responsive_options()->get_modes() as $device ) {
|
||
|
|
$collapse_table_gutters_borders = et_pb_responsive_options()->get_property_value(
|
||
|
|
$attrs,
|
||
|
|
'collapse_table_gutters_borders',
|
||
|
|
'off',
|
||
|
|
$device,
|
||
|
|
true
|
||
|
|
);
|
||
|
|
|
||
|
|
$horizontal_gutter_width_value = et_pb_responsive_options()->get_property_value(
|
||
|
|
$attrs,
|
||
|
|
'horizontal_gutter_width',
|
||
|
|
'0px',
|
||
|
|
$device,
|
||
|
|
true
|
||
|
|
);
|
||
|
|
$vertical_gutter_width_value = et_pb_responsive_options()->get_property_value(
|
||
|
|
$attrs,
|
||
|
|
'vertical_gutter_width',
|
||
|
|
'0px',
|
||
|
|
$device,
|
||
|
|
true
|
||
|
|
);
|
||
|
|
|
||
|
|
if ( 'on' === $collapse_table_gutters_borders ) {
|
||
|
|
$collapse_table_gutters_borders_style_values[ $device ] = array(
|
||
|
|
'border-collapse' => 'collapse',
|
||
|
|
);
|
||
|
|
|
||
|
|
$table_border_spacing_style_values[ $device ] = array(
|
||
|
|
'border-spacing' => '0 0',
|
||
|
|
);
|
||
|
|
} else {
|
||
|
|
$collapse_table_gutters_borders_style_values[ $device ] = array(
|
||
|
|
'border-collapse' => 'separate',
|
||
|
|
);
|
||
|
|
|
||
|
|
$table_border_spacing_style_values[ $device ] = array(
|
||
|
|
'border-spacing' => sprintf(
|
||
|
|
'%s %s',
|
||
|
|
$horizontal_gutter_width_value,
|
||
|
|
$vertical_gutter_width_value
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
et_pb_responsive_options()->generate_responsive_css(
|
||
|
|
$collapse_table_gutters_borders_style_values,
|
||
|
|
'%%order_class%% table.shop_table',
|
||
|
|
'border-collapse',
|
||
|
|
$render_slug,
|
||
|
|
'',
|
||
|
|
'border-collapse' /* Can be anything other than `range`. */
|
||
|
|
);
|
||
|
|
|
||
|
|
et_pb_responsive_options()->generate_responsive_css(
|
||
|
|
$table_border_spacing_style_values,
|
||
|
|
'%%order_class%% table.shop_table',
|
||
|
|
'border-spacing',
|
||
|
|
$render_slug,
|
||
|
|
'',
|
||
|
|
'border-spacing' /* Can be anything other than `range`. */
|
||
|
|
);
|
||
|
|
|
||
|
|
// Table Header Background Color.
|
||
|
|
$table_header_selectors = array(
|
||
|
|
'%%order_class%% table.cart th',
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->generate_styles(
|
||
|
|
array(
|
||
|
|
'base_attr_name' => 'table_header_background_color',
|
||
|
|
'selector' => join( ', ', $table_header_selectors ),
|
||
|
|
'hover_pseudo_selector_location' => 'suffix',
|
||
|
|
'sticky_pseudo_selector_location' => 'prefix',
|
||
|
|
'css_property' => 'background-color',
|
||
|
|
'important' => false,
|
||
|
|
'render_slug' => $render_slug,
|
||
|
|
'type' => 'color',
|
||
|
|
)
|
||
|
|
);
|
||
|
|
|
||
|
|
$output = self::get_cart_products( $attrs );
|
||
|
|
|
||
|
|
// Placeholder Color.
|
||
|
|
$placeholder_selectors = array(
|
||
|
|
'%%order_class%% .quantity input.qty::placeholder',
|
||
|
|
'%%order_class%% .quantity input.qty::-webkit-input-placeholder',
|
||
|
|
'%%order_class%% .quantity input.qty::-moz-placeholder',
|
||
|
|
'%%order_class%% .quantity input.qty:-ms-input-placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text::placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text::-webkit-input-placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .input-text::-moz-placeholder',
|
||
|
|
'%%order_class%% table.cart td.actions .coupon .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',
|
||
|
|
)
|
||
|
|
);
|
||
|
|
|
||
|
|
return $this->_render_module_wrapper( $output, $render_slug );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
new ET_Builder_Module_Woocommerce_Cart_Products();
|