Как вывести скидку на товар Woocommerce?

Question

[Yulia8997]

<?php
    // Запрос. $args - параметры запроса
    query_posts( $args=array('post_type' => 'product' )  );

    // Цикл WordPress
    if( have_posts() ){
    	  while( have_posts() ){
    		   the_post(); ?>
 			  <li class="swiper-slide new-collections-slider__slide" data-count="sliderCount">


 				<figure class="clothes-card" x-data="{toggleHeart:false}">
 					<a href="<?php the_permalink() ?>" class="clothes-card__card-link"></a>
 					<div class="clothes-card__img">
 					<div class="clothes-card__top">
 						<div class="clothes-card__badges">
                          <div class="clothes-card__badges-left">
 							<p class="clothes-card__badge-new"><span>  SALE</span></p>
 							<p class="clothes-card__badge-discount"><span>  -25%</span></p>

 						 </div>
 						 <span class="clothes-card__heart" @click="toggleHeart = !toggleHeart" :class="{'active': toggleHeart === true}">
 							<svg width="20" height="18">
 								<use class="clothes-card__heart-icon-stroke" href="<?php get_template_directory_uri(); ?>/assets/resources/svgSprites/svgSprite.svg#heart"></use>
 								<use class="clothes-card__heart-icon-fill" href="<?php get_template_directory_uri(); ?>/assets/resources/svgSprites/svgSprite.svg#heart-active"></use>
 							  </svg>
 					  </span>
 						</div>
 						<a href=" <?php  the_permalink(); ?>" class="variant-1-btn clothes-card__link">посмотреть сейчас</a>
 				    </div>
 					<picture>
 					 <?php the_post_thumbnail(); ?>
 					</picture>
 				    </div>
 					<figcaption>
 						<h3><?php  the_title(); ?></h3>
 					</figcaption>
 				</figure>


 			  </li>

      <?php 	  }
	  wp_reset_query();
} else {
   // текст/код, если постов нет
}
?>

Вот так выводятся товары на главной странице. Нужно выводить ещё и скидку в правом верхнем углу, если она есть. Подскажите, как реализовать?