start_controls_section( 'general_section', [ 'label' => esc_html__( 'General', 'zozo-header-footer' ), 'tab' => Controls_Manager::TAB_CONTENT, ] ); $this->add_control( 'cart_layout', [ 'label' => esc_html__( 'Cart Layout', 'zozo-header-footer' ), 'type' => Controls_Manager::SELECT, 'default' => 'layout-1', 'options' => [ 'layout-1' => esc_html__( 'Default', 'zozo-header-footer' ), 'layout-2' => esc_html__( 'Layout 2', 'zozo-header-footer' ) ], 'prefix_class' => 'trigger-', ] ); $this->add_control( 'cart_align', [ 'label' => esc_html__( 'Alignment', 'zozo-header-footer' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'zozo-header-footer' ), 'icon' => 'eicon-h-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'zozo-header-footer' ), 'icon' => 'eicon-h-align-center', ], 'right' => [ 'title' => esc_html__( 'Right', 'zozo-header-footer' ), 'icon' => 'eicon-h-align-right', ] ], 'default' => 'left', 'selectors' => [ '{{WRAPPER}} .mini-cart-dropdown' => 'text-align: {{VALUE}};' ], ] ); $this->add_responsive_control( 'cart_height', [ 'label' => esc_html__( 'Max Height', 'zozo-header-footer' ) . ' (px)', 'type' => Controls_Manager::SLIDER, 'default' => [ 'unit' => 'px', 'size' => 80, ], 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 10, 'max' => 500, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .mini-cart-dropdown a.mini-cart-item' => 'height: {{SIZE}}{{UNIT}}; line-height: {{SIZE}}{{UNIT}};', ], 'frontend_available' => true, ] ); $this->end_controls_section(); // General Style $this->start_controls_section( 'cart_style_section', [ 'label' => esc_html__( 'General', 'zozo-header-footer' ), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->start_controls_tabs( 'cart_colors' ); $this->start_controls_tab( 'cart_color_normal', [ 'label' => esc_html__( 'Normal', 'zozo-header-footer' ), ] ); $this->add_control( 'cart_color', [ 'label' => esc_html__( 'Cart Color', 'zozo-header-footer' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .mini-cart-dropdown > a' => 'color: {{VALUE}};' ] ] ); $this->end_controls_tab(); $this->start_controls_tab( 'cart_color_hover', [ 'label' => esc_html__( 'Hover', 'zozo-header-footer' ), ] ); $this->add_control( 'cart_hcolor', [ 'label' => esc_html__( 'Cart Hover Color', 'zozo-header-footer' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .mini-cart-dropdown > a:hover' => 'color: {{VALUE}};' ] ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_control( 'cart_count_color', [ 'label' => esc_html__( 'Count Color', 'zozo-header-footer' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .zhf-cart-items-count' => 'color: {{VALUE}}', ], 'separator' => 'before' ] ); $this->add_control( 'cart_count_bg', [ 'label' => esc_html__( 'Count Background Color', 'zozo-header-footer' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .zhf-cart-items-count' => 'background-color: {{VALUE}}', ] ] ); $this->end_controls_section(); // Dropdown Style $this->start_controls_section( 'dropdown_style_section', [ 'label' => esc_html__( 'Dropdown', 'zozo-header-footer' ), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_responsive_control( 'padding_dropdown', [ 'label' => esc_html__( 'Padding', 'zozo-header-footer' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'max' => 100, ], ], 'default' => [ 'size' => 5, 'unit' => 'px', ], 'selectors' => [ '{{WRAPPER}} .cart-dropdown-menu' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ], 'frontend_available' => true, ] ); $this->add_control( 'dd_text_color', [ 'label' => esc_html__( 'Text Color', 'zozo-header-footer' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .cart-dropdown-menu' => 'color: {{VALUE}}', ], 'separator' => 'before' ] ); $this->add_control( 'dd_bg_color', [ 'label' => esc_html__( 'Background Color', 'zozo-header-footer' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .cart-dropdown-menu' => 'background-color: {{VALUE}}', ] ] ); $this->start_controls_tabs( 'dd_colors' ); $this->start_controls_tab( 'dd_color_normal', [ 'label' => esc_html__( 'Normal', 'zozo-header-footer' ), ] ); $this->add_control( 'dd_color', [ 'label' => esc_html__( 'Link Color', 'zozo-header-footer' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .cart-dropdown-menu a' => 'color: {{VALUE}};' ] ] ); $this->end_controls_tab(); $this->start_controls_tab( 'dd_color_hover', [ 'label' => esc_html__( 'Hover', 'zozo-header-footer' ), ] ); $this->add_control( 'dd_hcolor', [ 'label' => esc_html__( 'Link Hover Color', 'zozo-header-footer' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .cart-dropdown-menu a:hover' => 'color: {{VALUE}};' ] ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->end_controls_section(); } /** * Render minicart widget output on the frontend. * * Written in PHP and used to generate the final HTML. * * @since 1.0.0 * @access protected */ protected function render() { $settings = $this->get_settings_for_display(); $this->zhf_mini_cart(); } public function zhf_mini_cart(){ echo do_shortcode('[zhf_mini_cart]'); } }