Woocommerce — убираем значок «распродажа» со станиц витрины или отдельного товара — и ещё кое-что…
В этой статье — коротенькой словесно, но много-полезной в плане различных примочек — рассмотрим несколько вариантов кодов, которые здорово помогут адаптировать в дизайнерском смысле свой магазин на wooc:
например — чтобы убрать значок «Распродажа» либо с витрины магазина, либо же на страничках товара, а может и отовсюду разом… существует несколько вариантов: посложнее и попроще!
Ну и вместе с решением этой задачи, оценим несколько чудострок регулирующих функционал магазина на Woocommerce в принципе:
Отключим отзывы — комментарии; ограничим число товаров на странице витрины; настроим число колонок товаров в магазине; закроем требуемые страницы от поисковиков noindex,nofollow … и пр.
Ну, давайте приступим…
как убрать значок Распродажа на витрине магазина — woocommerce
Как восстановить безошибочную работу галереи после обновления, описано здесь.
А вот касаемо уборки значка я набросал эту коротенькую статейку.
Но этот способ, скажем так, не совсем изящный и доподлинно правильный… ) ибо, многим известно, что св-ство (значение) display: none; всего-то убирает элемент с экрана монитора — однако в html коде страницы все детали сайта будут по прежнему продолжать подгружаться… не экономно в плане скоростей загрузки, хотя и спорно)
Но зато этак можно убрать значок «распродажа» со всех страниц разом.
работа с файлом style.css хороша тем, что возможно настроить любую стилистику блока или элемента — в том числе в зависимости от экрана девайса.
…предположим, вы хотите убрать значок «распродажа» на мелких экранах мобильников, ну или там заменить его стилистику: для этого нужно в файл стилей дописать следующее правило (ниже основного), добавив нужные свойства стилей css:
где max-width:337px — нужная ширина экрана… при котором элемент исчезнет или преобразуется.
Более правильные способы: (все коды прописывать в файл функций functions.php активной темы)
Добавляем краткое описание (Description) к товару…
Меняем стили и название ярлыка «Распродажа», кнопки «Добавить в корзину» и полей страницы корзины
Слова на русском «Добавить в корзину» и «Распродажа» в некоторых шаблонах смотрятся слишком громоздко. Внешний вид Woocommerce изначально заточен под английский язык. Слова Sale, New или Add to cart занимают немного места на кнопках и ярлыках. Но для других языков есть простые решения. Можно, конечно, создать свой локальный файл перевода. Но это не совсем удобно, так как Woocommerce постоянно дорабатывается и после обновлений легко забыть синхронизировать шаблон с кастомным переводом. Поэтому лучше поменять название кнопок и ярлыков Woocommerce при помощи очень удобного конструктора ярлыков или вручную с помощью кода.
Данные функции можно применить и на мультиязычном сайте, так как мы создадим поле для перевода. Вставлять их надо в файл functions.php.
Изменим слово «Распродажа» на «Скидка» на бейдже в Woocommerce
Если мы снижаем цену на товар, то на карточке товара выводится стандартный ярлык (бейдж) со словом «Распродажа». Его можно сменить на любое удобное слово, например, «Акция» или «Скидка».
Процент вместо слова «Распродажа»
Эта функция заменит слово «Распродажа» на процент скидки. Процент рассчитается автоматически. Вы можете изменить слово Sale на любой другое слово или символ.
Если используете сгруппированные товары, то воспользуйтесь этой функцией.
Сумма скидки вместо «Распродажа»
С помощью этого кода замените стандартный текст ярлыка на сумму скидки.
Изображение вместо фона ярлыка «Распродажа»
Используйте CSS для очистки фона ярлыка.
Стили для ярлыка
Также мы можем задать свой стиль ярлыкам Woocommerce. Например, сделаем анимированный значок. Он будет слегка пульсировать, тем самым привлекая внимание посетителей.
Удалить ярлык «Распродажа»
Если вы не хотите акцентировать внимание покупателей на скидках, то просто удалите ярлык. Скопируйте и вставьте следующий код в ваш файл function.php.
Изменим название кнопки «Добавить в корзину»
Чтобы сменить название кнопки на страницах одиночного товара, вставьте этот код в function.php:
Для смены названия кнопки на всех остальных страницах Woocommerce, примените этот код:
Или объединим обе функции в одну, если хотим сменить название кнопки Добавить в корзину на всех страницах. Вместо текста можно вставить иконку.
Кастомный CSS для кнопки «Добавить в корзину»
Вы можете задать свой стиль кнопке «В корзину». Это CSS код анимированной кнопки.
Как изменить поля на странице корзины
С помощью этой функции можно изменить слова: «Просмотр корзины», «Обновить корзину» и «Оформить заказ» на странице /cart/.
Плагин Art Woocommerce Custom Sale. Изменяем слово «Распродажа»
Давно искал возможность написать простой плагин для записи видео о добавлении плагинов в репозиторий WordPress. Вот и родился плагин Art Woocommerce Custom Sale.
Плагин работает только под WooCommerce. Предназначен для изменения слова «Распродажа» под собственные нужды.
Внимание! Внешний вид фразы «Распродажа» зависит только от вашей темы. Плагин никаким образом не влияет на внешний вид данной фразы. Через плагин Art Woocommerce Custom Sale изменяется только значение слова «Распродажа».
Описание плагина
Плагин имеет несколько форматов вывода и отдельную страницу настроек. Страница находиться по адресу: WooCommerce → Настройки → Товары → Распродажа
Форматы вывода
Распродажа!
Данный формат предназначен для вывода произвольной строки, то есть вместо «Распродажа» можно вывести любую фразу. Если оставить поле Надпись пустым, то будет использоваться стандартная фраза «Распродажа».
Вывод на страницах архивов выглядит так
Проценты
Формат выводить разницу между регулярной ценой и ценой распродажи в процентах. Вид на архивных страницах
Вывод процентов вместо слова «Распродажа» на страницах архивов
Разница цен
Формат выводит вместо слова «Распродажа» арифметическую разницу между регулярной ценой и ценой распродажи. Вид на архивных страницах
Вывод разницы цен вместо слова «Распродажа» на страницах архивов
Поддержать плагин
Если вам понравился плагин, то вы можете в денежной форме поддержать дальнейшую разработку и обновление плагина
Скачать плагин
Плагин Art Woocommerce Custom Sale добавлен в репозиторий WordPress. Скачать можно по прямой ссылке
Как добавить плагин в репозиторий WP смотрите в этом видео:
Заключение
Плагин получился простой и функциональный. Пользуйтесь на здоровье! И напишите в комментариях, что думаете по поводу плагина. Может что-то переделать надо или допилить. Пишите!
И не забудьте поделиться статьей с друзьями! Всем удачи!
Плагин Art Woocommerce Custom Sale. Изменяем слово «Распродажа»
Давно искал возможность написать простой плагин для записи видео о добавлении плагинов в репозиторий WordPress. Вот и родился плагин Art Woocommerce Custom Sale.
Плагин работает только под WooCommerce. Предназначен для изменения слова «Распродажа» под собственные нужды.
Внимание! Внешний вид фразы «Распродажа» зависит только от вашей темы. Плагин никаким образом не влияет на внешний вид данной фразы. Через плагин Art Woocommerce Custom Sale изменяется только значение слова «Распродажа».
Описание плагина
Плагин имеет несколько форматов вывода и отдельную страницу настроек. Страница находиться по адресу: WooCommerce → Настройки → Товары → Распродажа
Страница настроек плагина Art Woocommerce Custom Sale
Форматы вывода
Распродажа!
Данный формат предназначен для вывода произвольной строки, то есть вместо «Распродажа» можно вывести любую фразу. Если оставить поле Надпись пустым, то будет использоваться стандартная фраза «Распродажа».
Вывод на страницах архивов выглядит так
Вывод произвольной надписи «Распродажа» на страницах архивов
Проценты
Формат выводить разницу между регулярной ценой и ценой распродажи в процентах. Вид на архивных страницах
Вывод процентов вместо слова «Распродажа» на страницах архивов
Разница цен
Формат выводит вместо слова «Распродажа» арифметическую разницу между регулярной ценой и ценой распродажи. Вид на архивных страницах
Вывод разницы цен вместо слова «Распродажа» на страницах архивов
Если вам понравился плагин, то вы можете в денежной форме поддержать дальнейшую разработку и обновление плагина
Скачать плагин
Плагин Art Woocommerce Custom Sale добавлен в репозиторий WordPress. Скачать можно по прямой ссылке
Заключение
Плагин получился простой и функциональный. Пользуйтесь на здоровье! И напишите в комментариях, что думаете по поводу плагина. Может что-то переделать надо или допилить. Пишите!
И не забудьте поделиться статьей с друзьями! Всем удачи!
ФРИЛАЙН
Разработка сайта, интернет-магазина любой тематики на готовых шаблонах от 3000 до 15000 рублей. Брэндирование сайта: разработка логотипа, баннера, фавикона.
ПЕРЕВОД СЛОВА «РАСПРОДАЖА» В ПЛАГИНЕ WooCommerce WordPress
Если вы ещё не скачали и не установили себе очень полезную в хозяйстве программу POEDIT, то наступило время это сделать. Можно скачать на официальном сайте: https://poedit.net/download, можно скачать у меня русифицированную версию: https://frilayn.ru/wp-content/uploads/2016/05/Poedit.zip. Программа распространяется бесплатно, вирусов нет.
Итак, установили Poedit, далее следуем пошаговой инструкции.
2. Открываем в Poedit скачанный файл woocommerce-ru_RU.po
5. Внизу с правой стороны открыты два поля: «Исходный текст» и «Перевод». В окне «Перевод» меняем слово «РАСПРОДАЖА!» на «АКЦИЯ!» или как вам угодно, обратив внимание на предлагаемые варианты в поле с правой стороны.
7. Закрыть программу, сохранить проект в отдельную папку. В ней же вы увидите автоматически сгенерированный и сохранённый файл с расширением woocommerce-ru_RU.mo.
8. Закачиваем обратно в . /wp-content/languages/plugins оба (. ) файла: woocommerce-ru_RU.mo и woocommerce-ru_RU.po. Разумеется, если правили файл перевода другого плагина или темы, то закачиваем оба новых файла туда же, откуда был скачан перевод (файл с расширением .pot).
9. Однако, помните, что при обновлении Woocommerce, ваш перевод тоже обновится и вернёт предустановленную версию перевода. Чтобы этого не произошло, проделываем следующее: эти же файлы (woocommerce-ru_RU.mo и woocommerce-ru_RU.po) скачиваем в директорию: /ваш домен/www/wp-content/plugins/woocommerce/i18n/languages.
Всё. Дышим спокойно и с удовольствием, больше вас эта проблема не потревожит!
