В этой статье — коротенькой словесно, но много-полезной в плане различных примочек — рассмотрим несколько вариантов кодов, которые здорово помогут адаптировать в дизайнерском смысле свой магазин на wooc:
например — чтобы убрать значок «Распродажа» либо с витрины магазина, либо же на страничках товара, а может и отовсюду разом… существует несколько вариантов: посложнее и попроще!
Ну и вместе с решением этой задачи, оценим несколько чудострок регулирующих функционал магазина на Woocommerce в принципе:
Отключим отзывы — комментарии; ограничим число товаров на странице витрины; настроим число колонок товаров в магазине; закроем требуемые страницы от поисковиков noindex,nofollow… и пр.
Ну, давайте приступим…
- как убрать значок Распродажа на витрине магазина — woocommerce
- как убрать значок «распродажа» на странице отдельного товара — wooc
- как убрать таб «отзывы» на страничке товара
- как изменить число отображаемых товаров на витрине shops
- как изменить число колонок товаров на витрине магагина wooc
- как закрыть некоторые страницы магазина от поисковиков noindex,nofollow
как убрать значок Распродажа на витрине магазина — woocommerce
…после основного обновления вукоммерс (woocommerce 3.0) — у тех владельцев магазинов, у которых стили плагина перенесены в ядро шаблона — значок «Распродажа», вместе с общей поломкой галереи, теперь прятался за картинку товара т. е оказывался невидимым пользователю — всё дело в том, что в обнове несколько переработано css !! и ввиду этого у многих админов возникали вопросы, а в том числе и как убрать вообще этот значок о распродаже?
Как восстановить безошибочную работу галереи после обновления, описано здесь.
А вот касаемо уборки значка я набросал эту коротенькую статейку.
Начнём с простого…
…где решение задачи выполняется всего-то допиской к селектору ccs .woocommerce span.onsale нового свойства и его значения: display: none;
Но этот способ, скажем так, не совсем изящный и доподлинно правильный… ) ибо, многим известно, что св-ство (значение) display: none;
всего-то убирает элемент с экрана монитора — однако в html коде страницы все детали сайта будут по прежнему продолжать подгружаться… не экономно в плане скоростей загрузки, хотя и спорно)
Но зато этак можно убрать значок «распродажа» со всех страниц разом.
В скобках замечу:
работа с файлом style.css хороша тем, что возможно настроить любую стилистику блока или элемента — в том числе в зависимости от экрана девайса.
…предположим, вы хотите убрать значок «распродажа» на мелких экранах мобильников, ну или там заменить его стилистику: для этого нужно в файл стилей дописать следующее правило (ниже основного), добавив нужные свойства стилей 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
А в ЭТОМ посте помещена большая подборка полезного кода для работы с магазином на Woocommerce.
/*** число КОЛОНОК ТОВАРОВ МАГАЗИНА ***/
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
На этом занавес представления опускается…
…на рампы пыль печальная ложится…
Условные теги: пример страницы пагинации — закрываем в noindex,follow
mihalica.ru !