Как скрыть/убрать цену в корзине товаров в мобильной версии сайта?

Question

[Audrey Doudka]

Всем привет!

Столкнулся с проблемой. Делаю небольшой сайт- магазин на WooCommerce первый раз. На сайте необходимо убрать или скрыть цены. В корзине цены убрал через CSS, в карточках товаров через function.php. Всё работает корректно в веб-версии, цен нет ни в карточках, ни в корзине.

При просмотре со смартфона через браузер в карточках всё корректно - цен по прежнему нет, в корзине появились.

Вопрос - как убрать цены из корзины в мобильной версии сайта?

Спасибо!

Answer 1

[Владимир Коротенко]

https://developer.mozilla.org/ru/docs/Web/CSS/@media
Я бы выставил в css

display: none

для нужного разрешения

Comments

[Audrey Doudka]

Спасибо за ответ! Подскажите, как это сделать? Как правильно прописать в уже существующих?

.woocommerce .product-price{
display:none;
}

.woocommerce .product-subtotal{
display:none;
}

[Владимир Коротенко]

где то как то так, а в общем щелкайте на селектор и добавляйте правила. хром кстати позволяет понять ширину экрана устройств

@media screen and (max-width: 900px) {
 .woocommerce .product-subtotal{
display:none;
}
}

[Audrey Doudka]

Владимир Коротенко, не работает

[Владимир Коротенко]

Audrey Doudka, поиграйтесь размером

[Audrey Doudka]

Владимир Коротенко, не работает. Возможно есть другое решение? Более универсальное, чем прописывать каждое разрешение, тем более CSS не схватывает команду и даёт обратный эффект - цены появляются даже в веб-версии.

[Владимир Коротенко]

Audrey Doudka, значит что то упустили https://jsfiddle.net/vkorotenko/ker8p4uz/3/

раздвигайте панель результата надпись появляется ровно в 901px
а так можно подписаться на ресайз и скрывать элементы по классу
https://developer.mozilla.org/ru/docs/Web/API/Wind...

[Audrey Doudka]

Как итог, я не выдержал и решил вопрос кардинально убрав в php.

Для тех кому в принципе не нужна на сайте цена и субтотал возможно подойдёт мой вариант. Переходим по следующему пути - Appearance > Theme Editor > внизу находим woocommerce (кликаем на ниспадающее меню > cart > cart.php

Открываем и удаляем в нём строки для цены:
<?php esc_html_e( 'Price', 'ecommerce-market' ); ?>

Скроллим ниже, находим и удаляем следующую строку:

<?php
echo apply_filters( 'woocommerce_cart_item_price', WC()->cart->get_product_price( $_product ), $cart_item, $cart_item_key ); // PHPCS: XSS ok.
?>


Далее удаляем в нём строки для субтотал (подитог):
<?php esc_html_e( 'Total', 'ecommerce-market' ); ?>

Скроллим ниже, находим и удаляем следующую строку:

<?php
echo apply_filters( 'woocommerce_cart_item_subtotal', WC()->cart->get_product_subtotal( $_product, $cart_item['quantity'] ), $cart_item, $cart_item_key ); // PHPCS: XSS ok.
?>


Жмём Update file/Сохранить

P.S.: С разрешениями у меня к сожалению так и не получилось.
В любом случае спасибо Вам за помощь! Век живи - век учись ;)