WOOCOMMERCE — модификация и тонкая настройка

Рассмотрим тонкую настройку компонента интернет-магазина WooCommerce без внесения изменений в ядро. Описанные здесь модификации безопасны и валидны. При обновлении WordPress и WooCommerce никакие модификации не будут утрачены.

Перед внесением любых изменений рекомендую выполнить резервное копирование сайта (и базы данных).

Добавление валюты «Российский рубль» в магазин на WooCommerce.

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

Откройте файл функции темы (для вашей активной темы оформления WordPress). Для этого в админ. панели перейдите в меню «Внешний вид» --> «Редактор» --> «Функции темы» — файл functions.php. Добавьте указанный код в конец файла и сохраните:

Изменение количества товаров на одной странице магазина WooCommerce.

Я рекомендую использовать плагин WooCommerce Customizer — он позволит настроить число продуктов на страницу, число колонок с продуктами на странице магазина.

Если хотите работать без плагина, Вы можете установить произвольное количество товаров, отображаемое по умолчанию на странице Вашего магазина. Цифра 30 в указанном ниже коде задает количество товаров. Измените ее на нужную Вам. Добавьте код в файл functions.php:

Количество товара в колонке Вашего магазина.

Можете изменить на нужное Вам значение (в коде цифра 35). Код добавляем как обычно в functions.php:

Изменяет количество up-sells товаров.

Up-sells — это товары или продукты, которые вы рекомендуете вместо просматриваемых клиентом товаров Пример: более выгодные и недорогие либо более качественные и функциональные, но дорогие варианты.

Цифры в коде означают число колонок и число товара в колонках. Добавьте код в функции темы как обычно:

Изменяем количество сопутствующих товаров.

Сопутствующие товары отображаются в карточке товара внизу страницы под основным товаром. По умолчанию отображается 2 сопутствующих товара. Изменим число сопутствующих товаров. Цифры задают число товаров и число колонок. Код вносим в файл functions.php:

Изменение полей оформления заказа в WooCommerce.

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

Скрыть отображение количества товаров в категории.

В functions.php темы оформления нужно добавить такой код:

Изменяем обертки (wrapper) для нашего шаблона на страницах интернет-магазина.

В принципе для WooCommerce-совместимых шаблонов это не требуется. Если хотите проэкспериментировать, код такой:

Убираем кнопку «В корзину» на основной витрине магазина.

Код как обычно добавляем в функции темы:

Меняем местами краткое описание товара и цену.

Если Вы хотите поменять местами краткое описание и цену, добавьте такой код в functions.php:

Убираем хлебные крошки на страницах магазина WooCommerce и на странице карточки товара.

Если Вам не нравятся стандартные хлебные крошки WooCommerce или вместо них у Вас есть специальный плагин, выводящий Breadcrumbs, то добавться в functions.php такой код:

Убираем вкладку «Дополнительное описание» товаров в магазине WooCommerce:

Если Вам не нужно дополнительное описание, то убрать его просто. Добавим в функции темы код:

Перенаправление (редирект) клиента после авторизации в магазине на нужную Вам страницу.

Чтобы после входа в личный кабинет клиент переходил на ту страницу, которую Вы хотите задать (адрес страницы в коде /checkout замените на нужный), добавьте такой код в функции темы:

Меняем местами постраничную навигацию и сортировку.

Поменяем местами постраничную навигацию (список страниц внизу) и блок сортировки (вверху — по убыванию/возрастанию цены и т.д.). Код такой:

Добавляем навигацию и сортировку в начало страницы.

Код вносим как всегда в functions.php:

Делаем поля в форме заказа WooCommerce необязательными.

Ставим кнопки «Продолжить покупки» и «Оформить заказ» вниз страницы корзины WooCommerce.

Не забудьте изменить ссылки «ваш_сайт.ru» на правильный адрес вашего сайта.

Добавляем конпку «Продолжить покупки» на страницу оформления заказа.

Не забудьте изменить ссылки «ваш_сайт.ru» на правильный адрес вашего сайта.

Мы рассмотрели основные параметры тонкой настройки магазина на WooCommerce с помощью валидного способа правки функций темы (файла functions.php).

394 thoughts on “ WOOCOMMERCE — модификация и тонкая настройка ”

