Как изменять WooCommerce. Эпизод #2. Страница товара

Артем Абрамович

Меня зовут Артем Абрамович и я являюсь фрилансером-вордпресером. Занимаюсь настройкой и редактированием сайтов созданных на CMS WordPress. Это основная моя специализация, есть еще несколько работ, которыми я занимаюсь, но обо этом вы можете более подробно узнать из моего портфолио.

100 комментариев к “Как изменять WooCommerce. Эпизод #2. Страница товара”

  1. Колбаса корга перлит ходить штука курага. Вот что я услышал с моим уровнем владения темой! Ну а автору +

    Ответить
    • WPRUSe · Финты WordPress да смотрел! Там действительно понятнее. Что то использовать пытаюсь! Но код.. или что там за буквы.. это капец для меня.

      Ответить
    • Про капец поподробнее, что непонятно, что понятно… Не может же быть что все непонятно

      Ответить
  2. Артём, очень годный обзор файлов, открыл для себя много нового!

    Ответить
  3. Наконец то получится первый толковый мануал по woocommerce на русском

    Ответить
  4. Артём, сделайте пожалуйста обзор на email woocommerce, именно как отредактировать шаблоны.

    Ответить
    • Дойдем и до емайлов) Как там говориться – путь в тысячу ли начинается с первого шага…

      Ответить
  5. Очень доступно и понятно. Спасибо. Но все равно я чувствую, что начал изучать вукомерс с середины. Есть ли у вас какое-то видео по разбору и изучению php-кода и функций самого вордпрес? Ну, чтобы можно было научиться и правильно писать или изменять нужную функцию. Грубо говоря изучение PHP для вордпрес? Ну там про всякие циклы и все такое, для чего и как ими пользоваться как писать…

    Ответить
    • Как бы да, без базовых знаний PHP сложно будет. PHP для WordPress нет смысла изучать – это масло маслянное. Надо знать и понимать основы именно PHP: как работают функции, циклы, как изменять массивы и тд. Подобного курса нет у меня, зато есть у других) Ща ссылки на подобные курсы сброшу

      Ответить
  6. Интересно на сингле добавлять товар в корзину аяксом, как на индексной странице. В том числе добавлять кнопкой выбранную вариацию и выбранное количество товаров

    Ответить
    • WPRUSe · Финты WordPress это ответ на вопрос что интересно увидеть в видео)

      Ответить
    • Понял. Но для такой штуки проще использовать плагин Например Ajaxified Cart WooCommerce. Норм работает, правда под кастомный дизайн придется подпиливать

      Ответить
  7. Кто нибудь подскажите, как сделать что бы в названии дополнительно выводился артикул (SKU). Что то я не пойму как это сделать. Нужно для магазина запчастей…

    Ответить
    • Если на странице товара, то просто соединять вывод заголовка с выводом артикула, да и все

      Ответить
    • Тайтл и дискрипшин – тут зависит от плагина, которым пользуетесь
      В Yoast вроде были фильтры для этого, хотя надо проверить. Попробую показать в следующем видосе по данной теме

      Ответить
  8. Спасибо за детальный разбор и отдельное спасибо за приведенные примеры!

    Ответить
  9. Артем как всегда отлично и доступно.

    Для следующего видео, рассмотри эту задачу:
    Вариативный товар в Woo. Находимся в “Карточке товара №1” на которой ссылка(выведена через “Произвольное поле”), при клике на ссылку, выводит покупателя на “Карточку товара №2” т.е. переход по ссылке, НО если мы в “Карточке товара №1” выбрали цвет: “Зеленый”, то при переходе на “Карточку товара №2” мы перейдем на дефолтное значение вариативного товара цвет “Синий”, а не на цвет: “Зеленый”.
    Вопрос: “Как реализовать переход из “Карточки товара №1” в “Карточку товара №2” при этом сохранить выбранные опции цвета: “Зеленый” – “Зеленый”

    Ответить
    • Задачу не понял. Зачем так делать? Ссылку да еще через произвольные поля. Не проще теми же апселами пользоваться? Чего добиться хочешь?

      Ответить
    • Есть карточка одного товара, на которой есть ссылка ведущая на часть гардероба от этой карточки(Пр.: пиджак и штаны. Пиджак продаем на одной карточке, штаны на другой). Пользователь выбирает “Пиджак” зеленый и при переходе по ссылке с названием “Костюм” должен попасть на “Штаны” тоже зеленого цвета, а не синего либо красного.
      Надеюсь получилось объяснить )

      Ответить
    • Ну так, примерно. Очень похоже на сгруппированные товары. Почему их не использовать?

      Ответить
    • Ну пока только в документации) В так – это отдельный вид товаров, называется сгруппированный. Создается товар, к нему добавляются еще товары, на выходе получаются такие комплекты из существующих товаров

      Ответить
  10. Добрый день, не так давно смотрю ваш канал, но уже добавил много видео в закладки. Очень качественный контент, спасибо)

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

    Например, сейчас есть задача переделать структуру mini-cart.php, но при добавлении файла в тему с сохранением пути и регистрации в function.php выбивает белый экран. Но и хуков там особо нет, за который можно было бы зацепиться, сделать remove и на action переписать.

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

    Ответить
    • Доброго! Дак про это есть в первом эпизоде. Достаточно в теме сделать папку woocommerce и в нее скопировать все файлы и папки из папки templates с сохранением структуры. ТОгда можно без проблем все менять

      Ответить
  11. Можно ли каким-то образом добавить сопутствующие (апсейл) товары для вариации на карточке товара? Хочу чтобы это выглядело так, как на этом изображений nursace.kz/wp-content/uploads/2018/10/sdfsdf.png

    Ответить
    • А где на картинке апселы? Там помоему просто картинка товара

      Ответить
    • Да, там картинка, но с переходом. И мне хотелось бы с переходом на схожий товар с цветом, оттенком…
      У меня соп. товар стандартна расположена ниже карточки товара. У меня получилось перенести его вверх с помощью хуки в function, но там так безобразно получилось, так как отображено название товара с ценой, а хотелось чтоб было просто картинка вокруг обводкой и с переходом)

      Ответить
    • Ну это уже из разряда настройки стилей. CSS надо изменять

      Ответить
  12. Добрый день! В каком конкретно файле можна изменить параметры миниатюры на странице продукта?

    Ответить
  13. добрый день!
    подскажите пожалуйста, мне нужно добавить отображение цены товара и кнопочку корзина в общий каталог с товарами, что бы можно было сразу заказать товар и смотреть цену, не заходя в него отдельно. Сейчас цена и корзина отображается только если зайти в сам товар. какой файл мне редактировать? что именно прописать нужно? помогите пожалуйста.

    Ответить
    • Добрый! Это же штатный функционал… Он как бы из коробки есть. Что-то вы не так делаете…
      Обычно для этого редактируют файл archive-product.php

      Ответить
    • +WPRUSe · Финты WordPress Я все настройки проверил, ничего нет что бы вклоткл корзину с ценой в каталоге, товары отображаются в режиме каталога, а если открыть товар отдельно то цена и корзина есть.

      Ответить
    • Видимо у вас тема такая что в ней отключено. Проверьте настройки темы

      Ответить
  14. Спасибо за видео, очень полезно было!
    Подскажите, пожалуйста, как можно табы и все атрибуты с кнопкой корзины поменять местами?

    Ответить
    • Пожалуйста! Я в каком то видео показывал подобное. Через хуки переключать. Ну и плагин какой-то был, точное название не подскажу

      Ответить
  15. Здравствуйте! Спасибо за видео.
    Подскажите, куда вписать и что конкретно, чтобы описание товара с вкладками отображалось во второй колонке сразу после “цены”, “добавить в корзину”…, а не ниже и в одну колонку? буду очень признателен!

    Ответить
  16. Спасибо за уроки Артем!
    Столкнулся с такой проблемой: в карточке товара у кнопки “добавить ” нужно удалить стандартные классы и добавить свои, возможно ли без копирования файла к себе, решить такую задачу? Знаю что к кнопке подвешен этот хук “woocommerce_after_add_to_cart_button”, но как снипет написать не пойму

    Ответить
    • woocommerce_after_add_to_cart_button – это не фильтр, а экшн через него никак не поменять.
      Да и без изменений файлов не обойтись, там нет фильтров, так что только файлы менять

      Ответить
  17. Спасибо.
    Тема действительно интересная.
    И объяснения доходчивые.

    Ответить
  18. А есть ли бесплатные плагины к WooCommerce чтобы редактировать отображение товаров и страницу товаров, не влезая в код?

    Ответить
  19. Здравствуйте! Надеюсь на ваш ответ. а каким образом можно сделать страницу товара без лишних элементов справа? (по тиму “Свежие комментарии”, “Архивы”, “Рубрики” и тд)

    Ответить
    • Доброго! Отключить сайдбар. Но это уже от настроек темы зависит

      Ответить
  20. артем здравствуйте у меня псле добавления товара появляется сразу в двух екземплярах что делать?спасибо

    Ответить
  21. Здравствуйте, а где находится боковая панель? скажите пожалуйста.

    Ответить
  22. Здравствуйте. Интересует подробный обзор формирования знака цены ₽ ₽ ₽.как изменить добавить и так далее.

    Ответить
  23. Помогите плиз решить одну проблему. У меня в интернет магазине в галерее выводить картинки товара разных размеров. Как это исправить?

    Ответить
    • Попробуйте перегенерировать миниатюры, тогда размеры должны стать одинаковыми

      Ответить
    • Формально, с любой. Но есть темы заточенные под Вукоммерс, например OceanWP

      Ответить
  24. Скажите пожалуйста, а можно ли на странице с выводом всех товаров, выводить дескрипшен/аннотацию к товару?

    Ответить
  25. Добавил функционал рассрочки на странице товаров , вопрос как сделать так чтобы при добавлении товара в корзину или в чекаут данные о рассрочке товара тоже добавились в корзине и на страницу чекаут?

    Ответить
    • Посмотрите серию про корзину вроде там показывал как кастомные данные добавлять

      Ответить
    • WPRUSe · Финты WordPress хорошо ,посмотрю и дам ответ !) спасибо большое за контент ))

      Ответить
  26. Здравствуйте. Подскажите пожалуйста, я вывел 20 товаров на главную страницу шорт кодом (20 наименований) но как мне вывести все страницы товаром, ну к примеру у меня 100 наименований товара, тоесть 5 страниц должно быть по 20 на каждой. Так шорт код просто выводит последние 20 товаров и все, а что бы посмотреть что есть еще на сайте, нужно уже лазить по категориям. Я вот смотрел у всех при выводе сразу есть все страницы, а у меня толи тема такая, толи лыжи не едут )))))) спасибо

    Ответить
    • наконецто разобрался…. pagination “true” вот и все, что мне нужно было вставить в свой шорт код. Проблема решена )

      Ответить
  27. Подскажите пожалуйста, как лучше сделать разные страницы товаров для разных категорий? Править темплейт или хуками можно ?

    Ответить
  28. Подскажите, пожалуйста, а как можно стандартными средствами woocommerce или storefront убрать лупу на фотке товара и вместо нее изменить стандартный лайтбокс, чтобы по клику на фото был лайтбокс. Я искал какие-нибудь хуки или фильтры, но ими можно только отключить вообще, можете вы знаете какой-то хук или фильтр?

    Ответить

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

%d такие блоггеры, как: