Представляем блок списка ProductX [Добавьте мощности описаниям продуктов!]

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

Для этого мы придумали решение, которое, несомненно, окажет влияние.

Встречайте блок списка ProductX — творческий способ продемонстрировать свои продукты или магазин WooCommerce.

Он имеет тот же уровень функциональности и гибкости, который вы ожидаете от плагина блоков ProductX Gutenberg .

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

Чем полезен блок списка ProductX?

Хотя вы можете использовать блок списка различными творческими способами, вот несколько очевидных способов, которыми вы сочтете их полезными.

Создавайте разнообразные описания продуктов

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

Вы можете добавить различные важные блоки WooCommerce Gutenberg , чтобы оживить страницу продукта.

Однако раньше вам приходилось полагаться на скучные блоки Гутенберга, чтобы показать описание продукта.

Не очень эффективно!

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

Сделайте описания продуктов сканируемыми

Вам нужно кое-что понять.

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

Идеальный способ подчеркнуть свой продукт — это:

• Сделайте описание доступным для сканирования с помощью списков
• Измените пробелы и размер шрифта для четкой доставки

Вы можете делать все это с блоком списка ProductX!

Легче сделать сканируемые описания продуктов со списком или маркерами. Вы можете легко создавать описания продуктов.

Более того, благодаря расширенным настройкам у вас есть возможность отрегулировать высоту, сделать ее встроенной или настроить по своему усмотрению (мы рассмотрим, что вы можете сделать!)

Используйте его, как вам нравится

Это не значит, что вы должны использовать его только для описания продуктов.

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

Или вы можете использовать его и для каких-либо других целей.

Теперь давайте рассмотрим возможности блока списка.

Прежде чем изучать функции, вам, вероятно, нужно сначала узнать, как использовать блок списка ProductX, верно?

Как использовать блок списка ProductX?

Использование этого блока ProductX аналогично другим. Конечно, для этого на вашем сайте WordPress должен быть установлен плагин ProductX.

Все, что вам нужно сделать, это:

• Перейдите на страницу и нажмите значок «+» в правом верхнем углу.
• Найдите «список» , и вы увидите блок списка ProductX.
• Просто перетащите его на страницу, и он появится.

Это всего лишь один из способов сделать это.

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

Изучение возможностей блока списка ProductX

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

Список шаблонов блоков

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

Вы можете просто импортировать один из этих шаблонов и настроить его по своему желанию.

На выбор есть несколько готовых выкроек — вы можете просмотреть эти выкройки заранее. Просто перейдите по ссылке ниже и посмотрите, как они выглядят в реальной жизни:

Теперь давайте рассмотрим ключевые особенности блока списка.

Глобальное выравнивание, макет и позиционирование

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

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

Изображение или значки (глобальные изменения)

Вы можете установить маркеры в виде значков или изображений или выбрать другие готовые настройки. У вас также есть возможность загружать собственные изображения.

На изображении, которое вы видите здесь, изображения были установлены индивидуально. Однако вы можете установить глобальное изображение или значок и использовать его для всех элементов в одном конкретном списке.

Настройки контента

Помните моменты, о которых мы говорили, выделяя особенности продукта? Вам просто нужно написать содержание маркера и начать редактирование.

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

У вас есть возможность отключить или включить текст или подтекст (будьте креативны по-своему!). Кроме того, вы можете использовать встроенные настройки текста и подтекста, чтобы сделать описание функции более привлекательным.

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

Настройки переноса содержимого и разделителя

« Контентная обертка » поможет вам по-новому взглянуть на список. Если вы хотите получить фантазию, вы можете изменить способ упаковки каждого элемента в вашем контенте. Просто посмотрите на пример здесь:

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

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

Тип значка и стиль значка (индивидуальные настройки)

Вы можете изменить отдельные типы и стили значков — один из ключевых факторов настройки блока списка ProductX. Если вы посмотрите на пример, мы добавили отдельные пользовательские значки для каждого элемента списка. И вы тоже так можете!

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

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

Примечание. Обратите внимание, что демонстрация, объясняющая функции блоков списков, была выполнена с использованием конструктора ProductX WooCommerce для создания одной страницы продукта. Хотя вы можете использовать блок списка ProductX для демонстрации функций где угодно, вам, возможно, придется проверить и указать страницу «Условия» при создании отдельных страниц продукта. Пожалуйста, проверьте документацию, чтобы узнать больше.

Заключительные слова

Это всего лишь снимок блока списка ProductX .

Видите ли, функции, запеченные в блоке списка , предлагают креативность, подобную Lego . Вы создатель — создавайте и демонстрируйте функции продукта так, как вы хотите. Небо это предел!

Удачи и приятного творчества! Поделитесь тем, как бы вы представили свои продукты.

Вы можете посмотреть видеоуроки по WordPress на нашем канале YouTube. Кроме того, найдите нас в Facebook и Twitter, чтобы получать регулярные обновления!