Ivseti
@Ivseti
Фронтенд HTML, CSS и немного JS с PHP

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

Ситуация такая. На ПК у меня просто ссылка "Удалить товар" , на телефоне иконка крестик. Все сделано, все работает. Но так как основной вывод скрывается на ПК через 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 скрывает, а джейквери пушит ссылку для нижнего товара. В итоге получается, что если в корзине два товара, то при удалении первого, удаляется второй. Что делать?
  • Вопрос задан
  • 159 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ivseti
@Ivseti Автор вопроса
Фронтенд HTML, CSS и немного JS с PHP
Разобрался, убрал джейквери, и по html скелету вывел эту кнопку (просто скопировал php), css текст на мобиле скрыл. Вопрос решен.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы