Adding a new tag inside of the product card image in a woocommerce website

You can see on the online website; [login to view URL] Some of the products are tagged as "Indirimli %25"... "Indirimli %20". We want to add another tag if the product exists in stocks. It called "hızlı talimat" and the screenshot is in the attachment. I can see in the wp-admin panel which products are in stocks and whicth products are not. (second screenshot) I guess the card code is in wp-admin/themes/hamm/parts/product/card.php. <?php if (SHOW_PRICE) : ?> <div class="uk-width-1-2@m uk-position-top uk-position-small uk-position-z-index"> <div class="uk-grid uk-grid-match uk-grid-xsmall" uk-grid> <?php if ((time() - (60 * 60 * 24 * $newness_days)) < $created) : ?> <div> <span class="uk-badge uk-badge-white uk-badge-itsnew"><?php echo esc_html__('Yeni Ürün', 'woocommerce') ?> </span> </div> <?php endif ?> <?php if ($product->is_on_sale() || hamm_woosg_price($product, true)) : ?> <div> <?php $discount = apply_filters('advanced_woo_discount_rules_get_product_discount_price_from_custom_price', $price, $product, $quantity = 1, $custom_price = 0, $return_details, $manual_request = true, $is_cart = false); $percent = round(($product->get_regular_price() - ($discount ? $discount : $product->get_sale_price())) / $product->get_regular_price() * 100); ?> <span class='uk-badge uk-badge-gold uk-badge-sale'> <span>İndirimli <b><?php echo $percent > 0 ? " - {$percent} %" : ""; ?></b></span> </span> </div> <?php endif; ?> </div> </div> <?php endif; ?> The same modification need to be made in the product detail page too; an example of "indirim"; [login to view URL] We need you to do the modification on the test site ([login to view URL]) and tell me exactly the modifications needed to make on the online website. I will give you access to wp-admin and FTP as well if you need it. The svg icon is also in attach.