Итак, вы решили добавить в свою тему магазин – замечательно! Плагин WooCommerce – это отличный выбор. Если посмотреть с технической точки зрения, то абсолютно все темы должны быть с ним совместимы. Теоретически в WordPress любой плагин должен работать с любой темой (если она должным образом построена).
Если вы разрабатываете новую тему, возможно, вам понадобится совместить её с WooCommerce или добавить новые опции, недоступные в настройках этого плагина (например, изменить количество столбцов). В этой статье имеются некоторые полезные сниппеты (фрагменты кода), которые обеспечат вам поддержку вашей темой интернет-магазин WooCommerce и/или дадут возможность изменить те или иные детали для создания особенного дизайна.
Важная информация: некоторые из указанных ниже сниппетов используют опции, доступные только в WooCommerce, поэтому убедитесь, что они не просто вставлены в файл functions.php. Если вы собираетесь поделиться своей темой с другими пользователями или продать её, убедитесь, что сниппеты из файла загружаются только тогда, когда плагин WooCommerce активен.
Проверить, включён ли WooCommerce
С помощью данного сниппета можно задать значение пользовательской константы, используемой для проверки того, включён или нет WooCommerce. Так можно будет добавлять файлы или выполнять функции только при активном WooCommerce (см. важную информацию выше).
Известить о поддержке WooCommerce
Этот кусочек кода является очень важным. Его необходимо вставить в тему, чтобы предотвратить сообщения плагина о несовместимости темы с WooCommerce.
Удалить стили WooCommerce
Если захотите, вы можете легко удалить все стили WooCommerce, чтобы предотвратить связанные с ними возможные проблемы.
Следующий сниппет предназначен для удаления абсолютно всех стилей WooCommerce:
Этот сниппет является примером того, как можно удалять стили CSS в зависимости от условий:
Удалить название магазина
Многие темы имеют опции для отображения заголовков архивов. Данный код удаляет дополнительные заголовки из WooCommerce. Такой способ намного удобнее, чем скрывать их при помощи CSS.
Изменить заголовок архивов для магазина
Если архивные заголовки отображаются с помощью функций archive_title() или get_archive_title(), то, настроив фильтр, вы сможете заменить их на страницу товара.
Изменить количество товаров на страницу
Этот код поможет изменить количество товаров, показываемых на отдельной странице магазина.
Изменить количество столбцов
WooCommerce устроен так, что нельзя просто перенастроить фильтр ‘loop_shop_ columns’, необходимо также вставить особые классы для столбцов в тег
Изменить стрелки навигации Следующий/Предыдущий
Этот сниппет позволит вам настроить стрелки навигации соответственно вашей теме.
Изменить текст значка продажи
Очень полезен на многоязычных сайтах.
Изменить столбцы миниатюр в галерее товаров
С помощью этой функции вы можете изменить количество столбцов для миниатюр в галерее товаров в соответствии с вашим макетом.
Изменить количество отображаемых похожих товаров
Позволяет изменить число похожих товаров, показываемых на странице товаров.
Изменить количество столбцов для секций похожих и популярных товаров
Если вы хотите корректно изменить количество столбцов для похожих и популярных товаров на страницах отдельных товаров, отфильтруйте столбцы и измените соответствующие body классы.
Добавить в меню динамическую ссылку на корзину и стоимость товаров в корзине
Этот сниппет позволит отображать в меню стоимость товаров в корзине. К тому же, при включённом Font-Awesome на сайте будет отображаться маленький значок в виде сумки.
Важная информация: эти опции не должны быть заключены в is_admin(), поскольку они используют AJAX для обновления стоимости. Необходимо убедиться в доступности функций, когда is_admin() выдаёт True и False.
Заключение
WooCommerce по умолчанию работает с любой темой, но вы легко можете добавить в него некоторые дополнительные функции для лучшего соответствия теме. Вы можете купить тему, чтобы иметь возможность взглянуть на то, как всё это сделано (см. файлы в wpex-new-york/inc/woocommerce). Этот простой способ позволит вам, используя уже готовую тему, правильно добавить различные функции в магазин WooCommerce.
Может быть, вы знаете другие сниппеты, которые по вашему мнению, следует включить в данный список или которые могут быть полезны при разработке новых тем? Поделитесь своими материалами в поле для комментариев.
После настройки шаблона вам может понадобиться плагин woocommerce оплата банковской картой. Можно подключиться и начать принимать онлайн оплаты картой от клиентов.
Если вы разрабатываете новую тему, возможно, вам понадобится совместить её с WooCommerce или добавить новые опции, недоступные в настройках этого плагина (например, изменить количество столбцов). В этой статье имеются некоторые полезные сниппеты (фрагменты кода), которые обеспечат вам поддержку вашей темой интернет-магазин WooCommerce и/или дадут возможность изменить те или иные детали для создания особенного дизайна.
Важная информация: некоторые из указанных ниже сниппетов используют опции, доступные только в WooCommerce, поэтому убедитесь, что они не просто вставлены в файл functions.php. Если вы собираетесь поделиться своей темой с другими пользователями или продать её, убедитесь, что сниппеты из файла загружаются только тогда, когда плагин WooCommerce активен.
Проверить, включён ли WooCommerce
С помощью данного сниппета можно задать значение пользовательской константы, используемой для проверки того, включён или нет WooCommerce. Так можно будет добавлять файлы или выполнять функции только при активном WooCommerce (см. важную информацию выше).
PHP:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.Известить о поддержке WooCommerce
Этот кусочек кода является очень важным. Его необходимо вставить в тему, чтобы предотвратить сообщения плагина о несовместимости темы с WooCommerce.
PHP:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.Удалить стили WooCommerce
Если захотите, вы можете легко удалить все стили WooCommerce, чтобы предотвратить связанные с ними возможные проблемы.
Следующий сниппет предназначен для удаления абсолютно всех стилей WooCommerce:
PHP:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.Этот сниппет является примером того, как можно удалять стили CSS в зависимости от условий:
PHP:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.Удалить название магазина
Многие темы имеют опции для отображения заголовков архивов. Данный код удаляет дополнительные заголовки из WooCommerce. Такой способ намного удобнее, чем скрывать их при помощи CSS.
PHP:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.Изменить заголовок архивов для магазина
Если архивные заголовки отображаются с помощью функций archive_title() или get_archive_title(), то, настроив фильтр, вы сможете заменить их на страницу товара.
PHP:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.Изменить количество товаров на страницу
Этот код поможет изменить количество товаров, показываемых на отдельной странице магазина.
PHP:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.Изменить количество столбцов
WooCommerce устроен так, что нельзя просто перенастроить фильтр ‘loop_shop_ columns’, необходимо также вставить особые классы для столбцов в тег
body. В то время, как шорткоды Woo заключены в теги div с нужными классами, в страницах магазина это отсутствует, поэтому требуются две функции.
PHP:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.Изменить стрелки навигации Следующий/Предыдущий
Этот сниппет позволит вам настроить стрелки навигации соответственно вашей теме.
PHP:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.Изменить текст значка продажи
Очень полезен на многоязычных сайтах.
PHP:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.Изменить столбцы миниатюр в галерее товаров
С помощью этой функции вы можете изменить количество столбцов для миниатюр в галерее товаров в соответствии с вашим макетом.
PHP:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.Изменить количество отображаемых похожих товаров
Позволяет изменить число похожих товаров, показываемых на странице товаров.
PHP:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.Изменить количество столбцов для секций похожих и популярных товаров
Если вы хотите корректно изменить количество столбцов для похожих и популярных товаров на страницах отдельных товаров, отфильтруйте столбцы и измените соответствующие body классы.
PHP:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.Добавить в меню динамическую ссылку на корзину и стоимость товаров в корзине
Этот сниппет позволит отображать в меню стоимость товаров в корзине. К тому же, при включённом Font-Awesome на сайте будет отображаться маленький значок в виде сумки.
Важная информация: эти опции не должны быть заключены в is_admin(), поскольку они используют AJAX для обновления стоимости. Необходимо убедиться в доступности функций, когда is_admin() выдаёт True и False.
PHP:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.Заключение
WooCommerce по умолчанию работает с любой темой, но вы легко можете добавить в него некоторые дополнительные функции для лучшего соответствия теме. Вы можете купить тему, чтобы иметь возможность взглянуть на то, как всё это сделано (см. файлы в wpex-new-york/inc/woocommerce). Этот простой способ позволит вам, используя уже готовую тему, правильно добавить различные функции в магазин WooCommerce.
Может быть, вы знаете другие сниппеты, которые по вашему мнению, следует включить в данный список или которые могут быть полезны при разработке новых тем? Поделитесь своими материалами в поле для комментариев.
После настройки шаблона вам может понадобиться плагин woocommerce оплата банковской картой. Можно подключиться и начать принимать онлайн оплаты картой от клиентов.
