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

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

От автора: приветствую вас, друзья. В этой статье мы с вами попробуем узнать, как сделать каталог товаров на WordPress и реально ли это сделать вообще. Попробуем?

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

Сразу оговорюсь, что создавать законченное решение мы не будем, поскольку это вряд ли поместится в рамки отдельной небольшой статьи. Здесь мы именно набросаем решение, которое вы вольны использовать и развивать далее. Если же вас заинтересует тема создания интернет-магазина на WordPress, тогда вы всегда можете посмотреть наш небольшой курс Создание интернет-магазина на CMS WordPress.

Итак, нам потребуется установленный WordPress. Я установил последнюю на сегодня версию WordPress 4.6.1. Также нам потребуется соответствующий плагин, я использую плагин WP Shop.

Установим плагин, это можно сделать в меню добавления плагинов в админке. Поскольку моя цель именно каталог товаров, а не интернет-магазин, поэтому дополнительных плагинов я устанавливать не буду. Первый же найденный плагин по запросу wp shop — наш:

Устанавливаем и активируем его. Теперь пришло время добавить товары. По сути нам необходимо добавить обычные записи, которые и будут товарами. Кроме этого, таким записям необходимо установить цену, поскольку это все же товар. Добавим несколько записей.

Обратите внимание на произвольное поле cost_1 — это ничто иное, как цена товара. Также всем товарам, которые мы захотим выводить на главной странице нашего каталога, необходимо добавить одинаковые метки, например, home. Таким же образом добавим еще несколько товаров.

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

Отлично, товары выводятся. Однако, есть нюансы. Во-первых, мы хотим каталог товаров, а не интернет-магазин, поэтому кнопка добавления в корзину и выбора количества товара — лишние. Также, если мы пролистаем страницу вниз, то кроме товаров увидим и обычные записи. Это совсем лишнее. На главной странице должны быть только товары, только каталог товаров.

Вот здесь нам и пригодится метка home (или другая), которую мы давали каждому товару. По этой метке мы и выведем на главной странице каталог товаров. Сделать это проще простого. Создадим новую страницу и укажем для нее выбранный ярлык home (или другой, если вы указывали другую метку для товаров).

Теперь в настройках сайта укажем, что в качестве главной страницы сайта мы хотим видеть только что созданную страницу.

Ну и теперь дело осталось за малым, нам необходимо указать плагину, что на главной странице мы хотим видеть витрину товаров. Сделать это можно с помощью специального шорткода, который предлагает нам плагин WP Shop: [vitrina home 3 500 2 100]. Расшифровку шорткода вы можете найти на странице документации к плагину. Ключевым здесь является название шорткода vitrina и метка home, по которой будут выбраны товары. Цифры отвечают за кол-во колонок, высоту блока товара, кол-во строк и длину описания товара соответственно.

Добавим этот шорткод на созданную ранее страницу. Теперь посмотрим изменения на главной странице.

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

Как это сделать? Через консоль мы можем увидеть, что эта кнопка находится в ячейке таблицы с классом wpshop_button:

Идем в плагин и ищем все файлы, где встречается в коде данный класс. Проще всего это сделать через поиск по файлам. Например, в редакторе Sublime Text комбинация клавиш Ctrl + Shift + F включает поиск по файлам. Нам остается указать строку для поиска и путь к папке с файлами.

Из результатов найденного мы видим, что искомый элемент находится в файле wp-shop-original\views\good.widget.inc.php. Идем туда и пробуем просто удалить ненужные нам две ячейки таблицы (с кнопкой добавления в корзину и полем кол-ва товара).

Проверяем результат. У нас все получилось.

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

На этом у меня сегодня все. Если вы хотите попробовать написать собственную CMS для каталога товаров, тогда рекомендую познакомиться с курсом Создание каталога товаров. Удачи!

Создай полноценный каталог товара для сайта

Прямо сейчас посмотрите курс по созданию каталога товара для сайта на PHP, MySQL и jQuery!

Смотреть курс

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree