Как в Вукомерс вывести дату окончания акции

Опубликовано 1 год назад

В Вукомерс можно не просто установить стоимость товара со скидкой, а еще задать дату начала и окончания действия данной цены. Иногда, чтобы расшевелить покупателей, дату окончания акции хорошо бы вывести прямо в интерфейсе.

К сожалению, такой возможности в Вукомерс нет и даже в коммерческих темах такая опция мне пока еще не встречалсь. Даты начала и окончания акции видит только администратор сайта.

Даты акции в Вукомерс
Даты акции в Вукомерс

С помощью небольшого сниппета дату окончания акции можно вывести в интерфейсе.
Сниппет, как обычно, размещаем в файле функций активной темы или в плагине.

add_filter( 'woocommerce_sale_flash', 'dnln_sale_end_date', 9999, 3 );
 
function dnln_sale_end_date( $html, $post, $product ) {
   if ( $product->get_date_on_sale_to() ) return $html . ' до ' . date_i18n( 'j F Y', $product->get_date_on_sale_to()->getTimestamp() ) . ' г.'; 
   return $html;
}

После чего дата окончания акции появится в карточке товара и сетках.
Например, в теме Storefront это выглядит так.

Как в Вукомерс вывести дату окончания акции
Дата окончания акции в карточке товара Вукомерс

В сетке товаров это выглядит так.

Как в Вукомерс вывести дату окончания акции
Дата окончания акции в сетке товаров Вукомерс

В других темах это может выглядеть несколько иначе.
Внешний вид можно настроить с помощью CSS.

Иван Данилин
Автор Иван Данилин

Фулстек веб‑разработчик, специализируюсь на платформе WordPress

Подробнее
Добавить комментарий