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

Question

[Даниил Конев]

Ситуация такая. На ПК у меня просто ссылка "Удалить товар" , на телефоне иконка крестик. Все сделано, все работает. Но так как основной вывод скрывается на ПК через css:

<?php
								echo apply_filters( // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
									'woocommerce_cart_item_remove_link',
									sprintf(
										'<a class="h-text-mob" href="%s" id="remove-from-cart" aria-label="%s" data-product_id="%s" data-product_sku="%s">%s</a>',
										esc_url( wc_get_cart_remove_url( $cart_item_key ) ),
										esc_html__( 'Убрать из корзины', 'woocommerce' ),
										esc_attr( $product_id ),
										esc_attr( $_product->get_sku() ),
										esc_html__( 'Убрать из корзины', 'woocommerce' )

									),
									$cart_item_key
								);
							?>

А для телефона пушится джейквери:

if ($(window).width() < 767) {
		jQuery('.push-name').after(' <?php echo apply_filters( 
									'woocommerce_cart_item_remove_link',
									sprintf(
										'<a class="h-text-mob" href="%s" id="remove-from-cart" aria-label="%s" data-product_id="%s" data-product_sku="%s"><i class="far fa-times-circle"></i></a>',
										esc_url( wc_get_cart_remove_url( $cart_item_key ) ),
										esc_html__( 'Убрать из корзины', 'woocommerce' ),
										esc_attr( $product_id ),
										esc_attr( $_product->get_sku() ),
										esc_html__( 'Убрать из корзины', 'woocommerce' )

									),
									$cart_item_key
								);
							?>');

То получается, что php ставит ссылку правильную и css скрывает, а джейквери пушит ссылку для нижнего товара. В итоге получается, что если в корзине два товара, то при удалении первого, удаляется второй. Что делать?

Answer 1

[Даниил Конев]

Разобрался, убрал джейквери, и по html скелету вывел эту кнопку (просто скопировал php), css текст на мобиле скрыл. Вопрос решен.