Как сделать каталог товаров на WooCommerce

Вступление

На днях получил комментарий, с таким вопросом: «Можно ли на WooCommerce отключить корзину, кнопку “заказать” и вообще покупку через сайт. Нужно реализовать просто каталог товаров, без цен». Неплохая тема для новой статьи.

Задача

Прежде всего, сформулирую задачу, которую нужно решить. На платформе WordPress+WooCommerce нужно создать каталог товаров.

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

Каталог товаров на WooCommerce: Реализация

Для начала установим WordPress последней версии и установим плагин WooCommerce. Как это сделать вы можете почитать, перейдя по ссылкам в тексте.

Как настроить WordPress под магазин, вам нужно прочитать тут и тут. Это статьи сайта и они откроются в новой вкладке.

Активируем плагин WooCommerce и игнорируем быструю настройку, найдя после активации ссылку «Не сейчас».

ссылку «Не сейчас»

На вкладке Страницы нужно создать следующие страницы магазина:

Ссылка магазина. Эта страница будет базовой витриной. Её создаем обязательно. Ярлык и название выбираете сами.

Мой аккаунт. Эта страница нужна, если хотите регистрировать своих пользователей.

Правила и условия. Нужна если у вас будет регистрация пользователя. Правила и условия нужно заполнить в виде договора по стандартной или индивидуальной форме. Если у вас не магазин, то «Правила и условия» меняете на «Политику конфиденциальности» в сборе информации. Если вы вещаете на Европу, нужно по закону GDPR уведомление пользователей об отслеживании.

Это может вас заинтересовать:  Настройка WordPress под Интернет магазин Урок 3: Интернет магазин WordPress

В настройках плагина

В настройках WooCommerce на вкладке Товары>>>Основные выбираем в качестве страницы магазина, созданную страницу «Витрина».

Товары>>>Основные

На вкладке Дополнительно>>>Настройки страницы, указываем страницы Аккаунта и Условий.

Дополнительно

Если вам не нужна регистрация пользователей, то страницы Аккаунта и Условий создавать не нужно.

На вкладке Основные>>>Основные настройки в пункте «Торговая точка (и)»  нужно выбрать «Продавать во всех странах, кроме…». В следующем пункте выбрать все страны, используя кнопку «Выбрать все». Сохранитесь.

где продавать

Вкладка Товары>>>Основные, уберите чеки в пункте «Добавить в поведение корзины» (фото выше)

Товары>>>Запасы: всё отключаем.

Если есть желание в других настройках можно также всё отключить, что вам не нужно.

В настройках WordPress

На вкладке Меню консоли WordPress, создайте меню сайта с пунктом Витрина, выбрав для него созданную страницу «Витрина». Не забудьте поместить созданное меню в область, предусмотренную для меню на сайте. Сохраните изменения.

Меню консоли WordPress

Вкладка «Чтение», главной страницей назначьте страницу «Витрина».

Вкладка «Чтение»

В принципе всё! Я показал, как сделать каталог товаров на WooCommerce вместо магазина. Неудачно назвал его «Витрина», но это детали.

Давайте посмотрим на фото получившейся демонстрационной витрины.

фото получившейся демонстрационной витрины

Как видим на фото, добавленный мной товар без цены, а все демонстрационные товары шаблона с ценами.

Это значит, для того чтобы у вас не было цен и вместо ссылки «Корзина» рядом с товаром была ссылка «Подробнее», не публикуйте в карточке товаров цену на товар.

Это может вас заинтересовать:  Классы доставки товаров WooCommerce: зачем нужны, как настроить

цена в карточке

Значок корзина

Почти всё готово. В завершении осталось убрать со страницы витрина значок «Корзина» вверху станицы.

Фото значок корзина

Как мне кажется, самый простой способ убрать значок корзины в шапке WooCommerce – сделать не обновляемые изменения стилей. А именно:

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

просмотр кода

  • Далее, следуйте на вкладку консоли Темы>>>Настройки и ищите вкладку «Дополнительные стили»;

В ней нужно вписать, по правилам css, для вашего элемента стиля корзины строку:

display:none;

на фото я показал, как это сделать

корзина есть

корзины нет

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

Вывод

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

Любой вопрос по делу, в комментариях.

©shopiweb.ru

Еще статьи

5 комментариев для “Как сделать каталог товаров на WooCommerce

  1. Сейчас, конечно, протестирую, но что-то я не увидел в статье информации, что, собственно, будет открываться по кноке «подробнее» и можно ли туда вставить аффилиат ссылку

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