Домой / WordPress / Создание интернет-магазина на WordPress с нуля. Урок 3. Добавление товара в WooCommerce
Создание интернет-магазина на WordPress с нуля. Урок 3. Добавление товара в WooCommerce

Создание интернет-магазина на WordPress с нуля. Урок 3. Добавление товара в WooCommerce

Здравствуйте друзья! В этом уроке мы продолжаем создание интернет-магазина, и сегодня я покажу как правильно добавлять новые товары в магазин.

Напомню, что в прошлых уроках мы с вами уже разобрали:

Как добавить новый товар в WooCommerce

Для того чтобы добавить новый товар переходим с административного меню в Товары -> Добавить товар.

Создание интернет-магазина на WordPress с нуля. Урок 3. Добавление товара в WooCommerce

Добавление названия, описания и категории товара

В открывшемся окне добавляем название товара (самое верхнее поле для заполнения).

После этого указываем категорию (для того чтобы создать новую категорию нажимаем Добавить новую категорию, в поле ввода пишем название для категории, после чего нажимаем кнопку «Добавить новую категорию товаров»), в которой будет отображаться товар в вашем интернет-магазине и описание товара.

Создание интернет-магазина на WordPress с нуля. Урок 3. Добавление товара в WooCommerce

Указываем название товара, категорию, и описание

Добавление цены, краткого описания, изображения и галереи товара

В поле «Обычная цена» указываем цену товара, а есть у вас есть скидка на товар, то цену со скидкой указывайте в поле «Цена распродажи».

Изображение товара (миниатюра) добавляется абсолютно также как и обычная миниатюры к записи WordPress.

Для добавления галереи товара (дополнительные изображения продукта) нажмите «Добавить картинки галереи товара» и укажите необходимые изображения.

Краткое описание товара — описание, которое отображается обычно с правой стороны от изображения заполняем в блоке «Краткое описание товара».

Создание интернет-магазина на WordPress с нуля. Урок 3. Добавление товара в WooCommerce

Результат который получился:

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

В результате добавленный товар в интернет магазин на базе плагина WooCommerce и темы Storefront получился как на изображении ниже:

Создание интернет-магазина на WordPress с нуля. Урок 3. Добавление товара в WooCommerce

Спасибо за внимание! Если у вас остались вопросы или появились проблемы при добавлении товаров/настройке WooCoomerce — пишите их в комментариях!

Читайте далее:

 

