Настройка шаблона Mystile от Woothemes

Mystile один из лучших бесплатных шаблонов от команды Woothemes, имеет оригинальный дизайн. Среди достоинств можно отметить отображение главной страницы во всю ширину, что соответствует современным тенденциям веб-дизайна и будет легко восприниматься посетителями вашего интернет-магазина. Скачать mystile можно бесплатно с официального сайта www.woothemes.com  либо без регистрации от сюда4545

После установки шаблона нужно установить плагины woocommerce и saphali woocommerce.

Подробнее о создание интернет-магазина я написал в статье Создание интернет магазина на wordpress.

Если нам нужно, чтобы на главной странице отображалась одна статическая страница, например, с страница товарами, то необходимо зайти в Параметры — Чтение и выбрать отображение нужной нам статической страницы.
Если нам нужно, чтобы на главной страницы вначале отображались рекомендуемые товары, затем Новые, тогда оставим отображение последних записей и перейдём в Mystile – Theme options – Homepage - Woocommerce отметим галочкой нужные нам поля.

4343

Display featured products - показывать рекомендуемые товары.
Display how many featured products? - вводим необходимое количество товаров для отображения.
Display recent products — показывать новые товары.
Display how many recent products? - вводим нужно кол-во новых товаров

Тперь перейдём в нижнюю вкладку Blog и отметим галочкой
Display latest blog posts - для отображения записей на главной страницы.
В итоге у нас должно получится следующий вид главной страницы:
4123

Изменяем цвет цены товара

Для изменения цвета цены товара перейдите в папке шаблоне откройте style.css через редактор notepad++ и найдите строку

.woocommerce-error:before {
content: "W";
color: #808080;
}

Замените значение напротив color на любое другое. Подобрать цветовую гамму можно с помощью яндекса http://yandex.ru/yandsearch?lr=63&text=%23808080
В итоге мы поменяли цвет ценника красного на серый.

priceРедактируем и убираем значок "Распродажа"

Откройте style.css через редактор notepade и перейдите во вкладку Поиск -  Найти введите  .onsale

Если нам надо уменьшить значок распродажа, то удалите или отредактируйте position, top, right, как показано на рисунке ниже.

sale

В итоге у нас получилось следующее:

price

Чтобы убрать значок Распродажа, удалите или отредактируйте background на _background.

Настройка Главной страницы от Сергея

Заходим в админ панель Mystile - General settings - Display options и вводим в поле Custom CSS код ниже
Настройка картинки на главной странице

#header,
.homepage-banner {margin-bottom:0px!important;}

Убираем поиск товаров в топ меню

#top .wc-nav li.search input {display:none;}
width: 100%;
padding-left: 0;

размер картинки по

.homepage-banner { width:90.5%!important}

убрать точки с картинки

.homepage-banner:after { display: none; }

Убираем поле сайт в wordpress комментариях

Переходим в папку шаблона Mystile - includes - theme-functions.php, находим строку указанную ниже ( примерно 306 ) и удаляем:

'url'    => '

' .
'' .
'' .
'

',

comments

 Как можно перевести кнопку chеckout или убрать ее вовсе?

Откройте папку шаблона файл header.php. Нажмите на клавише Ctrl и F Одновременно. Откроется окошко Поиска, введите Checkout. Далее жмёте клавишу Enter и увидите подсвеченное слово Checkout, которое удалите или измените на другое слово, например, Оплата.

Как перевести строку items?

Строчку items придётся редактировать в самом шаблоне mystile/incudes/theme-woocommerce.php в самом низу item.

Похожие статьи

Woocommerce: ответы на вопросы

Полная инструкция по созданию интернет-магазина на wordpress

Настройка дизайн-темы Wootique от Woothemes