Здравствуйте, помогите пожалуйста если можете!

У меня на сайте, после оформления заказа и нажатии кнопки Разместить заказ, выскакивает страница с непонятным кодом, как это исправить.

\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043d\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043e. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u0435 \u043f\u043e\u043f\u044b\u0442\u043a\u0443.\n\t\t\t

\u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u0441\u0435\u0441\u0441\u0438\u044f \u0438\u0441\u0442\u0435\u043a\u043b\u0430. \u0412\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u0443\u044e →\n\t\t\t

Здравствуйте, Сергей! Скажите, пожалуйста, ошибка стала появляться сразу с момента установки сайта или Вы что-то меняли/устанавливали? Еще предоставьте ссылку не сайт, где я могу видеть ошибку

у меня аналогичная проблема с размещением заказа, причем сам заказ проходит и сообщение отправляется покупателю, но ошибка выпадает такая же, как это можно исправить?

chayok.pp.ua (собственно сам проблемный сайт, вся инфа тестовая и сайт не индексируется посковиками на время настройки) код ошибки:

Проверьте, чтобы у Вас были назначены все страницы WooCommerce в админке WordPress:

WooCommerce --> Настройки --> вкладка Страницы

Полезная статья, но осталось куча вопросов. К сожалению так и не разобрался как пользоваться WooCommerce Customizer. Если бы описали, то было бы просто замечательно.

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

Подскажите ещё плагин для добавления соц.кнопок под товаром.

Дмитрий, я подготовил для Вас статьи о том, как пользоваться WooCommerce Customizer — maxtop.org/plagin-woocomm. azhenie-tovarov/

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

По социальным кнопкам для магазина тоже — там есть отличное решение фактически без плагина.

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

День добрый, спасибо за полезную статью!

Возникла проблема, не могу изменить количество товара на одной странице. Устанавливал и плагин WooCommerce Customizer и пробовал добавлять код — не помогло, все равно отображается 12 товаров.

Евгений, приветствую! Возможно, Вы выводите товары из категории с помощью шорткода? Например:

[product_category category="Название категории" per_page="12" columns="4" orderby="date" order="desc"]

В данном случае число товаров, указанное в шорткоде, имеет приоритет над ислом товаров в настройках WooCommerce Customizer.

Нет, вывод был не шорткодом, а именно на странице категории. В общем проблему решил, установив в настройках темы количество постов на странице не 12, а 24. Видимо настройки темы каким то образом перебивают настройки самого woocommerce. Спасибо!

Простите, не дописал пред. пост.

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

Может ещё знаете возможно ли организовать плагин по расчёту стоимости доставки, если такого нет то хотялось бы убрать «подсчитать доставку»

и ещё до кучи тогда))) возможно ли организовать такое — если нет в наличие товара — то можно оформить заказ чтобы привезли или к примеру «получить информацию о поступление» или «хочу купить». Премного благодарен за ответ.

« возможно ли организовать такое — если нет в наличие товара — то можно оформить заказ чтобы привезли» — такое сделать возможно, но на данный момент не могу подсказать бесплатный плагин. Могу назвать платный saphali.com/woocommerce-plugins/waiting-list-soobshhit-o-postuplenii (стоит 25$)

Надо будет поискать бесплатный аналог.

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

Насчет плагина по расчету доставки, пожалуйста, пришлите адрес Вашего сайта — я посмотрю что именно там не функционально. У меня на демо-сайте магазина virtue.tk расчет доставки не производится и не выводится

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

Здравствуйте, делаю магазин, установил wocommerce и приобрел saphali standart. Есть пара вопросов:

«Магазин» у меня из двух товаров, поэтому на сайте стоят просто шорткоды на эти товары, на них написано: руб. 500 и кнопка. Так вот как сделать так чтобы писало не руб. 500 а 500 руб. ? И где вообще можно поправить вид этого шорткода?

Saphali light добавляет валюту рубль после сумму (500 р.) Версию standart я не покупал, потому не могу сказать, есть ли там опция отображения валюты. Попробуйте добавить в функции темы (файл functions.php) следующий код:

add_filter ( 'woocommerce_currencies', 'add_my_currency' );

function add_my_currency ( $currencies )