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

 

 

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