Woocommerce — убираем значок «распродажа» со станиц витрины или отдельного товара — и ещё кое-что…

В этой статье — коротенькой словесно, но много-полезной в плане различных примочек — рассмотрим несколько вариантов кодов, которые здорово помогут адаптировать в дизайнерском смысле свой магазин на wooc:

например — чтобы убрать значок «Распродажа» либо с витрины магазина, либо же на страничках товара, а может и отовсюду разом… существует несколько вариантов: посложнее и попроще!

Ну и вместе с решением этой задачи, оценим несколько чудострок регулирующих функционал магазина на Woocommerce в принципе:

 

Ну, давайте приступим…

 

 

 

 

 

как убрать значок Распродажа на витрине магазина — woocommerce

 

 

 

 

…после основного обновления вукоммерс (woocommerce 3.0) — у тех владельцев магазинов, у которых стили плагина перенесены в ядро шаблона — значок «Распродажа», вместе с общей поломкой галереи, теперь прятался за картинку товара т. е оказывался невидимым пользователю — всё дело в том, что в обнове несколько переработано css !! и ввиду этого у многих админов возникали вопросы, а в том числе и как убрать вообще этот значок о распродаже?

 

Как восстановить безошибочную работу галереи после обновления, описано здесь.

 

 

А вот касаемо уборки значка я набросал эту коротенькую статейку.

 

 

 

Начнём с простого…

 

…где решение задачи выполняется всего-то допиской к селектору ccs .woocommerce span.onsale нового свойства и его значения: display: none;

 

Но этот способ, скажем так, не совсем изящный и доподлинно правильный… ) ибо, многим известно, что св-ство (значение) display: none; всего-то убирает элемент с экрана монитора — однако в html коде страницы все детали сайта будут по прежнему продолжать подгружаться… не экономно в плане скоростей загрузки, хотя и спорно)

 

Но зато этак можно убрать значок «распродажа» со всех страниц разом.

 

 

 

 

…предположим, вы хотите убрать значок «распродажа» на мелких экранах мобильников, ну или там заменить его стилистику: для этого нужно в файл стилей дописать следующее правило (ниже основного), добавив нужные свойства стилей css:

 

 

@media only screen and (max-width:337px) {.woocommerce span.onsale{
display:none;
/* ваши стили */
}}

 

 

где max-width:337px — нужная ширина экрана… при котором элемент исчезнет или преобразуется.

 

 

 

 

Более правильные способы: (все коды прописывать в файл функций functions.php активной темы)

 

 

// Убираем значок "распродажа" со страницы витрина товаров
remove_action('woocommerce_before_shop_loop_item_title', 'woocommerce_show_product_loop_sale_flash', 10, 3 );

 

 

 

Добавляем краткое описание (Description) к товару…

 

 

 

 

к оглавлению

как убрать значок «распродажа» на странице отдельного товара — wooc

 

 

 

/*** Убираем значок "распродажа" со страницы конкретного товара ***/
remove_action('woocommerce_before_single_product_summary', 'woocommerce_show_product_sale_flash', 10, 3 );
/*** Убираем значок "распродажа" со страницы конкретного товара ***/

 

 

 

Этот код уберёт «распродажа» сразу отовсюду: и со страницы витрины, и со страницы отдельного товара…

 

 

/*** уберёт на всех картинках - Убираем значок "распродажа" со страниц ***/
function my_custom_sale_flash($text, $post, $_product) {
return ' ';
}
//add_filter('woocommerce_sale_flash', 'my_custom_sale_flash', 10, 3);
/*** Убираем значок "распродажа" со страниц ***/

 

 

 

 

В виде бонуса — несколько функциональных и полезных кодов для нашего магазина:

 

 

 

к оглавлению

как убрать таб «отзывы» на страничке товара

 

 

 

 

/*** отключим отзывы - комментарии ***
add_filter( 'woocommerce_product_tabs', 'sb_woo_remove_reviews_tab', 98);
function sb_woo_remove_reviews_tab($tabs) {
unset($tabs['reviews']);
return $tabs;
}
/*** отключим отзывы ***/

 

 

 

 

как изменить число отображаемых товаров на витрине shops

 

 

 

/*** число товаров вообще на странице витрины МАГАЗИНА ***/
add_filter('loop_shop_per_page', create_function('$cols', 'return 8;'));
/*** число товаров ***/

 

return 8 — число товаров.

 

 

 

к оглавлению

как изменить число колонок товаров на витрине магагина wooc

 

 

 

 

 

 

 

 

 

/*** число КОЛОНОК ТОВАРОВ МАГАЗИНА ***/
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
function loop_columns() {
return 3;
}}
/*** число КОЛОНОК МАГАЗИН ***/

 

return 3 — число колонок.

 

 

 

 

к оглавлению

как закрыть некоторые страницы магазина от поисковиков noindex,nofollow

 

 

 

 

Вот этот пример, думается, будет полезен многим, ибо борьба со всякими дублями страниц прямо одолевает умы блогеров и предпринимателей…

 

 

Тем паче следует помнить: что прописка директив в файл роботс robots.txt мало оправдана — не оптимальна!.. большинство ботов их игнорируют.

 

 

 

/*** ЗАКРЫВАЕМ СТРАНИЦЫ - МАГАЗИНА ОТ ПОИСКОВИКОВ ***/
function echo_meta_to2_wp_head() {
$echo = false;
$uri = $_SERVER['REQUEST_URI'];
if (mb_strstr($uri, 'cart')) $echo = true;
if (mb_strstr($uri, 'checkout')) $echo = true;
if (mb_strstr($uri, 'my-account')) $echo = true;
if ($echo) echo '<meta name="robots" content="noindex,nofollow" />';
}
add_action( 'wp_head', 'echo_meta_to2_wp_head' );
/*** ФИН ЗАКРЫВАЕМ СТРАНИЦЫ - МАГАЗИНА ОТ ПОИСКОВИКОВ ***/

 

 

 

Ну, к примеру — строка показанного кода my-account (аккаунт покупателя в вашем магазине) добавит странице атрибуты noindex,nofollow — и т.д.

 

 

Вот как бы на этом нынче закончим: подписывайтесь, задавайте вопросы в комментариях —

 

…в общем — вместе мы многое сможем, берегите себя и свой век!

 

 

Online консультация по настройкам и созданию сайтов на WordPress

 

 

На этом занавес представления опускается…
…на рампы пыль печальная ложится…