Как добавить общий блок для стикеров wordpress?

Question

[Дмитрий]

Ситуация такая. я добавляю кастомные стикеры для товаров, например что это новый товар. Или что сейчас идет акция.
И все эти стикеры мне нужно расположить друг ПОД дружкой на фотке товара. Но этого не получается, изза того что у них position:absolute . Они просто накладываются друг на друга
А нужно вот так


Как мне кажется решение - все стикеры нужно обернуть в блок и у него делать position:absolute. Но я не могу никак обернуть их в div
не пойму какие хуки менять

код добавления стикеров

add_action( 'woocommerce_before_shop_loop_item_title', 'liggth_new_badge_shop_page', 3 );
          
function liggth_new_badge_shop_page() {
   global $product;
   $newness_days = 30;
   $created = strtotime( $product->get_date_created() );
   if ( ( time() - ( 60 * 60 * 24 * $newness_days ) ) < $created ) {
      echo '<div class="product-badge new"><img src="/wp-content/themes/royalflame/images/tag_new.png"></div>';
   }
}

add_filter( 'woocommerce_sale_flash', 'liggth_change_on_sale_badge', 10, 2 );

function liggth_change_on_sale_badge( $badge_html, $post ) {
	return '<div class="product-badge sale"><img src="/wp-content/themes/royalflame/images/tag_sale.png"></div>';
}

Comments

[Антон Литвиненко]

попробуете сделать им смещение через селектор +

[Дмитрий]

Антон Литвиненко, вы имеете ввиду через js ?