*/ public function get_categories(): array { return ['king-addons-woo-builder']; } /** * Style dependencies. * * @return array */ public function get_style_depends(): array { return [KING_ADDONS_ASSETS_UNIQUE_KEY . '-woo-checkout-progress-style']; } /** * Register controls. * * @return void */ protected function register_controls(): void { $this->start_controls_section( 'section_content', [ 'label' => esc_html__('Content', 'king-addons'), 'tab' => Controls_Manager::TAB_CONTENT, ] ); $this->add_control( 'layout', [ 'label' => sprintf(__('Layout (Pro) %s', 'king-addons'), ''), 'type' => Controls_Manager::SELECT, 'options' => [ 'bar' => esc_html__('Bar', 'king-addons'), 'steps' => esc_html__('Steps (Pro)', 'king-addons'), ], 'default' => 'bar', ] ); $this->end_controls_section(); $this->start_controls_section( 'section_style', [ 'label' => esc_html__('Style', 'king-addons'), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'text_typography', 'selector' => '{{WRAPPER}} .ka-woo-checkout-progress', ] ); $this->add_control( 'color_base', [ 'label' => esc_html__('Base Color', 'king-addons'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ka-woo-checkout-progress' => '--ka-checkout-progress-base: {{VALUE}};', ], ] ); $this->add_control( 'color_active', [ 'label' => esc_html__('Active Color', 'king-addons'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ka-woo-checkout-progress' => '--ka-checkout-progress-active: {{VALUE}};', ], ] ); $this->add_control( 'color_complete', [ 'label' => sprintf(__('Completed Color (Pro) %s', 'king-addons'), ''), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ka-woo-checkout-progress' => '--ka-checkout-progress-complete: {{VALUE}};', ], ] ); $this->end_controls_section(); } /** * Render widget output. * * @return void */ protected function render(): void { $order_received = function_exists('is_order_received_page') && is_order_received_page(); $in_checkout = $this->should_render() || $order_received; $in_cart = function_exists('is_cart') && is_cart(); if (!$in_checkout && !$in_cart) { $this->render_missing_checkout_notice(); return; } $settings = $this->get_settings_for_display(); $can_pro = king_addons_can_use_pro(); $layout = $settings['layout'] ?? 'bar'; if ('steps' === $layout && !$can_pro) { $layout = 'bar'; } $current = 'details'; if ($in_cart) { $current = 'cart'; } if ($order_received) { $current = 'complete'; } elseif (function_exists('is_checkout_pay_page') && is_checkout_pay_page()) { $current = 'payment'; } $steps = [ ['key' => 'cart', 'label' => esc_html__('Cart', 'king-addons')], ['key' => 'details', 'label' => esc_html__('Details', 'king-addons')], ['key' => 'payment', 'label' => esc_html__('Payment', 'king-addons')], ['key' => 'complete', 'label' => esc_html__('Complete', 'king-addons')], ]; echo '

'; if ('bar' === $layout) { $percent = 0; switch ($current) { case 'cart': $percent = 25; break; case 'details': $percent = 50; break; case 'payment': $percent = 75; break; case 'complete': $percent = 100; break; } echo '

'; echo '

'; foreach ($steps as $step) { echo '' . esc_html($step['label']) . ''; } echo '

'; } else { echo '

'; foreach ($steps as $step) { $status = 'upcoming'; if ($step['key'] === $current) { $status = 'active'; } elseif (array_search($step['key'], array_column($steps, 'key'), true) <= array_search($current, array_column($steps, 'key'), true)) { $status = 'complete'; } echo '

'; echo ''; echo '' . esc_html($step['label']) . ''; echo '

'; } echo '

'; } }