Что такое шорткоды WooCommerce

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

Эта статья будет полным руководством по шорткодам WooCommerce .

Шорткоды WooCommerce

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

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

Причина, по которой вы должны использовать шорткоды WooCommerce

Шорткоды — это простой способ персонализировать ваш магазин WooCommerce. Вы можете создать любой сайт электронной коммерции, вставив шорткод.

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

Работа шорткодов WooCommerce

Хотя они кажутся простыми, шорткоды довольно эффективны! Давайте рассмотрим различные компоненты шорткода.

Короткий номер

Шорткоды WooCommerce — это отдельные слова или группы слов, связанные символами подчеркивания, например:

• [товары]
• [woocommerce_order_tracking]

Хотя некоторые шорткоды можно использовать без каких-либо параметров, некоторые делают это. Давайте посмотрим на параметры WooCommerce для шорткодов.

Параметры

Параметры или аргументы — это дополнительные строки, которые делают работу шорткода более точной. Большинство шорткодов WooCommerce, но не все, используют параметры.

Список шорткодов WooCommerce

Давайте взглянем на некоторые из наиболее важных шорткодов WooCommerce.

[woocommerce_cart]

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

[woocommerce_checkout]

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

Для страницы оформления заказа нет дополнительных настроек, как для [корзины woocommerce] .

[woocommerce_my_account]

Здесь отображается страница «Моя учетная запись», которая включает всю информацию о клиенте и предыдущие заказы вашего бизнеса. Количество заказов, отображаемых по умолчанию, установлено на 15. Изменив число на -1, вы можете заставить его отображать все заказы.

[woocommerce_order_tracking]

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

[товары]

Следующим в нашем списке является шорткод [products], один из самых мощных и часто используемых шорткодов WooCommerce. Он, как и следовало ожидать, показывает ваши предметы. Однако есть несколько факторов, которые вы можете использовать для изменения типов и количества предлагаемых товаров.

Чтобы добавить параметр, введите его имя в кавычках, затем знак равенства и желаемое значение. Убедитесь, что это находится в шорткоде [productss] .

Настройте макет с помощью шорткодов WooCommerce

Несколько настроек позволяют изменить макет страниц вашего продукта.

1. столбец

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

Например: [столбцы товаров = "3"]

2. порядок

Это определяет, будет ли порядок восходящим (ASC) или убывающим (DESC) в зависимости от настройки orderby . По умолчанию установлено значение ASC.

F или пример: [заказ продуктов = "ASC"]

3. заказать

Этот параметр предоставляет множество вариантов настройки расположения ваших товаров. По умолчанию они будут отсортированы по названию товара.

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

• дата: упорядочивает товары по дате публикации (сначала новые)
• id: эта опция заказывает товары на основе их идентификатора сообщения.
• порядок меню: это упорядочивает товары в соответствии с порядком меню (сначала меньшие числа)
• популярность: Товары будут заказываться по количеству покупок (самые первые)
• rand: Показывает товары в случайном порядке. Сайты, использующие плагины кэширования, могут иметь проблемы.
• рейтинг: Это отсортирует товары в соответствии с их средним рейтингом, от самого высокого до самого низкого.

Например: [products orderby="дата"]

4. класс

Это добавляет к элементу класс-оболочку HTML, что позволяет вам стилизовать его с помощью CSS.

Например: [класс продуктов = "пользовательский элемент"]

Узнайте, как устранять неполадки с короткими кодами

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

Шорткод находится между тегами <pre>

При добавлении шорткода на веб-сайт убедитесь, что он не находится внутри тегов <pre>, предназначенных для отображения (а не выполнения) кода.

Кавычки изогнутые, а не прямые

Другая типичная ошибка — это когда кавычки (используемые с параметрами) расположены под углом или «фигурными», а не прямыми. Фигурные кавычки не будут работать с параметрами.

Подвести итог

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

Пытаясь повторить наше обсуждение, вот несколько ключевых моментов:

• Шорткоды WooCommerce
• Причина, по которой вы должны использовать шорткоды WooCommerce
• Работа шорткодов WooCommerce
• Список шорткодов WooCommerce
• Настройте макет с помощью шорткодов WooCommerce
• Узнайте, как устранять неполадки с короткими кодами

Если вам понравился этот пост, подпишитесь на наши видеоуроки по WordPress на канале YouTube . Не забудьте подписаться на нас в Pinterest.

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