{"id":38182,"date":"2023-03-14T15:45:41","date_gmt":"2023-03-14T15:45:41","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=38182"},"modified":"2023-07-28T09:43:27","modified_gmt":"2023-07-28T09:43:27","slug":"how-to-display-sale-end-date-with-the-dynamic-tag","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-sale-end-date-with-the-dynamic-tag\/","title":{"rendered":"How to Display Sale End Date with the Dynamic Tag"},"content":{"rendered":"\n

Adding the <\/strong>Countdown Timer Widget<\/strong><\/h2>\n\n\n\n
\n

Navigate to the JetEngine > Listings<\/em><\/strong> tab and open the listing template with applied dynamic tags (here, Products_listing_items<\/em>). Open the listing template and drag and drop the Countdown Timer<\/strong> widget where needed.<\/p>\n\n\n\n\"countdown\n\n\n\n

Navigate to the General<\/strong> settings and turn on\/off the appropriate toggles for the timer format displaying.<\/p>\n\n\n\n\"general\n<\/div><\/div>\n\n\n\n

Countdown Timer Widget Settings<\/strong><\/h2>\n\n\n\n
\n

Navigate to the Settings<\/strong> tab of the Countdown Timer<\/strong> widget. Press the “Dynamic Tag<\/strong>” button and select the WooCommerce Product Field<\/strong> option from the drop-down menu.<\/p>\n\n\n\n\"due\n\n\n\n

Select the Date on Sale to<\/strong> option in the appeared Settings<\/strong> field. This field allows setting the terms of the promotion.<\/p>\n\n\n\n\"adding\n\n\n\n

If necessary, customize the widget appearance.<\/p>\n\n\n\n

Press the \u201cUpdate<\/strong>\u201d button to save changes.<\/p>\n<\/div><\/div>\n\n\n\n

Adding the Heading Widget<\/strong><\/h2>\n\n\n\n
\n
\n

Find the Heading<\/strong> widget and drag and drop it to the listing item. Add the text (here, Sales ends in<\/em>) and style it if necessary.<\/p>\n\n\n\n\"heading\n\n\n\n

Press the \u201cUpdate<\/strong>\u201d button to save changes.<\/p>\n\n\n\n

Open the page with the Listing Grid<\/strong> widget with the Listing Item<\/strong> applied as a source (Products_listing_items).<\/em><\/p>\n\n\n\n

The front-end view of the page is as follows:<\/p>\n\n\n\n\"front-end\n\n\n\n

The main issues here are:<\/p>\n\n\n\n

    \n
  • the countdown timer is displayed for all products;<\/li>\n\n\n\n
  • the countdown timer shows zeros for all products regardless of the specified or not sale end date.<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

    Sale Time Scheduling<\/strong><\/h2>\n\n\n\n
    \n
    \n

    Navigate to the front end of the Listing Grid<\/strong> widget with the Listing Item<\/strong> applied as a source (Products_listing_items).<\/em> Click on any book with the sale price. Open this book in a new tab.<\/p>\n\n\n\n

    Press the “Edit<\/strong>” button.<\/p>\n\n\n\n\"cpt\n\n\n\n

    Scroll down and find the Settings<\/strong> tab. <\/p>\n\n\n\n\"sale\n\n\n\n

    Press the \u201cSchedule<\/strong>\u201d link.<\/p>\n\n\n\n\"sale\n\n\n\n

    These charges refer to the current product only. Therefore you need to edit other products and add the sale end date.<\/p>\n\n\n\n\"front-end\n\n\n\n

    Scroll the product page up and press the \u201cUpdate<\/strong>\u201d button. Update the front-end view of the listing grid.<\/p>\n\n\n\n

    Edit all products and schedule their sales end date. <\/p>\n\n\n\n\"front-end\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

    Settings to Hide the Counter<\/strong><\/h2>\n\n\n\n
    \n
    \n

    Here the Dynamic visibilit<\/strong>y conditions were applied to hide the counters for products not on sale. <\/p>\n\n\n\n

    Open the listing template with applied dynamic tags (here, Products_listing_items<\/em>).<\/p>\n\n\n\n

    Click the Timedown Counter<\/strong> widget settings and unroll the Dynamic Visibility<\/strong> settings of the Advanced<\/strong> tab.<\/p>\n\n\n\n

    Move the Enable<\/strong> toggle. Select the Show element if condition met<\/strong> option from the Visibility condition type <\/strong>drop-down menu.<\/p>\n\n\n\n

    Choose the Greater than<\/strong> condition from the Conditions<\/strong> menu. This condition checks that the promotion end date exceeds the current time.<\/p>\n\n\n\n

    Press the Dynamic Tag<\/strong> and select the WooCommerce Product Image<\/strong> option from the drop-down menu.<\/p>\n\n\n\n\"dynamic\n\n\n\n

    Type now<\/em> in the Value<\/strong> text field. Select the Default<\/strong> option from the Context <\/strong>drop-down menu and the Datetime<\/strong> option from the Data type<\/strong> drop-down menu.<\/p>\n\n\n\n\"value\n\n\n\n

    Apply the same Dynamic Visibility<\/strong> conditions to the Heading<\/strong> widget to hide its text (here, Sales ends in<\/em>).<\/p>\n\n\n\n

    Press the \u201cUpdate<\/strong>\u201d button and refresh the page with the listing grid.<\/p>\n\n\n\n\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

    That\u2019s about displaying WooCommerce products’ sale end date with dynamic tags.<\/p>\n","protected":false},"excerpt":{"rendered":"

    This tutorial explains how to display the sale end date for WooCommerce products using dynamic tags and JetEngine tools to get WooCommerce data. It describes adding the Countdown Timer widget to the WooCommerce listings and hiding the timer for products not on sale using the dynamic tags.<\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[565,393,406],"yoast_head":"\nHow to Display Sale End Date with the Dynamic Tag - Help Center<\/title>\n<meta name=\"description\" content=\"Read how to display the sale end date in WooCommerce store using the dynamic tags and manage settings using the JetEngine plugin for Elementor and Gutenberg WordPress Editor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-sale-end-date-with-the-dynamic-tag\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Display Sale End Date with the Dynamic Tag - Help Center\" \/>\n<meta property=\"og:description\" content=\"Read how to display the sale end date in WooCommerce store using the dynamic tags and manage settings using the JetEngine plugin for Elementor and Gutenberg WordPress Editor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-sale-end-date-with-the-dynamic-tag\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-28T09:43:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/countdown-timer-widget-adding-1x.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-sale-end-date-with-the-dynamic-tag\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-sale-end-date-with-the-dynamic-tag\/\",\"name\":\"How to Display Sale End Date with the Dynamic Tag - Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-03-14T15:45:41+00:00\",\"dateModified\":\"2023-07-28T09:43:27+00:00\",\"description\":\"Read how to display the sale end date in WooCommerce store using the dynamic tags and manage settings using the JetEngine plugin for Elementor and Gutenberg WordPress Editor.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-sale-end-date-with-the-dynamic-tag\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-sale-end-date-with-the-dynamic-tag\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-sale-end-date-with-the-dynamic-tag\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Display Sale End Date with the Dynamic Tag\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Display Sale End Date with the Dynamic Tag - Help Center","description":"Read how to display the sale end date in WooCommerce store using the dynamic tags and manage settings using the JetEngine plugin for Elementor and Gutenberg WordPress Editor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-sale-end-date-with-the-dynamic-tag\/","og_locale":"en_US","og_type":"article","og_title":"How to Display Sale End Date with the Dynamic Tag - Help Center","og_description":"Read how to display the sale end date in WooCommerce store using the dynamic tags and manage settings using the JetEngine plugin for Elementor and Gutenberg WordPress Editor.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-sale-end-date-with-the-dynamic-tag\/","og_site_name":"Help Center","article_modified_time":"2023-07-28T09:43:27+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/countdown-timer-widget-adding-1x.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-sale-end-date-with-the-dynamic-tag\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-sale-end-date-with-the-dynamic-tag\/","name":"How to Display Sale End Date with the Dynamic Tag - Help Center","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-03-14T15:45:41+00:00","dateModified":"2023-07-28T09:43:27+00:00","description":"Read how to display the sale end date in WooCommerce store using the dynamic tags and manage settings using the JetEngine plugin for Elementor and Gutenberg WordPress Editor.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-sale-end-date-with-the-dynamic-tag\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-sale-end-date-with-the-dynamic-tag\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-sale-end-date-with-the-dynamic-tag\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Display Sale End Date with the Dynamic Tag"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/38182"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=38182"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=38182"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=38182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}