Scheduling sales and showing Countdowns or Limited sale badge

You are here:
Estimated reading time: 1 min

First thing you’ll need to do is to set a scheduled sale inside each product you want to show these badges


Showing the badge inside products in Catalog or Product page:

Please head over to Customizer > WooCommerce > Product catalog – Components and locate the options eg: https://d.pr/i/95F95y .

You can change its layout as Countdown eg: https://d.pr/i/Z7U8o2 or Text Badge eg: https://d.pr/i/QXxNOE and relocate it elsewhere inside the product or customize its colors.

For product pages display, simply access Customizer > WooCommerce > Product page – Components and you will find pretty much the exact same settings but dedicated to the product page.

Overriding some parameters, through small code snippets

You can copy these codes below and paste them inside the child theme’s functions.php to override some internal parameters.

Changing texts

You can use this filter below to override the texts in the badge or countdown. A better way of doing this though is by using Loco Translate plugin. If the texts don’t show up, make sure to Sync first.

add_filter('reycore/woocommerce/scheduled_sales/defaults', function( $defaults ){

	$defaults['strings'] = [
		'm' => [
			'singular' => 'month',
			'plural' => 'months',
			'abbr' => 'mon.',
		],
		'd' => [
			'singular' => 'day',
			'plural' => 'days',
		],
		'h' => [
			'singular' => 'hour',
			'plural' => 'hours',
		],
		'i' => [
			'singular' => 'minute',
			'plural' => 'minutes',
			'abbr' => 'min.',
		],
		's' => [
			'singular' => 'second',
			'plural' => 'seconds',
			'abbr' => 'sec.',
		],
	];

	return $defaults;
});

Other settings

Each setting has a description. If you don’t want to change it, just remove it from the filter.

add_filter('reycore/woocommerce/scheduled_sales/defaults', function( $defaults ){

	/**
	 * Hides for out of stock products.
	 * Defaults to true.
	 */
	$defaults['hide_out_of_stock'] = true;

	/**
	 * Text badge uses abbreviation rather then full texts (eg: mon. instead of month)
	 * Defaults to false.
	 */
	$defaults['badge_use_short'] = false;

	/**
	 * Countdown uses abbreviations (eg: mon. instead of month)
	 * Defaults to true.
	 */
	$defaults['countdown_use_short'] = true;

	/**
	 * Text badge displays an icon
	 * Defaults to true.
	 */
	$defaults['badge_use_icon'] = true;

	/**
	 * Override the icon by providing a valid SVG markup
	 */
	$defaults['badge_icon'] = '<svg class="rey-icon" width="100%" height="100%" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.72461 0.0374277C7.48398 0.0131834 7.24229 0.0011146 7.00048 0.00122141H6.99322C6.59303 0.00784321 6.27305 0.335943 6.27646 0.736241V3.62164C6.2755 3.71883 6.29526 3.81506 6.33435 3.90402C6.45963 4.20222 6.76808 4.38058 7.08892 4.34053C7.45952 4.28499 7.73145 3.96341 7.72461 3.58885V1.49764C10.4284 1.85255 12.4746 4.11806 12.553 6.844C12.6314 9.56993 10.7189 11.9494 8.04 12.4591C5.36105 12.9688 2.70838 11.458 1.78026 8.89376C0.852143 6.32953 1.92317 3.47083 4.30776 2.14775C4.62475 1.96822 4.7574 1.57988 4.61642 1.24398L4.61557 1.24195C4.53653 1.05088 4.37975 0.902747 4.18451 0.8345C3.98938 0.76636 3.77439 0.78473 3.59357 0.884911C0.576484 2.56599 -0.763363 6.19656 0.43828 9.43451C1.63982 12.6726 5.02377 14.5501 8.40708 13.8559C11.7904 13.1618 14.1617 10.1036 13.9913 6.65399C13.8209 3.20446 11.1598 0.394791 7.72461 0.0374277Z" fill="currentColor"/> <path d="M4.35554 4.67456C4.64679 5.44151 5.59969 7.25235 6.31249 8.02336C6.7507 8.51807 7.49896 8.58429 8.01728 8.17438C8.27659 7.95682 8.43263 7.64047 8.44759 7.30234C8.46243 6.9643 8.33459 6.63546 8.09546 6.39601C7.34997 5.65063 5.45796 4.66302 4.66463 4.36184C4.57577 4.32841 4.47548 4.35041 4.40862 4.41791C4.34187 4.48552 4.32104 4.58602 4.35554 4.67456Z" fill="currentColor"/> </svg>';

	return $defaults;
});
Was this article helpful?
Dislike 0
Views: 88

3 Replies to “Scheduling sales and showing Countdowns or Limited sale badge”

  1. AenyeOne

    Hello,
    just to point out that the text “days” of the text badge is not translatable with for example loco Translate, neither in the child theme, nor in the core.

    1. Marius H[ Post Author ]

      Hey!

      It should be translatable with Loco Translate, but before searching these strings, make sure to click the Sync button in Loco Translate’s bar (near the search field).

      I also updated the article with some code snippets to be able to override or change some internal parameters.

      1. AenyeOne

        Thanks!
        indeed I should have looked more on this side before pointing it out. I obviously forgot to do this during your last update …: /

        thanks again

Suggest article improvements

Please use this form to suggest improvements and report missing or outdated content. Support requests will most likely not be answered and it's best to use the Support Request Form instead. Thanks!