28 октября 2015

Рассмотрим некоторые моменты, которые могут вызвать затруднения при настройке темы дизайна "Экстрим". За основу берем демо-сайт темы дизайна http://themes.wa-plugins.ru/extreme/

Для того, чтобы приступить к настройке темы, необходимо зайти на страницу настроек оформления темы (Магазин-Витрина-Оформление). Далее по порядку читаем пункты и ставим галочки.

1. Настройка левого бокового меню (по умолчанию "Новинки")
Для того, чтобы изменить название данного блока, а также вывести необходимый Вам список товаров, необходимо отредактировать настройки "Главная страница. Боковое меню". В этом блоке всего 2 строчки: первая отвечает за выводимое название (новинки), вторая - за список (необходимо вставить идентификатор списка товаров. Для этого открываете Товары-Список товаров-Настройки, там идентификатор id указан).

2. Слайдер на Главной
В настройках темы необходимо загрузить изображение для слайдера. Закономерен вопрос, какие размеры должны быть у загружаемых картинок.
Итак для определения размера воспользуемся полезными возможностям Вашего браузера. В открытом окне Магазина наведите курсор на картинку, размер которой необходимо узнать, затем нажмите правую кнопку и выберите действие "просмотр кода элемента" или "исследовать элемент". Внизу откроется дополнительное окно, показывающее код страницы с подсвеченной строкой (исследуемого элемента). При наведении курсора на данную строку картинка подсвечивается с указанием размеров.
Так большая картинка слайдера имеет размер 1170х405рх
Картинка по-меньше с куртками 383х490рх
две маленькие картинки с серферами 383х240рх
и длинная картинка с бегуном 776х240рх.
В поле ссылка вместо значка # следует указать адрес страницы, на которую будет переходить покупатель при нажатии на картинку (в формате http://...../ ).

3. Информационный блок "Бесплатная доставка, Номер телефона, Подарочные карты".
Данный блок находится ближе к низу главной страницы посередине между виджетом Facebook и Новостями.

Каждая строка состоит из иконки и Текста.
Элементы данного блока редактируются в шаблоне темы home.html. Для редактирования переключитесь в админке переключитесь с вкладки Оформление на вкладку шаблоны. Затем слева в списке файлов найти и нажать на файл home.html.
В этом файле найдите элемент кода
<div id="cmsinfo_block">
<div class="col-xs-6">
<ul>
<li><em class="icon-truck" id="icon-truck"></em>
<div class="type-text">
<h3>[`Free shipping`]</h3>
<p>[`Free shipping`]</p>
</div>
</li>
<li><em class="icon-phone" id="icon-phone"></em>
<div class="type-text">
<h3>{$wa->shop->settings('phone')}</h3>
<p>{$wa->shop->settings('phone')}</p>
</div>
</li>
<li><em class="icon-credit-card" id="icon-credit-card"></em>
<div class="type-text">
<h3>[`Gift cards`]</h3>
<p>[`Gift cards`]</p>
</div>
</li>
</ul>
</div>

<h3> - это заголовки, <p> - текст. Например, чтобы заменить "Бесплатная доставка" на "Доставка по России" нужно вместо ['Free shipping'] указать ['Доставка по России'])
Писать можно на русском.


Для смены иконок нужно воспользоваться сайтом http://fortawesome.github.io/Font-Awesome/3.2.1/icons/. Оттуда необходимо взять название иконки и вставить в кавычки <em class="icon-truck" id="icon-truck">

Примечание: Выводимый номер телефона корректируется в настройках самого магазина (магазин-настройки-общие настройки).

Цена темы дизайна без скидки 5 999 рублей.

Если у Вас возникли сложности с настройкой темы дизайна или Вы хотите получить дополнительную скидку на покупку темы, пожалуйста, сообщите нам info@wa-plugins.ru .