Woocommerce product discount badge

Woocommerce addon

Blog Staff

woocommerce FSE

May 7, 2023

This is FSE block which can be used on Single product template and in query builder block.

It has only one simple purpose – it shows product discount badge

There are many design options in this block. Discount is calculated automatically. If product has no discount, badge will not be rendered

Copy this post’s content

Copy code below, and paste it (CTRL+V) in content of page

This is FSE block which can be used on Single product template and in query builder block.

It has only one simple purpose - it shows product discount badge

<figure class="wp-block-image size-large is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2023/05/discount-1024x1009.jpg" alt="" class="wp-image-2905" width="512" height="505"/></figure>

There are many design options in this block. Discount is calculated automatically. If product has no discount, badge will not be rendered

<figure class="wp-block-image size-large is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2023/05/discount2-447x1024.jpg" alt="" class="wp-image-2906" width="224" height="512"/></figure>

woocommerce FSE