Интернет магазин WordPress

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

Решаем несложную, но полезную задачу, как сделать каталог товаров на WooCommerce делаем каталог товаров без цен и корзины покупателя.

Вступление

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

Задача

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

display:none;

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

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

Вывод

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

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

©shopiweb.ru

Еще статьи

Свежие посты

  • Практика создания Интернет магазина

Всё что нужно знать про создание сайта под ключ

Можно ли создать сайт самостоятельно? Можно, но это долго и не всегда эффективно. Прочтите про создание сайта под ключ и сделайте…

Актуально от: 24.08.2023
  • Новый бизнес

Профессиональное восстановление данных и файлов

Почему  восстановление данных и файлов лучше доверить профессионалам.

Актуально от: 06.06.2023
  • Скрипты интернет магазина

Скрипты интернет магазина

Что такое скрипты интернет магазина с примерами.

Актуально от: 15.05.2023
  • Новый бизнес

Что такое социальная коммерция

Что такое социальная коммерция и чем она отличается от интернет-магазина.

Актуально от: 02.05.2023
  • Новый бизнес

Как научиться создавать сайты

Где и как научиться создавать сайты.

Актуально от: 10.03.2023
  • Новый бизнес

Что такое WMS система управления складом

Что такое WMS система управления складом.

Актуально от: 25.11.2022