Как улучшить категории 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 для вашего магазина! Если статья вам понравилась, оставляйте свои комментарии и делитесь ссылкой на статью в соцсетях. Так я буду знать, что тема вам интересна и есть смысл писать по ней новые статьи.

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

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

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

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

31 комментарий

  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

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

  4. Как вы установили визуальный редактор в WooCommerce???

    • Здравствуйте! Попробуйте вот этот плагин установить Visual Term Description Editor

  5. Ну появились поля, а в исходном коде meta namedescription» все равно не появились.

    • А остальные мета теги, которые добавлялись, в исходном коде появились?

  6. Добрый день. Подскажите пожалуйста. Добавил Ваш код, все работает. Но в первом описании (которое вверху) нет визуального редактора, только поле для ввода текста (без возможности настраивать размер, выделять жирным и т.д.). Скриншот по ссылке http://joxi.ru/brR9Pwqt7LgekA

    • Здравствуйте! Попробуйте вот этот плагин установить Visual Term Description Editor

  7. Добрый день. Можете подсказать код  данного функционала только для описания теговой страницы. Принцип я так понимаю там один. Очень нужно!!! Заранее спасибо!

     

  8. Здравствуйте, Юлия!

    Спасибо вам за вашу работу:) У меня небольшая проблема, из всего кода к сожалению работают только ключевые слова (поля все есть) тайтл берется с названия категории (но это не проблема я его корректирую с помощью плагина яост сео, а вот description берется с полного описания (просто берется начало текста сколько может влезть потом обрезается) что не очень хорошо, в чем может быть проблема? ворд прес 5,2, тема betheme

    Заранее спасибо.

    • Здравствуйте! А в самой теме есть какие то настройки SEО для вывода метаданных? Возможно с темой конфликтует.

  9. Доброго времени суток. Ответьте пожалуйста, не первый раз пишу. Можете подсказать код  данного функционала только для описания теговой страницы. Принцип я так понимаю там один. Очень нужно!!! Заранее спасибо!

  10. Спасибо статья очень помогла//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

    • Спасибо, Саша! Успехов Вам!

  11. Спасибо за статью! есть вопрос: в одно из описаний вставляю видео из ютуб. Подскажите как отрегулировать высоту блока с видео. Хочется, чтоб места занимало немного.

  12. Добрый день! Все работает. Спасибо большое!
    Но хотел бы у вас утонить, когда вставляю ваш код, меняется стиль оформления названия в категории, как сделать так чтобы оно не менялось со стандартных настроек темы? могу предоставить скриншоты, чтобы понимать о чем идет речь.

  13. Добрый день!
    Подскажите как вывести второе описание в любом месте? Создал второе описание — согласно Вашей инструкции. Подскажите как его можно вывести в любом месте произвольной темы. Дело в том, что вывел на главную все категории и подкатегории товаров, и туда же хочется вывести второе описание через цикл. Подскажите как это можно сделать?

  14. Здраствуйте, спасибо за статью!
    Подскажите плиз как можно сделать чтобы можно было в название категории товара прописать тег , что бы сделать перенос строки например название по русски и перенос и название по англ. Заранее благодарен

  15. Здравствуйте. Подскажите пожалуйста код вставила, доп. описание написала, а на странице категории, где должно появиться это описание появляется описание из карточки товара?

    • Здравствуйте, Наталья! Второе описание должно появиться на странице соответствующей категории под товарами.

  16. Всё работает, но я не могу накинуть микроразметку, код режется, штатное описание поправил, а вот это нижнее не найду как.
    А это сегодня для SEO Невероятно важно, скажу по секрету.

  17. //impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gifКак проделать itle, description, keywords и h1 для карточки товаров в WordPress?

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

Ваш 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