Здравствуйте друзья! В этом уроке мы продолжаем создание интернет-магазина, и сегодня я покажу как правильно добавлять новые товары в магазин. Напомню, что в прошлых уроках мы с вами уже разобрали: Урок 1. Установка и русификация плагина интернет-магазина Woocommerce Урок 2. Настройка ЧПУ (постоянных ссылок) в WooCommerce Как добавить новый товар в WooCommerce Для того чтобы добавить новый товар переходим с административного меню в Товары -> Добавить товар. Добавление названия, описания и категории товара В открывшемся окне добавляем название товара (самое верхнее поле для заполнения). После этого указываем категорию (для того чтобы создать новую категорию нажимаем Добавить новую категорию, в поле ввода пишем…

Обзор

Проголосуйте за урок

Оценка

Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!

Рейтинг: 4.14 ( 13 голосов )
100

133 комментария

  1. Аватар

    Здравствуйте Александр.
    Буду краток.
    1. Большое спасибо за ваш сайт/блог по WP.
    2. Вы моя последняя надежда, подскажите можно ли за счет плагина woocommerce скрывать определенный текст до оплаты?
    Т.е. определенная часть текста становится видимой только после оплаты?
    3. Разграничение цены для тех кто зарегистрирован (дешевле) и просто прохожих (дороже) на один и тот же товар?

  2. Аватар

    Здравствуйте, Александр!
    У меня 2 вопроса к Вам)
    1) когда захожу в магазин, у меня отображаются категории с миниатюрами. Но эти миниатюры крайне велики. Не могу найти где редактируется размер именно Категорий товаров

    2) У меня несколько категорий и в каждой категории свои товары, но когда заходишь на страничку любой категории, то товар отображается в одну колонку и большие размеры изображений. Может вы подскажете, где регулируется вывод изображений. Аналогично и с выводом категорий — в одну колонку всё отображается

    Спасибо!

    • Аватар

      Здравствуйте, Марина!
      Отвечу на два вопроса одновременно. Настройки размеров изображений товаров изменяется в WooCommerce -> Настройки -> Товары -> Отображение -> Изображения Товара.
      Само собой убедитесь в том, что в настройках Вашей темы нет таких настроек.

      • Аватар

        Да здесь пробовала менять WooCommerce -> Настройки -> Товары -> Отображение -> Изображения Товара. Ничего не происходит.
        А то что товары в одну колонку выводятся, как с этим бороться?)

  3. Аватар

    Спасибо! Попробуемс!)

  4. Аватар

    Подскажите, плз, как всем товарам сразу добавить аттрибут. Спасибо.

  5. Аватар
    Светлана

    Подскажите, что делать, если добавляю товар, выставляю галочкой нужную категорию, а они все записываются в одну категорию? 🙁

    • Аватар

      Трудно что-то сказать. Возможно вы смотрите на родительскую категорию. В таком случае все товары добавленые в дочерние категории будут отображаться и в родительской, добавляясь туда автоматически.

  6. Аватар
    Светлана

    и еще добавленный товар в категории записывается в вертикальную строчку и всего 5 продуктов, тоесть не весь записанный отображается в категории(

  7. Аватар

    Здравствуйте Александр, подскажите пожалуйста существует ли возможность, автоматически загружать товары из 1с, если например их 20 000 наименований? если да то посоветуйте где почитать подробнее про это, заранее спасибо

  8. Аватар

    Добрый день, Александр, прошу вашей помощи или совета. Суть такова — есть магазин на woocommerce, продаем двери. заказчик хочет, чтобы комплектующие к дверям можно было бы заказывать вместе с дверью, на одной странице. Мне известно только создание вариативного товара, но очень не хочется для каждой двери (их там более сотни), настраивать по 12 вариаций с разными ценами. Прошу прощения за сумбур) Если более конкретно — есть ли способ создать товар в woocommerce и сделать так, чтобы он отображался всегда вместе с другими товарами? Вариант с кросселом не помог, т.к. кросселл отображается только в корзине. Надеюсь, что вы сможете мне помочь,и заранее благодарю.

    • Аватар

      Здравствуйте, Никита.
      Вариантов для Вашей задачи кроме добавлений вариаций нет. Да и сотня товаров не так и много 😉

      • Аватар

        Эхх…) Все равно спасибо)

      • Аватар

        Возник у меня новый вопрос — есть ли плагин, который может добавить к вариативному товару свойства сгруппированного? То есть, чтобы сохранилась возможность выбора вариаций + выводился бы товар, который был бы сгруппирован с данным.

        • Аватар

          Я не совсем понял задачу. В каком смысле сгруппирован? Где он должен выводится? Но в любом случае о похожем плагине не слышал, обычно в карточке товара выводятся только «рекомендуемые» (из одной категории) товары.

  9. Аватар
    Александр

    Здравствуйте, Александр!
    На странице «изменить товар» у меня отсутствует раздел «иконка», в отличие от вашего скрипта. В чем причина?

  10. Аватар
    Александр

    Да, о ней.
    И почему сверху надпись: это демонстрационный магазин для тестирования — заказы не будут исполнены?
    Спасибо. Извините, если вопрос глупый.

    • Аватар

      Убедитесь что в «Настройках экрана» (кнопка в правом верхнем углу) отмечено галочкой пункт «Миниатюра записи».
      Для того что убрать надпись, зайдите в WooCommerce -> Настройки -> Вкладка «Основные» -> Уберите галочку в «Предупреждение магазина».

  11. Аватар

    Здравствуйте, Александр. Хочу реализовать следующий функционал:
    Пользователь регистрируется, попадает в личный кабинет, далее он может загрузить фотографию (товар), которая отправляется на модерацию к администратору. Что можете посоветовать?

    • Аватар

      Если в WooCommerce, то я о таком функционале не слышал. Да и в целом, работа с личным кабинетом в WordPress как-то не очень продвинута в этом плане.

      Попробовать что-то похожее можно сделать начиная с помощью плагина ads-wordpress и заканчивая контактной формой. Что-то одно советовать нет смысла, так как все зависит уже от умений интегрировать нужный функционал в личный кабинет и необходимых задач.

  12. Аватар

    Здравствуйте!Очень надеюсь на вашу помощь.Учусь создавать интернет-магазин.Не знаю как сделать,что б при нажатии на страницу магазин,переходил в категорию Мужская парфюмерия.В этой категории должны быть подкатегории,допустим 20мл,50мл,75мл.В каждой из подкатегорий должны быть уже товары.Анолагично надо так же сделать для Женской парфюмерии.Намучился уже,Не знаю что делать,у меня все категории вместе.Вот ссылка на мой сайт web-max.esy.es. Если не сложно посмотрите пожалуйста.

    • Аватар

      Здравствуйте! Извините за задержку с ответом, был в отпуске 🙂
      На странице «магазин» всегда будут отображаться все товары магазина. Для того чтобы сделать так как Вы хотите, добавьте в меню не страницу «магазин», а вместо нее категорию «Мужская парфюмерия». Потом просто переименовать в «Магазин», и получить желанный результат.
      А навигацию по подкатегорияи можно сделать с помощью свойств. Вот более подробный урок на тему «фильтров».
      Полностью все аналогично и для женской парфюмерии.

  13. Аватар

    Добрый день!
    У меня странная проблема.
    При добавлении товара в shop в редакторе не появляется поле краткого описания. Таким образом, при добавлении нового товара, поле краткого описания нельзя заполнить.
    Сам блок краткого описания в шаблоне есть.
    Подскажите, где его можно включить или как отобразить при редактировании.

  14. Аватар

    Да, я уже сама нашла этот свой косяк)
    Спасибо большое.

  15. Аватар

    Добрый день!
    У меня в 1 категории товара загружено 300 товаров, а в магазине отображается только 199 (17 страниц)
    Как сделать, чтобы в категории отображались все товары, или есть лимит по количеству?

    • Аватар

      Здравствуйте. Лимита нет. Убедитесь что на каждом товаре есть миниатюра (изображение товара). Бывает, что из-за этого товары в магазине не отображаются.

      • Аватар

        Миниатюры есть на всех товарах. Если открыть редактирование товара, и нажать просмотр, то он показывается, но без хлебных крошек, т.е. он как бы и есть, но не отображается в категории на сайте, все галочки по категориям проставлены, но больше 199 товаров не отображается

  16. Аватар
    Александр

    У меня стандартная тема Woocommerce Storefront. Возникла проблема — на странице корзины перестали отображаться миниатюры товаров. В чём причина и как восстановить их появление?

    • Аватар

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

  17. Аватар
    Александр

    Здравствуйте!Помогите пожалуйста! Установил тему и не как не могу добиться того, чтобы в витрине товаров под каждым из них была кнопка «добавить в корзину».Подскажите что нужно сделать?

    • Аватар

      Здравствуйте. Ответить на Ваш вопрос сложно. Возможно тема не подходит под WooCommerce. Напишите какую тему используете, и я постараюсь проверить на локальном сервере работу темы с плагином WooCommerce.

      • Аватар
        Александр

        Александр, спасибо,уже не надо. Я разобрался. Удалил код которых был изначально прописан remove_action( ‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_loop_add_to_cart’, 10 )

  18. Аватар

    Александр, здравствуйте!
    Порыскала по интернету и не нашла. Подскажите, пожалуйста, почему на почту не приходят уведомления о новых заказах? Всё настроила правильно, тестировала с разными почтовыми ящиками — ничего…

    • Аватар
      Не Александр

      Смотрите WooCommerce — Настройки — E-mail — Новый заказ — включена ли галочка для E-mail оповещения?!

  19. Аватар
    анастасия

    Здравствуйте, Александр!
    Нужна ваша помощь( не могу добавить атрибут в товар, грузится, но дальше ничего не происходит. Из-за чего это может быть? Товар выбрала вариативный, может что еще надо изменить?

    • Аватар

      Здравствуйте, Анастасия!
      Возможно Вам стоит попытаться обновить до последней версии WordPress и WooCommerce, а также удостовериться что Ваша тема нормально совместима с WooCoomerce.

  20. Аватар

    Здравствуйте, Александр!
    Есть проблема с woocommerce. При добавлении более 18 вариантов товара при выборе в магазине пишет, что товар не найден. 3 атрибута с тремя вариантами в каждом — все отлично, выбираешь любой товар и его можно добавить в корзину. При увеличении вариантов в любом из атрибутов при выборе любого товара — «Жаль, но товаров, соответствующих вашему выбору, не обнаружено. Пожалуйста, выберите другую комбинацию.»

    • Аватар

      Здравствуйте.
      Попробуйте увеличить max_input_vars в php.ini и убедиться что проблема не из-за Mod_security.
      Подробнее можно почитать в официальной статье — Problems with large amounts of data not saving (variations, rates etc).
      Само собой, нужно также обновить (если устаревшие версии) WooCommerce и WordPress.

      • Аватар

        Та же самая проблема, max_input_vars поставил значение 10000 — не помогает, при выборе вариативного товара из выпадающего списка дает такую ошибку

      • Аватар

        Еще заметил один момент: такая ошибка появляется если добавить более 30 вариаций. Может есть где то это значение где его можно увеличить? Добавлял вариации по-очереди и после именно 30 уже не работает

        • Аватар

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

Оставить комментарий

Ваш email не будет опубликован.

*