ProductX WooCommerce Builder для интернет-магазинов

Опубликовано: 2022-09-22
productx-woocommerce-строитель-плагин

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

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

Представляем ProductX: Gutenberg WooCommerce Builder

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

WooCommerce Builder — одно из мощных дополнений ProductX. Это помогает динамически создавать шаблоны для нескольких страниц и переопределять существующие шаблоны WooCommerce.

Основная привлекательность надстройки Builder для ProductX заключается в том, что она работает как редактор Gutenberg. Благодаря этому он обладает всеми возможностями динамического построения без какой-либо избыточности.

Что мы можем сделать с ProductX WooCommerce Builder

Поскольку я уже обсуждал дополнение Gutenberg WooCommerce Builder к ProductX, пришло время обсудить, что мы можем с ним сделать. Если вы знакомы с каким-либо из популярных плагинов для конструкторов, вам будет легче разобраться.

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

  • Страница магазина
  • Архивы продуктов
  • категории товаров
  • Страница корзины
  • Отдельные страницы продукта и многое другое

После создания шаблонов для вышеупомянутых страниц стандартные шаблоны ваших существующих страниц будут заменены новыми.

Как использовать WooCommerce Builder для ProductX

Очевидно, что только наличие решения не делает его лучшим выбором. Очевидное решение также должно иметь хороший пользовательский интерфейс. Большинство пользователей WordPress хотят, чтобы каждое решение было простым и удобным в использовании. Итак, давайте проверим, как работает WooCommerce Builder of ProductX.

Как я уже говорил ранее в этом сообщении в блоге, WooCommerce Builder — это дополнение к ProductX. Поэтому, чтобы использовать его, мы должны включить его после правильной установки и активации плагина ProductX. Вот как:

  • На панели инструментов WordPress перейдите в раздел ProductX.
  • Теперь нажмите на раздел надстроек ProductX.
  • Включите Builder из всех доступных надстроек

После включения надстройки Builder вы можете создавать неограниченное количество шаблонов и заменять их стандартными шаблонами WordPress.

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

  • Перейти в раздел конструктора
  • Нажмите на кнопку «Добавить новый»
  • Добавить имя шаблона
  • Выберите тип шаблона
  • Выберите условия, если требуется
  • Нажмите на кнопку «Создать шаблон»

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

Создайте и настройте пользовательскую страницу магазина с помощью WooCommerce Builder

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

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

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

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

Для правильного отображения продуктов и параметров фильтрации рядом необходимо использовать блок столбцов Гутенберга. Поэтому я добавляю столбец с соотношением 70/30.

Затем мы можем добавить блок фильтра продуктов слева и любые доступные блоки продуктов справа. Например, я добавляю блок Product Grid 1.

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

Не беспокойтесь, если вам не нравится стандартная сетка просмотра продуктов и блоки фильтров, потому что ProductX имеет полную возможность настройки для всех блоков.

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

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

Создайте и настройте шаблон страницы категории с помощью WooCommerce Builder

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

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

Теперь нажмите и начните редактировать шаблон. Затем вы можете начать настраивать его, как шаблон страницы магазина.

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

После этого вы можете добавить в шаблон желаемые блоки товаров. Затем продукты будут динамически отображаться в соответствии с соответствующими категориями.

Когда шаблон вас удовлетворит, опубликуйте его и посмотрите, как выглядят категории товаров после внедрения шаблона.

Вывод

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