<?php
/**
 * Display settings tab.
 *
 * @link       https://shapedplugin.com/
 * @since      1.0.0
 *
 * @package    Woo_Category_Slider
 * @subpackage Woo_Category_Slider/admin/partials/section/metabox
 * @author     ShapedPlugin <support@shapedplugin.com>
 */

// Cannot access directly.
if ( ! defined( 'ABSPATH' ) ) {
	die;
}

/**
 * This class is responsible for Display settings tab.
 *
 * @since 1.0.0
 */
class SP_WCS_Display {
	/**
	 * Display section.
	 *
	 * @param string $prefix Section prefix.
	 * @return void
	 */
	public static function section( $prefix ) {

		SP_WCS::createSection(
			$prefix,
			array(
				'title'  => esc_html__( 'Display Settings', 'woo-category-slider-grid' ),
				'icon'   => 'fa fa-th-large',
				'fields' => array(
					array(
						'type'  => 'tabbed',
						'class' => 'sp-category-slider-display-settings',
						'tabs'  => array(
							array(
								'title'  => esc_html__( 'Basic Styles', 'woo-category-slider-grid' ),
								'icon'   => '<i class="sp--category-icon wcsp-icon-basic-style"></i>',
								'fields' => array(
									array(
										'id'         => 'wcsp_section_title',
										'type'       => 'switcher',
										'title'      => esc_html__( 'Section Title', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'Show/Hide category showcase section title.', 'woo-category-slider-grid' ),
										'text_on'    => esc_html__( 'Show', 'woo-category-slider-grid' ),
										'text_off'   => esc_html__( 'Hide', 'woo-category-slider-grid' ),
										'text_width' => 80,
										'default'    => true,
									),
									array(
										'id'          => 'wcsp_cat_content_position',
										'class'       => 'wcsp_cat_content_position sp-no-selected-icon',
										'type'        => 'image_select',
										'title'       => esc_html__( 'Category Content Position', 'woo-category-slider-grid' ),
										'subtitle'    => esc_html__( 'Select a position for the category content.', 'woo-category-slider-grid' ),
										'desc'        => sprintf(
											/* translators: 1: start link and bold tag, 2: close tag, 3: start link and bold tag, 4: close tag. */
											esc_html__( 'To access amazing category %1$sContent Positions%2$s & Settings, %3$sUpgrade to Pro!%4$s', 'woo-category-slider-grid' ),
											'<a href="https://demo.shapedplugin.com/woocategory/category-content-position/" target="_blank"><b>',
											'</b></a>',
											'<a href="https://shapedplugin.com/woocategory/?ref=115#pricing" target="_blank"><b>',
											'</b></a>'
										),
										'option_name' => true,
										'options'     => array(
											'thumb-above-cont-below' => array(
												'image' => SP_WCS_URL . 'admin/img/content-positions/below-content.svg',
												'option_name' => esc_html__( 'Below Content', 'woo-category-slider-grid' ),
											),
											'cont-above-thumb-below' => array(
												'image'    => SP_WCS_URL . 'admin/img/content-positions/above-content.svg',
												'option_name' => esc_html__( 'Above Content', 'woo-category-slider-grid' ),
												'pro_only' => true,
											),
											'left-thumb-right-cont'  => array(
												'image'    => SP_WCS_URL . 'admin/img/content-positions/right-content.svg',
												'option_name' => esc_html__( 'Right Content', 'woo-category-slider-grid' ),
												'pro_only' => true,
											),
											'left-cont-right-thumb'  => array(
												'image'    => SP_WCS_URL . 'admin/img/content-positions/left-content.svg',
												'option_name' => esc_html__( 'Left Content', 'woo-category-slider-grid' ),
												'pro_only' => true,
											),
											'cont-over-thumb'        => array(
												'image'    => SP_WCS_URL . 'admin/img/content-positions/overlay-content.svg',
												'option_name' => esc_html__( 'Overlay', 'woo-category-slider-grid' ),
												'pro_only' => true,
											),
											'top-overlay-cont'        => array(
												'image'    => SP_WCS_URL . 'admin/img/content-positions/overlay-content-top.svg',
												'option_name' => esc_html__( 'Overlay Top', 'woo-category-slider-grid' ),
												'pro_only' => true,
											),
											'middle-overlay-cont'        => array(
												'image'    => SP_WCS_URL . 'admin/img/content-positions/overlay-content-middle.svg',
												'option_name' => esc_html__( 'Overlay Mid', 'woo-category-slider-grid' ),
												'pro_only' => true,
											),
											'bottom-overlay-cont'        => array(
												'image'    => SP_WCS_URL . 'admin/img/content-positions/overlay-content-bottom.svg',
												'option_name' => esc_html__( 'Overlay Bottom', 'woo-category-slider-grid' ),
												'pro_only' => true,
											),
											'overlay-content'        => array(
												'image'    => SP_WCS_URL . 'admin/img/content-positions/overlay-box.svg',
												'option_name' => esc_html__( 'Overlay Box', 'woo-category-slider-grid' ),
												'pro_only' => true,
											),
										),
										'default'     => 'thumb-above-cont-below',
									),
									array(
										'id'       => 'wcsp_make_it_card_style',
										'type'     => 'checkbox',
										'title'    => esc_html__( 'Make it Card Style', 'woo-category-slider-grid' ),
										'subtitle' => sprintf(
											/* translators: %1$s is opening anchor tag, %2$s is closing anchor tag. */
											esc_html__( 'Add a material feel to your design through customization. %1$sSee Demo%2$s', 'woo-category-slider-grid' ),
											'<a href="https://demo.shapedplugin.com/woocategory/grid/#Category-Card-Style" target="_blank"><b>',
											'</b></a>'
										),
										'default'  => true,
									),
									array(
										'id'          => 'wcsp_slide_border',
										'type'        => 'border',
										'title'       => esc_html__( 'Item Border', 'woo-category-slider-grid' ),
										'subtitle'    => esc_html__( 'Set border for the items.', 'woo-category-slider-grid' ),
										'all'         => true,
										'hover-color' => false,
										'radius'      => true,
										'default'     => array(
											'all'    => 1,
											'style'  => 'solid',
											'color'  => '#dddddd',
											'radius' => 4,
										),
									),
									array(
										'id'       => 'wcsp_cat_background',
										'type'     => 'color_group',
										'title'    => esc_html__( 'Item Background', 'woo-category-slider-grid' ),
										'subtitle' => esc_html__( 'Set color for the category items background.', 'woo-category-slider-grid' ),
										'options'  => array(
											'background' => esc_html__( 'Background', 'woo-category-slider-grid' ),
											'hover_background' => esc_html__( 'Hover Background', 'woo-category-slider-grid' ),
										),
										'default'  => array(
											'background' => 'transparent',
											'hover_background' => 'transparent',
										),
										// 'dependency' => array(
										// 'wcsp_make_it_card_style',
										// '==',
										// 'true',
										// true,
										// ),
									),
									array(
										'id'            => 'wcsp_cat_border',
										'type'          => 'spacing',
										'title'         => esc_html__( 'Content Border Width', 'woo-category-slider-grid' ),
										'subtitle'      => esc_html__( 'Set category content border width for the slider items.', 'woo-category-slider-grid' ),
										'hover_color'   => false,
										'color'         => false,
										'border_radius' => true,
										'default'       => array(
											'top'    => '0',
											'left'   => '0',
											'right'  => '0',
											'bottom' => '0',
										),
										'dependency'    => array(
											'wcsp_make_it_card_style',
											'==',
											'true',
											true,
										),
									),
									array(
										'id'          => 'wcsp_cat_border_style',
										'type'        => 'border',
										'title'       => esc_html__( 'Content Border Style', 'woo-category-slider-grid' ),
										'subtitle'    => esc_html__( 'Set category content border style for the slider items.', 'woo-category-slider-grid' ),
										'hover_color' => true,
										'top'         => false,
										'left'        => false,
										'right'       => false,
										'bottom'      => false,
										'radius'      => false,
										'default'     => array(
											'style'       => 'solid',
											'color'       => '#e2e2e2',
											'hover_color' => '#e2e2e2',
										),
										'dependency'  => array(
											'wcsp_make_it_card_style',
											'==',
											'true',
											true,
										),
									),
									array(
										'id'          => 'wcsp_cat_padding',
										'type'        => 'spacing',
										'class'       => 'wcsp-cat-padding',
										'title'       => esc_html__( 'Content Padding', 'woo-category-slider-grid' ),
										'subtitle'    => esc_html__( 'Set category content inner padding.', 'woo-category-slider-grid' ),
										'output_mode' => 'padding',
										'unit'        => true,
										'units'       => array( 'px' ),
										'default'     => array(
											'top'    => '16',
											'right'  => '16',
											'bottom' => '16',
											'left'   => '16',
											'unit'   => 'px',
										),
									),
									array(
										'id'       => 'wcsp_box_shadow_style',
										'type'     => 'button_set',
										'title'    => esc_html__( 'Item Box-Shadow', 'woo-category-slider-grid' ),
										'subtitle' => esc_html__( 'Set Box-Shadow for the items.', 'woo-category-slider-grid' ),
										'options'  => array(
											'outset' => array(
												'option_name' => esc_html__( 'Outset', 'woo-category-slider-grid' ),
											),
											'inset'  => array(
												'option_name' => esc_html__( 'Inset', 'woo-category-slider-grid' ),
											),
											'none'   => array(
												'option_name' => esc_html__( 'None', 'woo-category-slider-grid' ),
											),
										),
										'default'  => 'none',
									),
									array(
										'id'          => 'wcsp_box_shadow',
										'type'        => 'box_shadow',
										'title'       => esc_html__( 'Box-Shadow Values', 'woo-category-slider-grid' ),
										'subtitle'    => esc_html__( 'Set box-shadow property values for the item.', 'woo-category-slider-grid' ),
										'style'       => false,
										'hover_color' => true,
										'default'     => array(
											'vertical'    => '0',
											'horizontal'  => '0',
											'blur'        => '10',
											'spread'      => '0',
											// 'style'       => 'outset',
											'color'       => '#dddddd',
											'hover_color' => '#dddddd',
										),
										'dependency'  => array( 'wcsp_box_shadow_style', '!=', 'none', true ),
									),
									array(
										'id'         => 'same_height_items',
										'type'       => 'switcher',
										'class'      => 'pro_only_field',
										'only_pro'   => true,
										'attributes' => array( 'disabled' => 'disabled' ),
										'title'      => esc_html__( 'Enable Equal Height', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'Enable to adjust the height of all the category items to match the tallest one.', 'woo-category-slider-grid' ),
										'text_on'    => esc_html__( 'Enabled', 'woo-category-slider-grid' ),
										'text_off'   => esc_html__( 'Disabled', 'woo-category-slider-grid' ),
										'text_width' => 95,
										'default'    => false,
									),
								),
							),
							array(
								'title'  => esc_html__( 'Category Content', 'woo-category-slider-grid' ),
								'icon'   => '<i class="sp--category-icon wcsp-icon-cat-content"></i>',
								'fields' => array(
									array(
										'type'    => 'notice',
										'style'   => 'normal',
										'content' => sprintf(
											/* translators: 1: start link and bold tag, 2: close tag. */
											esc_html__( 'To access the %1$sCategory Icon library%2$s and %3$sCustom Text%4$s for your product category, %5$sUpgrade to Pro!%6$s', 'woo-category-slider-grid' ),
											'<a href="https://demo.shapedplugin.com/woocategory/grid/#Category-with-Icon-Library" target="_blank"><b>',
											'</b></a>',
											'<a href="https://demo.shapedplugin.com/woocategory/slider/#Custom-Offer" target="_blank"><b>',
											'</b></a>',
											'<a href="https://shapedplugin.com/woocategory/?ref=115#pricing" target="_blank"><b>',
											'</b></a>'
										),
									),
									array(
										'id'         => 'wcsp_cat_icon',
										'class'      => 'pro_only_field',
										'type'       => 'switcher',
										'only_pro'   => true,
										'title'      => esc_html__( 'Icon', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'Show/Hide category icon.', 'woo-category-slider-grid' ),
										'text_on'    => esc_html__( 'Show', 'woo-category-slider-grid' ),
										'text_off'   => esc_html__( 'Hide', 'woo-category-slider-grid' ),
										'text_width' => 80,
										'default'    => false,
									),
									array(
										'id'         => 'wcsp_cat_name',
										'type'       => 'switcher',
										'title'      => esc_html__( 'Category Name', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'Show/Hide category name.', 'woo-category-slider-grid' ),
										'text_on'    => esc_html__( 'Show', 'woo-category-slider-grid' ),
										'text_off'   => esc_html__( 'Hide', 'woo-category-slider-grid' ),
										'text_width' => 80,
										'default'    => true,
									),
									array(
										'id'          => 'wcsp_cat_name_margin',
										'type'        => 'spacing',
										'class'       => 'wcsp-cat-name-margin',
										'title'       => esc_html__( 'Category Name Margin', 'woo-category-slider-grid' ),
										'subtitle'    => esc_html__( 'Set category name margin.', 'woo-category-slider-grid' ),
										'output_mode' => 'margin',
										'units'       => array(
											esc_html__( 'px', 'woo-category-slider-grid' ),
											esc_html__( 'em', 'woo-category-slider-grid' ),
										),
										'default'     => array(
											'top'    => '0',
											'right'  => '0',
											'bottom' => '6',
											'left'   => '0',
											'unit'   => 'px',
										),
										'dependency'  => array(
											'wcsp_cat_name',
											'==',
											'true',
											true,
										),
									),
									array(
										'id'         => 'wcsp_cat_product_count',
										'type'       => 'switcher',
										'title'      => esc_html__( 'Product Count', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'Show/Hide product count.', 'woo-category-slider-grid' ),
										'text_on'    => esc_html__( 'Show', 'woo-category-slider-grid' ),
										'text_off'   => esc_html__( 'Hide', 'woo-category-slider-grid' ),
										'text_width' => 80,
										'default'    => true,
										'dependency' => array( 'wcsp_cat_name', '==', 'true', true ),
									),
									array(
										'id'         => 'wcsp_cat_product_count_position',
										'type'       => 'radio',
										'title'      => esc_html__( 'Product Count Position', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'Set product count position.', 'woo-category-slider-grid' ),
										'options'    => array(
											'beside_cat' => esc_html__( 'Beside category name', 'woo-category-slider-grid' ),
											'under_cat'  => esc_html__( 'Under category name', 'woo-category-slider-grid' ),
										),
										'default'    => 'beside_cat',
										'dependency' => array( 'wcsp_cat_name|wcsp_cat_product_count', '==|==', 'true|true', true ),
									),
									array(
										'id'         => 'wcsp_cat_product_count_before',
										'type'       => 'text',
										'title'      => esc_html__( 'Product Count Before', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'Set product count before text.', 'woo-category-slider-grid' ),
										'default'    => ' (',
										'dependency' => array( 'wcsp_cat_name|wcsp_cat_product_count', '==|==', 'true|true', true ),
									),
									array(
										'id'         => 'wcsp_cat_product_count_after',
										'type'       => 'text',
										'title'      => esc_html__( 'Product Count After', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'Set product count after text.', 'woo-category-slider-grid' ),
										'default'    => ')',
										'dependency' => array( 'wcsp_cat_name|wcsp_cat_product_count', '==|==', 'true|true', true ),
									),
									array(
										'id'          => 'wcsp_product_count_margin',
										'type'        => 'spacing',
										'title'       => esc_html__( 'Product Count Margin', 'woo-category-slider-grid' ),
										'subtitle'    => esc_html__( 'Set product count margin.', 'woo-category-slider-grid' ),
										'output_mode' => 'margin',
										'units'       => array(
											esc_html__( 'px', 'woo-category-slider-grid' ),
											esc_html__( 'em', 'woo-category-slider-grid' ),
										),
										'default'     => array(
											'top'    => '0',
											'right'  => '0',
											'bottom' => '6',
											'left'   => '0',
											'unit'   => 'px',
										),
										'dependency'  => array(
											'wcsp_cat_product_count_position|wcsp_cat_product_count|wcsp_cat_name',
											'==|==|==',
											'under_cat|true|true',
											true,
										),
									),
									array(
										'id'         => 'wcsp_cat_custom_text',
										'class'      => 'pro_only_field',
										'attributes' => array( 'disabled' => 'disabled' ),
										'type'       => 'switcher',
										'only_pro'   => true,
										'title'      => esc_html__( 'Custom Text', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'Show/Hide custom text.', 'woo-category-slider-grid' ),
										'text_on'    => esc_html__( 'Show', 'woo-category-slider-grid' ),
										'text_off'   => esc_html__( 'Hide', 'woo-category-slider-grid' ),
										'text_width' => 80,
										'default'    => false,
									),
									array(
										'id'         => 'wcsp_cat_description',
										'type'       => 'switcher',
										'title'      => esc_html__( 'Description', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'Show/Hide description.', 'woo-category-slider-grid' ),
										'text_on'    => esc_html__( 'Show', 'woo-category-slider-grid' ),
										'text_off'   => esc_html__( 'Hide', 'woo-category-slider-grid' ),
										'text_width' => 80,
										'default'    => true,
									),
									array(
										'id'          => 'wcsp_description_margin',
										'type'        => 'spacing',
										'class'       => 'wcsp-description-margin',
										'title'       => esc_html__( 'Description Margin', 'woo-category-slider-grid' ),
										'subtitle'    => esc_html__( 'Set description margin.', 'woo-category-slider-grid' ),
										'output_mode' => 'margin',
										'units'       => array(
											esc_html__( 'px', 'woo-category-slider-grid' ),
											esc_html__( 'em', 'woo-category-slider-grid' ),
										),
										'default'     => array(
											'top'    => '0',
											'right'  => '0',
											'bottom' => '14',
											'left'   => '0',
											'unit'   => 'px',
										),
										'dependency'  => array(
											'wcsp_cat_description',
											'==',
											'true',
											true,
										),
									),
								),
							),
							array(
								'title'  => esc_html__( 'Shop Now Button', 'woo-category-slider-grid' ),
								'icon'   => '<i class="sp--category-icon wcsp-icon-shop-now-button"></i>',
								'fields' => array(
									array(
										'type'    => 'notice',
										'style'   => 'normal',
										'content' => sprintf(
											/* translators: 1: start link and bold tag, 2: close tag. */
											esc_html__( 'To attract more potential customers with a customized %3$sShop Now%4$s button, %1$sUpgrade to Pro!%2$s', 'woo-category-slider-grid' ),
											'<a href="https://shapedplugin.com/woocategory/?ref=115#pricing" target="_blank"><b>',
											'</b></a>',
											'<a href="https://demo.shapedplugin.com/woocategory/carousel/#Shop-Now-Button-Styles" target="_blank"><b>',
											'</b></a>'
										),
									),
									array(
										'id'         => 'wcsp_cat_shop_now_button',
										'type'       => 'switcher',
										'title'      => esc_html__( 'Shop Now Button', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'Show/Hide shop now button.', 'woo-category-slider-grid' ),
										'text_on'    => esc_html__( 'Show', 'woo-category-slider-grid' ),
										'text_off'   => esc_html__( 'Hide', 'woo-category-slider-grid' ),
										'text_width' => 80,
										'default'    => true,
									),
									array(
										'id'         => 'wcsp_cat_shop_now_button_text',
										'type'       => 'text',
										'title'      => esc_html__( 'Shop Now Button Label', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'Type shop now button label.', 'woo-category-slider-grid' ),
										'default'    => 'Shop Now',
										'dependency' => array( 'wcsp_cat_shop_now_button', '==', 'true', true ),
									),
									array(
										'id'         => 'wcsp_cat_shop_button_color',
										'type'       => 'color_group',
										'title'      => esc_html__( 'Shop Now Button Color', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'Set shop now button color.', 'woo-category-slider-grid' ),
										'options'    => array(
											'background' => esc_html__( 'Background', 'woo-category-slider-grid' ),
											'hover_background' => esc_html__( 'Hover Background', 'woo-category-slider-grid' ),
										),
										'default'    => array(
											'background' => '#cc2b5e',
											'hover_background' => '#af2435',
										),
										'dependency' => array( 'wcsp_cat_shop_now_button', '==', 'true', true ),
									),
									array(
										'id'          => 'wcsp_cat_shop_button_border',
										'type'        => 'border',
										'class'       => 'wcsp-cat-button-border',
										'title'       => esc_html__( 'Shop Now Button Border', 'woo-category-slider-grid' ),
										'subtitle'    => esc_html__( 'Set border for the shop now button.', 'woo-category-slider-grid' ),
										'all'         => true,
										'hover_color' => true,
										'default'     => array(
											'all'         => '0',
											'color'       => '#cc2b5e',
											'hover_color' => '#af2435',
										),
									),
									array(
										'id'          => 'wcsp_cat_button_margin',
										'type'        => 'spacing',
										'class'       => 'wcsp-cat-button-margin',
										'title'       => esc_html__( 'Button Margin', 'woo-category-slider-grid' ),
										'subtitle'    => esc_html__( 'Set shop now button margin.', 'woo-category-slider-grid' ),
										'output_mode' => 'margin',
										'units'       => array(
											esc_html__( 'px', 'woo-category-slider-grid' ),
											esc_html__( 'em', 'woo-category-slider-grid' ),
										),
										'default'     => array(
											'top'    => '0',
											'right'  => '0',
											'bottom' => '5',
											'left'   => '0',
											'unit'   => 'px',
										),
										'dependency'  => array( 'wcsp_cat_shop_now_button', '==', 'true', true ),
									),
									array(
										'id'         => 'wcsp_cat_link_target',
										'type'       => 'select',
										'title'      => esc_html__( 'Link Target', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'Set link target.', 'woo-category-slider-grid' ),
										'options'    => array(
											'_self'     => esc_html__( '_self', 'woo-category-slider-grid' ),
											'_blank'    => esc_html__( '_blank', 'woo-category-slider-grid' ),
											'_parent'   => esc_html__( '_parent', 'woo-category-slider-grid' ),
											'_top'      => esc_html__( '_top', 'woo-category-slider-grid' ),
											'framename' => esc_html__( 'framename', 'woo-category-slider-grid' ),
										),
										'default'    => '_self',
										'dependency' => array( 'wcsp_cat_shop_now_button', '==', 'true', true ),
									),
								),
							),
							array(
								'title'           => esc_html__( 'Typography', 'woo-category-slider-grid' ),
								'icon'            => '<i class="sp--category-icon wcsp-icon-typhograpy"></i>',
								'enqueue_webfont' => true,
								'fields'          => array(
									array(
										'type'    => 'notice',
										'style'   => 'normal',
										'content' => sprintf(
											/* translators: 1: start link and bold tag, 2: close tag. */
											esc_html__( 'Want to customize everything (%3$stypography, color, and margin%4$s) easily? %1$sUpgrade to Pro!%2$s', 'woo-category-slider-grid' ),
											'<a href="https://shapedplugin.com/woocategory/?ref=115#pricing" target="_blank"><b>',
											'</b></a>',
											'<a href="https://demo.shapedplugin.com/woocategory/hierarchy-grid/#Custom-Typography" target="_blank"><b>',
											'</b></a>'
										) . esc_html__( ' P.S. Note: The color and margin options work in the lite version.', 'woo-category-slider-grid' ),
									),
									array(
										'id'         => 'wpsp_section_title_font_load',
										'type'       => 'switcherf',
										'title'      => esc_html__( 'Load Slider Section Title Font', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'On/Off google font for the slider section title.', 'woo-category-slider-grid' ),
										'default'    => false,
										'dependency' => array( 'wcsp_section_title', '==', 'true', true ),
									),
									array(
										'id'           => 'wpsp_section_title_typography',
										'type'         => 'typography',
										'title'        => esc_html__( 'Slider Section Title Font', 'woo-category-slider-grid' ),
										'subtitle'     => esc_html__( 'Set slider section title font properties.', 'woo-category-slider-grid' ),
										'default'      => array(
											'color'       => '#444444',
											'font-family' => 'Open Sans',
											'font-weight' => '600',
											'font-size'   => '26',
											'font-size-medium' => '26',
											'font-size-mobile' => '22',
											'line-height' => '1.2',
											'letter-spacing' => '0',
											'text-align'  => 'left',
											'text-transform' => 'none',
											'type'        => 'google',
											'unit'        => 'px',
										),
										'preview'      => 'always',
										'preview_text' => 'Slider Section Title',
										'dependency'   => array( 'wcsp_section_title', '==', 'true', true ),
									),
									array(
										'id'          => 'wcsp_section_title_margin',
										'type'        => 'spacing',
										'class'       => 'wcsp-section-title-margin',
										'title'       => esc_html__( 'Margin from Section Title', 'woo-category-slider-grid' ),
										'subtitle'    => esc_html__( 'Set margin for category showcase section title.', 'woo-category-slider-grid' ),
										'output_mode' => 'margin',
										'min'         => '-100',
										'units'       => array(
											esc_html__( 'px', 'woo-category-slider-grid' ),
											esc_html__( 'em', 'woo-category-slider-grid' ),
										),
										'default'     => array(
											'top'    => '0',
											'right'  => '0',
											'bottom' => '30',
											'left'   => '0',
											'unit'   => 'px',
										),
										'dependency'  => array(
											'wcsp_section_title',
											'==',
											'true',
											true,
										),
									),
									array(
										'id'         => 'wcsp_cat_name_font_load',
										'type'       => 'switcherf',
										'title'      => esc_html__( 'Load Category Name Font', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'On/Off google font for the category name.', 'woo-category-slider-grid' ),
										'default'    => false,
										'dependency' => array( 'wcsp_cat_name', '==', 'true', true ),
									),
									array(
										'id'           => 'wcsp_cat_name_typography',
										'type'         => 'typography',
										'title'        => esc_html__( 'Category Name Font', 'woo-category-slider-grid' ),
										'subtitle'     => esc_html__( 'Set category name font properties.', 'woo-category-slider-grid' ),
										'hover-color'  => true,
										'default'      => array(
											'color'       => '#444444',
											'hover-color' => '#444444',
											'font-family' => 'Lato',
											'font-style'  => '700',
											'font-size'   => '16',
											'font-size-medium' => '16',
											'font-size-mobile' => '16',
											'line-height' => '1.4',
											'letter-spacing' => '0',
											'text-align'  => 'center',
											'text-transform' => 'none',
											'type'        => 'google',
										),
										'preview'      => 'always',
										'preview_text' => 'Kids Fashion',
										'dependency'   => array( 'wcsp_cat_name', '==', 'true', true ),
									),
									array(
										'id'         => 'wcsp_product_count_font_load',
										'type'       => 'switcherf',
										'title'      => esc_html__( 'Load Product Count Font', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'On/Off google font for the product count.', 'woo-category-slider-grid' ),
										'default'    => false,
										'dependency' => array( 'wcsp_cat_product_count', '==', 'true', true ),
									),
									array(
										'id'           => 'wcsp_product_count_typography',
										'type'         => 'typography',
										'title'        => esc_html__( 'Product Count Font', 'woo-category-slider-grid' ),
										'subtitle'     => esc_html__( 'Set product count font properties.', 'woo-category-slider-grid' ),
										'default'      => array(
											'color'       => '#777777',
											'font-family' => 'Open Sans',
											'font-style'  => '400',
											'font-size'   => '14',
											'font-size-medium' => '14',
											'font-size-mobile' => '14',
											'line-height' => '1.4',
											'letter-spacing' => '0',
											'text-align'  => 'center',
											'text-transform' => 'none',
											'type'        => 'google',
										),
										'preview'      => 'always',
										'preview_text' => '23 Products',
										'dependency'   => array( 'wcsp_cat_product_count', '==', 'true', true ),
									),
									array(
										'id'       => 'wcsp_child_cat_font_load',
										'type'     => 'switcherf',
										'title'    => esc_html__( 'Load Child Category Font', 'woo-category-slider-grid' ),
										'subtitle' => esc_html__( 'On/Off google font for the child category.', 'woo-category-slider-grid' ),
										'default'  => false,
									),
									array(
										'id'           => 'wcsp_child_cat_typography',
										'type'         => 'typography',
										'class'        => 'wcsp_child_cat_typography',
										'title'        => esc_html__( 'Child Category Font', 'woo-category-slider-grid' ),
										'subtitle'     => esc_html__( 'Set child category font properties.', 'woo-category-slider-grid' ),
										'hover-color'  => true,
										'default'      => array(
											'color'       => '#636363',
											'hover-color' => '#cc2b5e',
											'font-family' => 'Open Sans',
											'font-style'  => '400',
											'font-size'   => '14',
											'font-size-medium' => '14',
											'font-size-mobile' => '14',
											'line-height' => '1.2',
											'letter-spacing' => '0',
											'text-align'  => 'center',
											'text-transform' => 'none',
											'type'        => 'google',
										),
										'preview'      => 'always',
										'preview_text' => 'Child Category',
									),
									array(
										'id'       => 'wcsp_custom_text_font_load',
										'type'     => 'switcherf',
										'title'    => esc_html__( 'Load Custom Text Font', 'woo-category-slider-grid' ),
										'subtitle' => esc_html__( 'On/Off google font for the custom text.', 'woo-category-slider-grid' ),
										'default'  => false,
									),
									array(
										'id'           => 'wcsp_custom_text_typography',
										'type'         => 'typography',
										'class'        => 'wcsp_custom_text_typography',
										'title'        => esc_html__( 'Custom Text Font', 'woo-category-slider-grid' ),
										'subtitle'     => esc_html__( 'Set custom text font properties.', 'woo-category-slider-grid' ),
										'default'      => array(
											'color'       => '#535353',
											'font-family' => 'Lato',
											'font-style'  => '400',
											'font-size'   => '14',
											'font-size-medium' => '14',
											'font-size-mobile' => '14',
											'line-height' => '1.4',
											'letter-spacing' => '0',
											'text-align'  => 'center',
											'text-transform' => 'uppercase',
											'type'        => 'google',
										),
										'preview'      => 'always',
										'preview_text' => 'Black Friday Offer 50% Off',
									),
									array(
										'id'         => 'wcsp_description_font_load',
										'type'       => 'switcherf',
										'title'      => esc_html__( 'Load Description Font', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'On/Off google font for the description.', 'woo-category-slider-grid' ),
										'default'    => false,
										'dependency' => array( 'wcsp_cat_description', '==', 'true', true ),

									),
									array(
										'id'           => 'wcsp_description_typography',
										'type'         => 'typography',
										'title'        => esc_html__( 'Description Font', 'woo-category-slider-grid' ),
										'subtitle'     => esc_html__( 'Set description font properties.', 'woo-category-slider-grid' ),
										'default'      => array(
											'color'       => '#444444',
											'font-family' => 'Open Sans',
											'font-style'  => '300',
											'font-size'   => '14',
											'font-size-medium' => '14',
											'font-size-mobile' => '14',
											'line-height' => '1.4',
											'letter-spacing' => '0',
											'text-align'  => 'center',
											'text-transform' => 'none',
											'type'        => 'google',
										),
										'preview'      => 'always',
										'preview_text' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper congue ultricies. Suspendisse a congue magna. Fusce at lacinia risus.',
										'dependency'   => array( 'wcsp_cat_description', '==', 'true', true ),
									),
									array(
										'id'         => 'wcsp_shop_now_font_load',
										'type'       => 'switcherf',
										'title'      => esc_html__( 'Load Shop Now Button Font', 'woo-category-slider-grid' ),
										'subtitle'   => esc_html__( 'On/Off google font for the shop now button.', 'woo-category-slider-grid' ),
										'default'    => false,
										'dependency' => array( 'wcsp_cat_shop_now_button', '==', 'true', true ),

									),
									array(
										'id'           => 'wcsp_shop_now_typography',
										'type'         => 'typography',
										'title'        => esc_html__( 'Shop Now Button Font', 'woo-category-slider-grid' ),
										'subtitle'     => esc_html__( 'Set shop now button font properties.', 'woo-category-slider-grid' ),
										'hover-color'  => true,
										'default'      => array(
											'color'       => '#ffffff',
											'hover-color' => '#ffffff',
											'font-family' => 'Lato',
											'font-style'  => '700',
											'font-size'   => '15',
											'font-size-medium' => '15',
											'font-size-mobile' => '14',
											'line-height' => '1.2',
											'letter-spacing' => '0',
											'text-align'  => 'center',
											'text-transform' => 'none',
											'type'        => 'google',
										),
										'preview'      => 'always',
										'preview_text' => 'Shop Now',
										'dependency'   => array( 'wcsp_cat_shop_now_button', '==', 'true', true ),
									),
								), // End of fields array.
							),
						),
					),

				), // End of fields array.
			)
		); // Display Settings section end.
	}
}
