Как улучшить категории Woocommerce без плагинов?

Как улучшить категории Woocommerce без плагинов?

Здравствуйте, дорогие друзья!

Если вы когда-либо работали с плагином Wooсommerce, то наверняка столкнулись с тем, что в нём много неудобных и не очень продуманных моментов. Для их устранения существует множество различных плагинов по кастомизации Woocommerce, однако каждый раз ставить дополнительный плагин, чтобы устранить то или иное неудобство тоже не есть хорошо, так как большое количество плагинов могут создавать дополнительную нагрузку, что в конечном итоге сказывается на скорости работы сайта.

Поэтому я решила сделать для вас несколько статей, в которых буду показывать как настроить или дополнить функционал Woocommerce без дополнительных плагинов. Если вы ещё не подписались на мою рассылку новостей – самое время это сделать, воспользовавшись формой подписки справа или в конце статьи.

В данной статье мы рассмотрим как улучшить страницу категории Woocommerce. Сразу скажу, что мы не будем трогать файлы Woocommerce, а все изменения внесём в файл функций активной темы.

Для вашего удобства я записала видео инструкцию с пояснениями и ниже в статье вы найдёте все фрагменты кода, которые рассматриваются в видео.

Видео инструкция

Как перенести описание категории Woocommerce под товары?

  1. 1 Открываем файл functins.php активной темы
    Переносим описание категории Woocommrece
    Перед тем как вносить какие-то изменения в файлы через админку WordPress скопируйте код редактируемого файла и сохраните у себя на компьютере в качестве резервной копии.
  2. 2 Прокручиваем в самый конец этого файла и вставляем в него следующий код:

    Если в конце этого файла у вас стоят символы «?>», то предложенный код вставляем перед этими символами.
  3. 3 Нажимаем на кнопку «Обновить файл» под окном с кодом.
  4. 4 Добавляем описание к одной из категорий Woocommerce если оно ещё не добавлено и проверяем правильно ли оно выводится.

Как добавить второе описание на страницу категории Woocommerce?

Часто возникает необходимость вывести какой-то текст и перед товарами и после них. Для этого добавим в Woocommerce возможность выводить второе описание.

  1. 1 Открываем файл functions.php через редактор кода или встроенный редактор Wordperss
    «Внешний вид» — «Редактор» — «Функции темы»
  2. 2 Вставляем следующий код в самом конце файла перед символами «?>», если они есть:

  3. 3 Сохраняем изменения в файле и переходим на страницу редактирования категории Woocommerce чтобы увидеть результат:
    Дополнительное описание для категории Woocommerce

    У вас должно появиться такое поле для дополнительного описания, которое будет выводиться под товарами Woocommerce.

Если вы ранее добавляли код для переноса описания категории Woocommerce под товары, то его следует удалить чтобы это описание по прежнему выводилось над товарами.

Как добавить title, description и keywords для категории Woocommerce?

По умолчанию в плагине Woocommerce и в некоторых плагинах по SEO оптимизации нет возможности задавать мета заголовок, описание и ключевые слова. А ведь эти страницы так же важны для продвижения!
Для того чтобы исправить эту несправедливость нам нужно:

  1. 1 Открываем всё тот же файл функций активной темы functions.php
  2. 2 В самом конце, перед символами «?>», если они есть вставляем код:
  3. 3 Для вывода заголовка tittle ниже добавляем код и сохраняем изменения:
  4. 4 Для вывода заголовка H1 на странице ниже вставляем код и сохраняем изменения:
  5. 5 Для вывода описания description там же вставляем код:
  6. 6 И последнее для вывода ключевых слов, если они вам понадобятся, вставляем код:
Наверняка у вас возник вопрос: «А почему нельзя вставить весь этот код сразу весь, как показано в видео? Зачем вставлять код частями и сохранять?». Можете вставить сразу, и в большинстве случаев, это будет работать, но бывают ситуации, когда в заголовке H1 вместо указанного вами значения выводится значение поля title.

В таком случае попробуйте вставлять код частями, как я показала, и после каждой вставки сохранять изменения.

Надеюсь, что помогла вам немного улучшить страницу категории Woocommerce для вашего магазина! Если статья вам понравилась, оставляйте свои комментарии и делитесь ссылкой на статью в соцсетях. Так я буду знать, что тема вам интересна и есть смысл писать по ней новые статьи.

Успехов вам и вашим проектам!

С уважением Юлия Гусарь

Подписаться на рассылку

Читайте также:

10 комментариев

  1. Помню нужно было для одного магазина вывод описания категорий. Облазил весь инет нашел на буржунете статью на английском, и с гугл переводчиком разгребал там это. Тоже все кусками. Замучился, пока вывел редактор. А тут, вот все на русском, бери не хочу //impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif да еще и другие примочки типа тайтла дискрипшена для SEO.
    Для такого кода я создал дополнительный файл функции. Разместил файл в папку php, а вывод через основной файл кодом в самом начале перед <?php
    <?php require_once ‘php/functions-snippets.php’;  ?>
    Обязательно заключить в операторы, иначе работать не будет.
    В этот файл можно всю второстепенную функциональность закидывать до бесконечности.

  2. Попытался вставить код (второе описание на страницу категории)  редактор выдаёт ошибку на 15 строке  там стоит знак }  —  Ваши изменения в коде PHP были отменены из за ошибки на строке 289 файла wp-content/themes/colormag-pro/functions.php. Исправьте и попробуйте пересохранить.
    syntax error, unexpected ‘}’, expecting end of file.  Может, что я делаю не правильно?

    • Здравствуйте, Олег!
      Можете прислать скриншот ошибки чтобы было видно Ваш код и строку с ошибкой?

  3. Здравствуйте Юлия, спасибо за ваш сайт и ютюб канал, много полезного там нашёл. Интересует вопрос: Как дополнительное описание добавить на верх над товарами? Что надо в коде изменить?

    • Здравствуйте, Андрей! Спасибо за Ваш комментарий! Я не совсем поняла Ваш вопрос. В статье описано как добавить второе описание над товарами и под товарами. По умолчанию Вы можете вывести описание над товарами, задав его в описании категории.

      • Здравствуйте Юлия, мне надо что бы именно дополнительное описание было над товарами.Стандартное описание я убрал вниз, а дополнительное второе хочу поставить на верх. Дело в том что в стандартном описании невозможно вставить ссылку, даже с полноценным редактором, ссылка вылезает над шапкой сайта. А в дополнительном описание всё работает, оно нужно мне именно над товарами. Благодарю вас что ответили на первый комментарий.

        • Попробуйте взять код, который я предлагаю для вывода второго описания, и изменить название хука. Вместо after написать before. Вот скриншот, где я показала какой код взять и что заменить http://prntscr.com/mw8vlt

          • Юлия, спасибо! Получилось! Успеха вам!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif