Русский Wootique – тема для интернет магазина на WordPress

48

Автор verond | Рубрики Плагины вордпресс, Темы WP для интернет магазина | 22-10-2013


Настройка Wootique от WooThemes для интернет магазина на вордпрессе. Перевод на русский язык значительно облегчит отладку вашего магазина. Скачайте файл локализации для темы Wootique: 

  Файл локализации ru_RU.po (43,3 KiB, 3 091 hits)

  Файл локализации ru_RU.mo (27,5 KiB, 1 418 hits)

 

Мне нравятся темы от WooThemes – официальный сайт woothemes.com —  своим изяществом, множеством настроек, Framework-ом. Бесплатные темы этой студии ничем не отличаются от платных. Разве что количеством. На каждую свою новую гениальную линейку разработчик выпускает классную бесплатность.

 

Бесплатная тема Wootique — http://www.woothemes.com/products/wootique/ — идеально подходит для создания интернет магазина на WordPress и отлично адаптирована под магазин на Woocommerce. Скачать файл перевода на русский язык Wootique версии 1.6.8 по ссылке. Распакуйте архив и залейте в папку темы /lang. При дальнейшем обновлении темы, русификация не слетит. Если вы захотите изменить какие-то русские формулировки, то сможете легко это сделать, открыв файл и внеся нужные дополнения, изменения. Как это сделать, узнайте из этой подробной инструкции «Программа для перевода файлов PoEdit».

 

Плагин WooCommerce – это разработка WooThemes. Страница плагина http://www.woothemes.com/woocommerce/

 

Установив тему Wootique и плагин WooCommerce вы превращаете обычные блог в коммерческий ресурс – магазин. Настройка темы и плагина достаточно гибкие и вы сможете слепить что угодно.

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

 

Плагин Saphali Woocommerce Russian – это улучшенный перевод  магазина Woocommerce на русский язык. Это плагин адаптировал сам магазин под русский, украинский и белорусский рынок – добавлены соответствующие валюты. У него есть бесплатная версия, в которой все есть для создания бизнеса и платная расширенная, разработанная специально для русского рынка. На сайте разработчика http://saphali.com/ вы найдете огромный список плагинов для расширения функциональности интернет магазина на вордпресс. Но и бесплатного варианта вполне хватит для успешного начала продаж.

Скачать Saphali Woocommerce Russian на сайте WordPress по ссылке: http://wordpress.org/extend/plugins/saphali-woocommerce-lite/

 

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

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

 

Описание тонкостей настройки интернет магазина на WP.

 Для создания дочерней папки скопируйте файлы из папки woocommerce/templates в папку вашей темы и переименуйте ее в woocommerce. Теперь изменения не потеряются при обновлении плагина вукомерц.

В файле шаблона WooCommerce /wp-content/plugins/woocommerce/templates/content-product.php можно изменить вывод товаров на главной.

 

Чтобы изменить текст на странице «КОРЗИНА», нужно внести изменения в языковом файле плагина Woocommerce. Файл локализации ru_Ru.mo.

Можно установить плагин Woocommerce Customizer и делать любые надписи на кнопках. В WooCommerce Customizer есть настройка количества отображаемых товаров.

Чтобы вместо «items» в корзине отображалось «товаров», достаточно перевести сам плагин на русский. Также при переводе темы можно получить русскую корзину.

Также можно исправить в файле wp-content/plugins/woocommerce/templates/cart/cart.php «Proceed to Checkout» на «Оформить заказ» – строка 134.

 

Шорткоды

Про использование шорткодов читайте в документации http://docs.woothemes.com/document/woocommerce-shortcodes/

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

[featured_products per_page=»24″ columns=»3″]

Где 24 — количество товаров;

3 -число колонок.

 

 

ЧПУ

Если у вас выводится такой адрес товара, как http://ваш_сайт/товар/imya_produkta

Исправить чпу товара можно было в прежних версиях в настройках WooCommerce.

Идем «Настройки» — «Страницы» — «Страница таксономии» — «Подготавливать категории магазина/метки со страницы магазина (shop)» и ставим галочку. В поле вписываем собственное название.

Настройка чпу товара

 

В новых версиях возможность настройки чпу для товаров в привычном месте вордпресса. Пример для версии WooCommerce версии 2.0.14.

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

В новых версиях настройки чпу для товаров

Внешний вид

Количество выводимых товаров

Идем в настройки плагина «Настройки» — «Страницы» —  в самом внизу можно выбрать количество колонок и число записей – это в старой версии.

Также редактируем в настройках темы.

Еще вариант: в плагине: «Настройки Saphali WC» — «Число колонок в каталоге».

Настройки Saphali WC

Дополнение.

Как настроить количество выводимых товаров и число товаров в колонке на странице магазина.

1 вариант – это воспользоваться плагином WooCommerce Customizer, который облегчит настройку числа продуктов и колонок на странице магазина.

2 вариант – в файл wp-content/themes/wootique/ functions.php добавить код:

// Произвольное количество товаров, отображаемое по умолчанию на странице магазина. Цифра 20 в указанном ниже коде задает количество товаров.

1
 add_filter('loop_shop_per_page', create_function('$cols', 'return 20;'));

// Количество колонок магазина. Здесь изменить число 3.

1
2
3
4
5
6
 add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
function loop_columns() {
return 3;
}
}

Меню

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

 

Заголовки, тайтлы.

Тема вордпресс Wootique — h1 повторяется несколько раз.

Повторение тега h1 на страницах магазина wp – это не единичный случай.

В теме Wootique я обнаружила неоднократное повторение такого важного тега, как h1.

 

Нужно убрать заголовок со страницы с товарами в WooCommerce Shop WordPress

Правим файл в wp-content\plugins\woocommerce\templates\archive-product.php

Находим, и удаляем или комментируем строку с  h1:

<h1> < ?php woocommerce_page_title(); ?> </h1>

 

Где редактировать шаблон письма

 

Если вы хотите разместить новые поля и в другом порядке, то внести изменения сможете в

woocommerce/templates/emails

 

Список основных файлов, в которые мы вносим изменения для настройки темы и магазина на wordpress.

 

Файл стилей в папке темы — .css

wp-content/themes/тема/single.php

wp-content/themes/тема/page.php

wp-content/themes/тема/archive.php

wp-content/themes/тема/header.php

wp-content/themes/тема/footer.php

Одиночная страница – один продукт с описанием

Plugins/woocommerce/templates/single-product.php

Страница магазина

Plugins/woocommerce/templates/ archive-product.php

 

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

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


Комментарии 48 комментариев

Здравствуйте. Нужна помощь по настройке и адаптации темы интернет-магазина. Свяжитесь со мной пожалуйста.

Написала письмо на указанный эл. адрес.

Если Вы заинтересованы в инструменте, который обеспечивает быстрый и эффективный перевод тем и плагинов WordPress, я рекомендую Вам использовать этот инструмент на базе web: https://poeditor.com/ Особенностью данного инструмента является наличие плагина, который Вы можете использовать для интеграции его API в Ваш WordPress. Это позволяет Вам сэкономить значительное время на процессе организации файлов. Пожалуйста, пройдите по этой ссылке: http://wordpress.org/extend/plugins/poeditor/

Подскажите пож, такой вопрос, а можно ли убрать с главной страницы slide bar и поставить туда обычный баннер. И еще не разобрался, где выставить колличество позиций на странице.
Заранее спасибо. Если можно ответ на почту

Дополнила пост, как настроить количество товаров на странице магазина.

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

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

Обычно в темах есть файл home.php – достаточно внести в него изменения и они будут только на главной. В этой теме нет такого файла. Поэтому рассмотрим несколько вариантов.

Первый вариант. Для того, чтобы удалить боковую колонку только с главной страницы, можно в файле wp-content/themes/wootique/index.php удалить строку (Строка 86 ) вывода sidebar:
< ?php get_sidebar(); ?>
И вставить вместо нее код своего баннера. В этом случае, сайдбар с вашими виджетами будет отображаться только на других страницах сайта, но вместе с баннером внизу.

Второй вариант. Создать статическую страницу и назначить ее главной. Идем «Параметры – Чтение — На главной странице отображать» и выбрать созданную страницу. При создании или редактировании страницы справа нужно выбрать «Шаблон – Full Width» — получится страница без боковой колонки с контентом на всю ширину.

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

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

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

Есть вариант и без плагинов. Правки делать в файле functions.php темы wootique.
Путь wp-content/themes/wootique/ functions.php

В этот файл можно добавить код. Я его добавила в сам пост. Посмотрите, пожалуйста, по тексту.

У меня такая проблема, не отображается кириллиц в свойствах товаров, где искать проблему , подскажите

Первое, что нужно всегда делать — это проверять кодировку страницы, она должна быть UTF-8. Второе — все ли настройки сделаны правильно.

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

Артем, В файле header темы есть php код — строка, выводящая поиск: woo_nav_before(). Уберите ее.

Вы великолепны. Я перелопатил весь header, но не замечал =) Спасибо.

Благодарю, Артем))

И собственно еще один вопрос, на моем сайте http://gadget-rb.ru рекомендуемые товары, точнее их миниатюры отображаются кривенько. качество низкое. как исправить? Сами картинки в хорошем качестве.

Артем, нужно установить плагин Regenerate Thumbnails и при каждом изменении размеров миниатюр делать регенерацию. Идем «Инструменты» — «Regenerate.Thumbnails» и нажимаем там кнопку «регенирировать все». Картинки станут четкими.

Не помогло. Смотрите где рекомендуемые товары.

Всем привет. Столкнулся с такой проблемой. есть вкладка магазин (http://cheapcase.ru/magazin/) у нее под категории. Когда кликаешь магазин то он выдает все товары которые есть в категориях, а вот когда переходишь в категорию, например объемные слова (там должно быть 23 товара), но отображается всего 17 и второй страницы нет.
Может кто сталкивался с такой проблемой.

Проблема была с ненужными созданными статистическими страницами. В Woocommerce при создании категорий в магазине, автоматом создает страницы. Как всегда все намного проще_)

Оперативно))

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

Привет, Жон! Было бы хорошо, если бы и с другими
поделился своим решением:)
Посмотрите по теме, возможно там есть виджет для
телефона. Или в файле хедер темы.
Например, добавить строку с номером телефона
в div. А в стилях оформить его.

Еще пример: вставить подобный код для
кликабельного номера телефона:

1
<a href="tel://+79406574563″">+7 (940) 657-4563</a>

Часть кода не помещается, но там стандартно)) Ниже
видно окончание ссылки.

В этом случае человек сможет сразу перейти к набору
номера.

Можно оформить кликабельный звонок со скайпа
на скайп:

1
<a href="skype:echo111″">Skype</a>

А так выглядит на сайте:

Skype

Далек от кодов, буду ковыряться и разбираться со стилями)))) Спасибо!

Удачи, Жон! 🙂

Добрый день!
Скачал файлы перевода для Wootique, залил их в папку lang в теме. В конфиге прописал define(`wplang`, `ru_RU`), но тема не перевелась(( Ставлю пока все на денвер. В чем может быть проблема?

Можно попробовать денвер перезапустить.

I want help!
Вот сюда я скопировал M:\home\test1.ru\www\wp-content\themes\wootique\lang
те 2 файла:
ru_RU.po
ru_RU.mo
И что то не перевелось у меня ничего 🙁
Может версия темы уже другая?)

Да. Об этом я и предупреждала.

Уважаемая, Verond. Надежда только на вас, проблема заключается в том, что я никак (ни плагином Customizer, ни вставкой кода вашего в указанную страницу) не могу поменять количество выводимых товаров именно в строке. То есть в строке выводится три товара, а мне надо 4. То есть как я понял нужно сделать 4 колонки. Правильно? но я везде это делал, но ничего не получается. Сайт поднят на локалке, так что, к сожалению, наглядно не могу.

Разобрался. Извините за беспокойство, был не внимателен!

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

Денис, не сталкивалась с таким явлением. 🙂

Verond, здравствуйте! У в теме wootique не перевелись надписи checkout , item в верхнем меню. Как их заменить на Оплата и штук?

У меня еще установлен плагин Safari LC light, может он как-то влияет. Хотя там файли локализации переведены

Здравствуйте! Загрузил тему на бесплатный хост Hostinger.ru скопировал в файл eng_gb.po cодержимое файла ru_RU.po и ничего не происходит)) уже замахался честное слово, почему такое может быть?

Александр, файл eng_gb.po скопировать и переименовать в ru_RU.po. Затем переводить с помощью Poedit. При сохранении изменений создастся еще один файл с расширением .mo. Оба файла залить на сервер.

Ох, а как же изменить фон в этой чудесной теме?

В стилях 🙂

Светлана, и еще какой файл-русификатор из двух нужно скачать (или это зеркала)?

Нужно оба файла скачивать и заливать на сервер.

Оказалось слишком сложно для меня. Скопировала содержимое первого файла в изначальный файл en_GB. Никаких изменений. Тогда закачала и второй файл в ту же папку lang. Тоже ничего. Наверное, все не правильно делаю, нужно быть программистом, чтобы решить такой вопрос.

Спасибо, русифицировать не знаю как, но получилось!
Фон, оказывается, в настройках темы можно менять. Потыкалась, и нашла. Styling Opsions. Можно просто цветом залить, или картинку вставить.

Да, во многих темах есть такие настройки. Я совсем забыла написать про это. )

Замечательно! Спасибо!
Долго мучался с руссификацией корзины, скачал файлы локализации (которые вначале статьи) и все получилось.
Огромный респект!

п.с. Подскажите пжл где можно почитать про CEO новичку именно в контексте WooCommerce (или на крайняк WordPress)

для начала сделайте сайтмап (установите плагин для генерации sitemap.xml) и затем пропишите его в файле robots.txt& Заодно убедитесь, что роботс есть и правильно настроен

Добрый день.
Сижу разбираюсь с темой wootique.
Есть несколько вопросов.
1) В исходном варианте темы (скачал в 2016 у разработчика) если находишься на главной странице, то в меню главная и соседняя страница меню подсвечиваются одновременно. Это по всей видимости специальный косяк разработчика. Как его исправить?
2) Как убрать из меню страницу ГЛАВНАЯ ?
3) Можно ли в слайдбаре Featured Products изменить блоки изображений с квадратов на прямоугольники? Если можно то как?
Заранее спасибо.
(Ответы придёт на имейл?)

После назначения главной страницы статической почему-то вместо главной стала отображаться страница с товаром (который я занёс последним) и изменить эту ситуацию не получается. Я попробовал убрать статическую и вернуться, но ничего не изменилось. Что посоветуете?

с этим вопросом справился — залил заново файл index.php уф-фф

Дмитрий. я рада, что сами разобрались. )

Написать комментарий

Spam Protection by WP-SpamFree