Каталог товаров на WordPress с плагином Page-list

Вы хотите адаптировать стандартный шаблон WordPress под интернет-магазин?  Это более чем реально — благодаря множеству специальных плагинов. Конечно, чтобы добиться результата, придется повозиться, ведь при создании WordPress’а разработчики не подразумевали ведение торговли. Но нет ничего невозможного, стоит только приложить усилия. Итак, первое, что необходимо интернет-магазину — каталог имеющихся товаров. В этой статье мы предлагаем один из возможных вариантов быстрого и простого оформления каталога для Вашего сайта на WordPress. С этим способом может разобраться любой, кто когда-либо встречался с php и css или просто хочет разобраться с проблемой.

Давайте посмотрим, какой результат будет получен по окончании наших трудов:

  1. Каждый пункт каталога — товар — это отдельная обычная страница.
  2. Вы можете создавать различные категории и присваивать их товарам. Соответственно, категория станет родительской страницей для группы товаров.
  3. Добавление товаров и категорий Вы осуществляете самостоятельно. К счастью, ограничение на  созданные страницы отсутствует.
  4. То, как товар будет выведен на родительскую страницу,  Вы задаете  самостоятельно.
  5. Вы сможете создавать в каталоге необходимые поля, чтобы  редактировать функциональность магазина. К примеру, можно добавить цену или характеристику.
  6. Созданные товары будут представлены на одной странице без нумерации.

Как происходит эта магия? По умолчанию у WordPress нет возможности выводить на главную  список дочерних страниц с  миниатюрами. Однако очевидно, что это прекрасный способ создавать удобные каталоги. Значит, этот недочет необходимо устранить. Здесь и будет использован плагин Page-list. Более подробное описание этого великолепного плагина Вы можете найти здесь, а мы рассмотрим все более кратко.

Page-list использует шорткоды и для отображения списка дочерних страниц на заданной родительской.  Итак, давайте рассмотрим, как будут создаваться список и выводиться миниатюры. Ниже приведен скриншот, который  демонстрирует результат:

каталог товаров плагин Page-list

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

каталог товаров плагин Page-list

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

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

Итак, сделаем самый простой каталог. Для начала установим наш плагин Page-list. Теперь начинаем заполнять наш магазин: добавляем новую страницу для каталога и — если Вы хотите присваивать категории — делаем дочерние страницы. Следом нам необходимо вставить шорткод  в страницу категории или каталога:

Что представляет собой шорткод:

image_width=”200″ image_height=”200″ – параметры изображения.

pagelist_ext – выводятся дочерние страницы

show_content = “0″ – ограничивает вывод текста контента и будет отображать заглавия;

Мы рекомендуем делать один определенный размер миниатюр и прикреплять их к странице товара. Так, во всех местах миниатюра будет отображаться в определенном размере — такими, какие заданы в шорткоде.

Цена и другие характеристики создаются с помощью дополнительных полей. В список параметров созданное поле вносится с помощью show_meta_key=”key”.

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

Пример использования


3 комментарий на “Каталог товаров на WordPress с плагином Page-list

  1. Здравствуйте! Столкнулся вот с какой проблемой при применении данного плагина. Когда делаешь каталог товаров список получается большой. Как можно разделить на страницы данный список?

    Thumb up 0 Thumb down 0

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

    Thumb up 0 Thumb down 0

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