File Content: countdown.php <?php namespace CurlyCore\CPT\Shortcodes\Countdown; use CurlyCore\Lib; class Countdown implements Lib\ShortcodeInterface { private $base; public function __construct() { $this->base = 'mkdf_countdown'; add_action('vc_before_init', array($this, 'vcMap')); } public function getBase() { return $this->base; } public function vcMap() { if (function_exists('vc_map')) { vc_map( array( 'name' => esc_html__('Countdown', 'curly-core'), 'base' => $this->getBase(), 'category' => esc_html__('by CURLY', 'curly-core'), 'icon' => 'icon-wpb-countdown extended-custom-icon', 'allowed_container_element' => 'vc_row', 'params' => array( array( 'type' => 'textfield', 'param_name' => 'custom_class', 'heading' => esc_html__('Custom CSS Class', 'curly-core'), 'description' => esc_html__('Style particular content element differently - add a class name and refer to it in custom CSS', 'curly-core') ), array( 'type' => 'dropdown', 'param_name' => 'skin', 'heading' => esc_html__('Skin', 'curly-core'), 'value' => array( esc_html__('Light', 'curly-core') => 'light', esc_html__('Dark', 'curly-core') => 'dark', ), 'save_always' => true ), array( 'type' => 'dropdown', 'param_name' => 'year', 'heading' => esc_html__('Year', 'curly-core'), 'value' => array( '2018' => '2018', '2019' => '2019', '2020' => '2020', '2021' => '2021', '2022' => '2022', '2023' => '2023', '2024' => '2024', '2025' => '2025' ), 'admin_label' => true, 'save_always' => true ), array( 'type' => 'dropdown', 'param_name' => 'month', 'heading' => esc_html__('Month', 'curly-core'), 'value' => array( esc_html__('January', 'curly-core') => '1', esc_html__('February', 'curly-core') => '2', esc_html__('March', 'curly-core') => '3', esc_html__('April', 'curly-core') => '4', esc_html__('May', 'curly-core') => '5', esc_html__('June', 'curly-core') => '6', esc_html__('July', 'curly-core') => '7', esc_html__('August', 'curly-core') => '8', esc_html__('September', 'curly-core') => '9', esc_html__('October', 'curly-core') => '10', esc_html__('November', 'curly-core') => '11', esc_html__('December', 'curly-core') => '12' ), 'save_always' => true ), array( 'type' => 'dropdown', 'param_name' => 'day', 'heading' => esc_html__('Day', 'curly-core'), 'value' => array( '1' => '1', '2' => '2', '3' => '3', '4' => '4', '5' => '5', '6' => '6', '7' => '7', '8' => '8', '9' => '9', '10' => '10', '11' => '11', '12' => '12', '13' => '13', '14' => '14', '15' => '15', '16' => '16', '17' => '17', '18' => '18', '19' => '19', '20' => '20', '21' => '21', '22' => '22', '23' => '23', '24' => '24', '25' => '25', '26' => '26', '27' => '27', '28' => '28', '29' => '29', '30' => '30', '31' => '31', ), 'save_always' => true ), array( 'type' => 'dropdown', 'param_name' => 'hour', 'heading' => esc_html__('Hour', 'curly-core'), 'value' => array( '0' => '0', '1' => '1', '2' => '2', '3' => '3', '4' => '4', '5' => '5', '6' => '6', '7' => '7', '8' => '8', '9' => '9', '10' => '10', '11' => '11', '12' => '12', '13' => '13', '14' => '14', '15' => '15', '16' => '16', '17' => '17', '18' => '18', '19' => '19', '20' => '20', '21' => '21', '22' => '22', '23' => '23', '24' => '24' ), 'save_always' => true ), array( 'type' => 'dropdown', 'param_name' => 'minute', 'heading' => esc_html__('Minute', 'curly-core'), 'value' => array( '0' => '0', '1' => '1', '2' => '2', '3' => '3', '4' => '4', '5' => '5', '6' => '6', '7' => '7', '8' => '8', '9' => '9', '10' => '10', '11' => '11', '12' => '12', '13' => '13', '14' => '14', '15' => '15', '16' => '16', '17' => '17', '18' => '18', '19' => '19', '20' => '20', '21' => '21', '22' => '22', '23' => '23', '24' => '24', '25' => '25', '26' => '26', '27' => '27', '28' => '28', '29' => '29', '30' => '30', '31' => '31', '32' => '32', '33' => '33', '34' => '34', '35' => '35', '36' => '36', '37' => '37', '38' => '38', '39' => '39', '40' => '40', '41' => '41', '42' => '42', '43' => '43', '44' => '44', '45' => '45', '46' => '46', '47' => '47', '48' => '48', '49' => '49', '50' => '50', '51' => '51', '52' => '52', '53' => '53', '54' => '54', '55' => '55', '56' => '56', '57' => '57', '58' => '58', '59' => '59', '60' => '60', ), 'save_always' => true ), array( 'type' => 'textfield', 'param_name' => 'month_label', 'heading' => esc_html__('Month Label', 'curly-core') ), array( 'type' => 'textfield', 'param_name' => 'day_label', 'heading' => esc_html__('Day Label', 'curly-core') ), array( 'type' => 'textfield', 'param_name' => 'hour_label', 'heading' => esc_html__('Hour Label', 'curly-core') ), array( 'type' => 'textfield', 'param_name' => 'minute_label', 'heading' => esc_html__('Minute Label', 'curly-core') ), array( 'type' => 'textfield', 'param_name' => 'second_label', 'heading' => esc_html__('Second Label', 'curly-core') ), array( 'type' => 'textfield', 'param_name' => 'digit_font_size', 'heading' => esc_html__('Digit Font Size (px)', 'curly-core') ), array( 'type' => 'textfield', 'param_name' => 'label_font_size', 'heading' => esc_html__('Label Font Size (px)', 'curly-core') ) ) ) ); } } public function render($atts, $content = null) { $args = array( 'custom_class' => '', 'skin' => '', 'year' => '', 'month' => '', 'day' => '', 'hour' => '', 'minute' => '', 'month_label' => 'Months', 'day_label' => 'Days', 'hour_label' => 'Hours', 'minute_label' => 'Minutes', 'second_label' => 'Seconds', 'digit_font_size' => '', 'label_font_size' => '' ); $params = shortcode_atts($args, $atts); $params['id'] = mt_rand(1000, 9999); $params['holder_classes'] = $this->getHolderClasses($params); $params['holder_data'] = $this->getHolderData($params); $html = curly_core_get_shortcode_module_template_part('templates/countdown', 'countdown', '', $params); return $html; } private function getHolderClasses($params) { $holderClasses = array(); $holderClasses[] = !empty($params['custom_class']) ? esc_attr($params['custom_class']) : ''; $holderClasses[] = !empty($params['skin']) ? 'mkdf-' . $params['skin'] : ''; return implode(' ', $holderClasses); } private function getHolderData($params) { $holderData = array(); $holderData['data-year'] = !empty($params['year']) ? $params['year'] : ''; $holderData['data-month'] = !empty($params['month']) ? $params['month'] : ''; $holderData['data-day'] = !empty($params['day']) ? $params['day'] : ''; $holderData['data-hour'] = $params['hour'] !== '' ? $params['hour'] : ''; $holderData['data-minute'] = $params['minute'] !== '' ? $params['minute'] : ''; $holderData['data-month-label'] = !empty($params['month_label']) ? $params['month_label'] : esc_html__('Months', 'curly-core'); $holderData['data-day-label'] = !empty($params['day_label']) ? $params['day_label'] : esc_html__('Days', 'curly-core'); $holderData['data-hour-label'] = !empty($params['hour_label']) ? $params['hour_label'] : esc_html__('Hours', 'curly-core'); $holderData['data-minute-label'] = !empty($params['minute_label']) ? $params['minute_label'] : esc_html__('Minutes', 'curly-core'); $holderData['data-second-label'] = !empty($params['second_label']) ? $params['second_label'] : esc_html__('Seconds', 'curly-core'); $holderData['data-digit-size'] = !empty($params['digit_font_size']) ? $params['digit_font_size'] : ''; $holderData['data-label-size'] = !empty($params['label_font_size']) ? $params['label_font_size'] : ''; return $holderData; } } Submit