Установка шаблона 2.3x -3х

Шаблон заменяет несколько языковых файлов, таких как: catalog\language\russian(english)\account\wishlist.php, catalog\language\russian(english)\checkout\cart.php, catalog\language\russian(english)\product\compare.php, перед установкой рекомендуется сделать их резервную копию.

1. Содержимое папки Fractal скопировать в корневую директорию вашего сайта.

2. В менеджере дополнений нажать кнопку обновить два раза.



3. Только для версии движка 3х
На главной странице админки нажать на кнопку 1, в появившемся окне нажать на кнопку обновить 2.



4. Дополнения - Шаблоны - активируйте настройки нажав на кнопку добавить напротив Aridius (Fractal) Настройки темы , после зайдите в настройки темы, введите лицензионный ключ, выбрать Статус - Включено, Папка шаблона - Fractal.



5. Система - Настройки - Редактировать, напротив Шаблон выбрать Fractal, после нажать кнопку сохранить.



6. Система - Группы пользователей - Administrator, выделите все пункты в Разрешить просмотр и Разрешить редактировать и нажмите кнопку сохранить.





7. Дополенения - Модули - Слайдшоу > Home Page - зайти в модуль и нажать кнопку сохранить.

Как получить лицензионный ключ

Получить ключ вы можете, написав в личное сообщение, на почту gt.87@bk.ru или скайп werwolf800
указав номер счета, ник купившего, ваш домен.

Лицензионный ключ Вы получите после оплаты шаблона в течении 48 часов (обычно, до 2 часов в будние дни).

Для работы шаблона и модулей, Ваш сервер должен отвечать следующим требованиям:
PHP 5.4 - 7.0
IonCube v5 и выше

Если у Вас PHP 5.3 и ниже - обратитесь к Вашему хостеру или администратору магазина с просьбой обновить версию PHP до версии 5.4 и выше.

Шаблон реализуется по принципу "1 покупатель – 1 домен"..
Продажа, выкладывание в публичный доступ, присвоение и прочие действия данного программного обеспечения запрещены и являются нарушением авторских прав разработчика!.
Для *веб-студий, *разработчиков и при покупке дополнительной лицензии предусмотрены скидки..
*Скидки, предусмотрены после первой покупки..

Модули

- Купить в один клик

Модуль отображается в карточке товара возле кнопки купить и имеет множество настроек, которые производятся из админ панели Дополнения - Модули - Aridius (Fractal) Купить в один клик. Письмо о быстром заказе приходит на почту администратора магазина, а так же в админскую часть магазина.

Для отображения модуля нужно в настройках модуля поставить статус Включено, после в Дополнения - Схемы - Продукт отобразить модуль - Модуль: Aridius (Fractal) Купить в один клик, Расположение: Внизу страницы.



- Заказать звонок

Модуль может отображаться слева экрана и во выпадающем списке контактов(при нажатии на номер телефона в шапке сайта). Для отображения модуля слева экрана нужно зайти в Дополнения - Модули - Настройки темы - вкладка Главные настройки и напротив Отображать заказать звонок выбрать "ДА", Для отображения модуля в выпадающем списке контактов нужно зайти в Дополнения - Модули - Настройки темы - вкладка Шапка сайта и напротив Отображать заказать звонок выбрать "ДА". Настройки модуля производятся из админ панели в Дополнения - Модули - Aridius (Fractal) Заказ звонка. Письмо о заказе звонка приходит на почту администратора магазина, а так же в админскую часть магазина.

Для отображения модуля нужно в настройках модуля поставить статус Включено, после в Дополнения - Схемы - отобразить модуль во всех схемах - Модуль: Aridius (Fractal) Заказ звонка, Расположение: Внизу страницы.



- Сообщить когда появится

Модуль отображается на всех страницах, где есть товар, При количестве товара "0" кнопка купить заменяется кнопкой сообщить когда появится. Настройки модуля производятся из админ панели Дополнения - Модули - Aridius (Fractal)  Сообщить когда появится. Письмо о заказе уведомления приходит на почту администратора магазина, а так же в админскую часть магазина.
При редактировании количества товара через админ панель уведомления пользователю приходит автоматически после нажатии кнопки Сохранить в товаре, если вы обновляете массово количество ,например через 1С, вам нужно в настройках модуля нажать на кнопку Уведомить о поступлении.

Для отображения модуля нужно в настройках модуля поставить статус Включено, после в Дополнения - Схемы - отобразить модуль во всех схемах - Модуль: Aridius (Fractal)  Сообщить когда появится , Расположение: Внизу страницы.



- Нашли дешевле

Модуль отображается в карточке товара под ценой. Модуль имеет множество настроек, которые производятся из админ панели Дополнения - Модули - Aridius (Fractal)  Нашли дешевле. Письмо от покупателей приходит на почту администратора магазина, а так же в админскую часть магазина.

Для отображения модуля нужно в настройках модуля поставить статус Включено, после в Дополнения - Схемы - Продукт отобразить модуль - Модуль: Aridius (Fractal)  Нашли дешевле, Расположение: Внизу страницы.



- Подписка на новости

При помощи модуля можно уведомлять клиентов о новостях, акциях, скидках. Настройки модуля производятся из админ панели Дополнения - Модули - Aridius (Fractal)  Подписка на новости. В верхней части слева есть кнопки Просмотреть email, при нажатии на которую отображаются все email, а также кнопка Отправить email, при нажатии на которую отображается форма для почтовой рассылки.

Для отображения модуля на всех страницах нужно в настройках модуля поставить статус Включено, после в Дополнения - Схемы - во всех схемах отобразить модуль - Модуль: Aridius (Fractal)  Подписка на новостии, Расположение: Подписка на новости.



- Всплывающее окно подпишись и получи скидку

Модуль позволяет выводить всплывающее окно для подписки на новости, после подписки подписчику приходит на почту код на скидку. Настройки модуля производятся из админ панели Дополнения - Модули - Aridius (Fractal) Всплывающее окно подпишись и получи скидку.

Для отображения модуля на нужных страницах нужно в настройках модуля поставить статус Включено, после в Дополнения - Схемы - в нужных схемах отобразить модуль - Модуль: Aridius (Fractal) Всплывающее окно подпишись и получи скидку , Расположение: Внизу страницы. Модуль работает только при включенном модуле Aridius (Fractal)  Подписка на новости.

- Всплывающее окно с текстом или баннером

Модуль позволяет выводить всплывающее окно, в котором можно отобразить к примеру баннер на скидку. Настройки модуля производятся из админ панели Дополнения - Модули - Aridius (Fractal) Всплывающее окно с текстом или баннером.

Для отображения модуля на нужных страницах нужно в настройках модуля поставить статус Включено, после в Дополнения - Схемы - в нужных схемах отобразить модуль - Модуль: Aridius (Fractal) Всплывающее окно с текстом или баннером , Расположение: Внизу страницы.

- Живой поиск

Модуль позволяет находить товар по модели, описанию, артикулу, тегам. Настройки модуля производятся из админ панели Дополнения - Модули - Aridius (Fractal)  Живой поиск.

Для отображения модуля на всех страницах нужно в настройках модуля поставить статус Включено, после в Дополнения - Схемы - во всех схемах отобразить модуль - Модуль: Aridius (Fractal)  Живой поиск, Расположение: Внизу страницы.



- Модуль новостей

Модуль позволяет выводить новости, а так же в самих новостях сопутствующие товары и новости. Настройки модуля производятся из админ панели Дополнения - Модули - Aridius (Fractal)  Новости.

Для отображения модуля на нужной странице нужно в настройках модуля поставить статус Включено, после в Дополнения - Схемы - в нужной схеме отобразить модуль - Модуль: Aridius (Fractal)  Новости, Расположение: Внизу страницы.



- Модуль Список новостей

Модуль позволяет выводить выбранные новости в левую колонку сайта. Настройки модуля производятся из админ панели Дополнения - Модули - Aridius (Fractal)  Список новостей.

Для отображения модуля на нужной странице нужно в настройках модуля поставить статус Включено, после в Дополнения - Схемы - в нужной схеме отобразить модуль - Модуль: Aridius (Fractal)  Список новостей, Расположение: Левая колонка.



- Модуль Стена категорий

Модуль позволяет выводить выбранные категории на страницы магазина. Настройки модуля производятся из админ панели Дополнения - Модули - Aridius (Fractal)  Стена категорий.

Для отображения модуля на нужной странице нужно в настройках модуля поставить статус Включено, после в Дополнения - Схемы - Главная отобразить модуль - Модуль: Aridius (Fractal)  Стена категорий, Расположение: Вверху страницы.

- Таблица размеров

Модуль позволяет выводить ссылку на таблицу размеров или другую информацию в карточке товара и создавать произвольное количество вкладок. Настройки модуля производятся из админ панели Дополнения - Модули - Aridius (Fractal)  Таблица размеров.

Таблица размеров включается для каждого товара отдельно. В редактировании товара во вкладки Опции - Отображать размерную сетку, выбрать "ДА" и в Модули - Aridius (Fractal)  Таблица размеров поставить статус Включено.



- Эфекты слайдшоу

Дополнение позволяет менять эффекты смены слайдов. Для смены слайдов нужно зайти в модуль Слайдшоу и выбрать нужный эффект.



- Модуль Категории аккордеон

Модуль позволяет выводить выбранные категории в левую колонку магазина. Настройки модуля производятся из админ панели Дополнения - Модули - Aridius (Fractal)  Категории (аккордеон).

Для отображения модуля на нужной странице нужно в настройках модуля поставить статус Включено, после в Дополнения - Схемы - в нужной схеме отобразить модуль - Модуль: Aridius (Fractal)  Категории (аккордеон), Расположение: Левая колонка.

- Модуль Табы 5 в 1

Модуль позволяет выводить во вкладках акции, рекомендуемые, лидеры продаж, последние, наиболее просматриваемые. Настройки модуля производятся из админ панели Дополнения - Модули - Aridius (Fractal)  Табы 5 в 1.

Для отображения модуля на нужной странице нужно в настройках модуля поставить статус Включено, после в Дополнения - Схемы - в нужной схеме отобразить модуль - Модуль: Aridius (Fractal)  Табы 5 в 1, Расположение: Вверху страницы.

- Модуль Быстрый просмотр

Модуль позволяет просматривать полную информацию о товаре с любой страницы. Настройки модуля производятся из админ панели Дополнения - Модули - Aridius (Fractal)  Быстрый просмотр.

Для отображения модуля на всех страницах нужно в настройках модуля поставить статус Включено.

- Таймер в карточке товара

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

- Модуль Aridius (Fractal)Рекомендуемые карусель, Aridius (Fractal) Товары со скидкой карусель, Aridius (Fractal)Хиты продаж карусель, Aridius (Fractal)Последние карусель

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

- Модуль акции, рекомендуемые, лидеры продаж, последние

Модули используется для вывода товара в левую колонку магазина.

Для отображения модуля на нужной странице нужно в настройках модуля поставить статус Включено, после в Дополнения - Схемы - в нужной схеме отобразить модуль, Расположение: Левая колонка.

- Модуль Последние отзывы

Модуль позволяет выводить последние отзывы о товарах. Настройки модуля производятся из админ панели Дополнения - Aridius (Fractal)  Последние отзывы (карусель).

Для отображения модуля на нужной странице нужно в настройках модуля поставить статус Включено, после в Дополнения - Схемы - в нужной схеме отобразить модуль - Модуль: Aridius (Fractal)  Последние отзывы (карусель), Расположение: Вверху страницы.

- Модуль Просмотренные товары

Модуль позволяет выводить последние просмотренные товары .

Для работы модуля он обязательно должен быть включен в схеме продукт. Если вы хотите вывести модуль в левой колонке в настройках модуля нужно указать Ширина изображения 95, Высота изображения 95, Отображать модуль в левой колонке - да.

Позиции для модулей

Слайдер слева, Баннер справа 1, Баннер справа 2- Выводит два баннера справа и слайдшоу слева страницы.


Баннер середина 1, Баннер середина 2, Баннер середина 3, Баннер середина 4 - Выводит четыре баннера в ряд.


Слайдер на всю ширину вверх - Выводит слайдер на всю ширину экрана.


Баннер на всю ширину середина - Выводит баннер на главной странице.


Позиция после баннер середина - Позволяет вывести модули после четырех баннеров в ряд.


Настройки темы

Для настройки темы необходимо зайти в Дополнения - Модули- Настройки темы.

В настройках шаблона есть поля Иконка Font Awesome - позволяют вставить иконку перед текстом. Выбрать иконку вы можете по ссылке http://fontawesome.io/icons

- Вкладка Главные настройки

Вид корзины - позволяет выбрать одну из двух вариантов изображения корзины.
Отображать стрелку вверх справа сайта при прокрутке - отображать или нет стрелку прокрутки вверх(слева внизу).
Отображать "заказать звонок" - отображать или нет изображения трубки(справа внизу).
Лимит символов в названии товара во всех модулях - если у вас большое название товара вы можете поставить лимит выводимых символов, название будет обрезаться и добавляться ...

- Вкладка Горизонтальное меню

Sticky меню (прилипание меню при прокрутке) - позволяет опускаться меню за скроллингом.
Отображать изображение подкатегорий - позволяет выводить изображения подкатегорий.

Отображать изображение справа - позволяет выводить изображения родительской категории в меню.

Ссылка заголовка меню и Дополнительные пункты меню - используются для вывода дополнительной информации.


- Вкладка Шапка сайта

Позволяет производить настройки в шапке сайта.
Добавить контактную информацию (тел.), Почта, Добавить контактную информацию (skype,viber) - отображается при нажатии на номер телефона.


- Вкладка Продукт

тип zoom эффекта - позволяет выбрать один из пяти эффектов увеличения главного изображения товара.
Отображать таймер "до конца акции осталось" - позволяет отображать таймер конца акции.
Опускать изображения товара за скроллингом - позволяет опускать блок с главным и дополнительными изображениями за скроллингом (эффективно использовать, если в товаре много опций).
Ширина изображения опции, Высота изображения опции - Устанавливают размеры изображений опции изображение.
Код для кнопок "Поделиться в соц сетях" - позволяет заменить стандартные иконки поделиться в соц сетях. Для замены иконок вы можете использовать один из сервисов https://tech.yandex.ru/share/ https://share.pluso.ru/ http://share42.com/ru
Полученный код вставить в поле Поделиться в соц сетях.
Добавить "Дополнительные вкладки (табы)" - Позволяют создавать дополнительные вкладки для товара(возле вкладок описание, отзывы).

- Вкладка Категории

Отображать изображение подкатегорий - Позволяет включать или отключать изображения подкатегорий.

Отображать выбор количества товаров на странице, Отображать выбор сортировки товаров - Позволяет включать или отключать сортировку товаров.

Описание категории вверху\внизу - Позволяет выводить текст описания категории вверху или внизу страницы.

- Вкладка Низ сайта

API ключ карты - Необходим для вывода карты внизу сайта. Что бы его получить пройдите по ссылке .
https://console.developers.google.com/apis/library и там выбрать Google Maps JavaScript API
Метка для карты - Иконка которая используется для отображения вашего местоположения на карте(иконка находится в архиве из шаблоном наз.marker.png).
Отображать блок контактов - Возможность включать или отключать блок контактов слева на карте.
Отображать текст при наведении на метку на карте - Возможность включать или отключать текст при наведении на метку на карте(сам текст задаться ниже Текст при наведении на метку на карте) .
Координаты долгота, Координаты широта - Для определения координат широты и долготы для карты вы можете воспользоваться http://www.mapcoordinates.net/ru.
Добавить соц. сети - Позволяет выводить в футере изображения соц сетей с ссылками на ваши страницы в них.
Изображение платежных систем - Выводит иконки платежных систем внизу сайта(иконка находится в архиве из шаблоном наз.payment.png).
Текст о магазине - Выводит текст внизу магазина(колонка О нас).

- Вкладка Код счетчиков (Гугл, Яндекс...)

Предназначенная для вставки различных счетчиков на сайт

- Вкладка Стикеры

Стикеры можно задавать для категорий и подкатегорий в горизонтальном меню, а также для товаров.
Стикеры для меню:
Каталог-Категория-Нужная категория - вкладка Данные позволяет установить один из стикеров Новинка, Акция, Лидер продаж, которые можно переименовать в настройках стикеров на ваше усмотрение.



Стикеры для категорий:

В шаблоне предусмотрено 3 вида стикеров: Новинка, Акция, Лидер продаж, которые можно переименовать в настройках стикеров на ваше усмотрение.

Стикер Новинка и Лидер продаж вы можете задать для каждого товара сами Каталог-Товары - Нужный товар - вкладка Данные



или во вкладке STICKER задать условия для стикера Новинка (Товары считаются новинками в течении, дней), для стикера Лидер продаж (Товары считаются лидерами которые имеют рейтинг(от 0 до 5) или Товары считаются лидерами просмотренные больше, раз)



- Вкладка Дополнительные стили

Дает возможность изменять или добавлять стили шаблона.

Баннеры и слайдеры

- Слайдшоу на всю ширину

Для расположения слайдера на всю ширину экрана нужно в Дизайн - Баннеры - создать слайдер.



В Дополнения - Модули - Слайдшоу включить слайдер, в Названии выбрать ваш слайдер, Transition Style - выбрать эффект смены слайдов, Ширина 1920px, Высота 600px(Высота может быть другой).



В схемах добавить на главной позицию Слайдер на всю ширину вверх



- Слайдшоу слева и 2 баннера справа

Для расположения слайдера слева экрана нужно в Дизайн - Баннеры - создать слайдер и 2 баннера.



В Дополнения - Модули - Слайдшоу включить слайдер, в Названии выбрать ваш слайдер, Transition Style - выбрать эффект смены слайдов, Ширина 750px, Высота 501px.



В Дополнения - Модули - Баннер включить два баннера, в Названии выбрать ваш баннер, Ширина 360px, Высота 243px.



В Дизайн - Схемы - Главная добавить на главной позицию Слайдер слева, Баннер справа 1, Баннер справа 2.



- Четыре баннера в ряд

Для расположения четырех баннеров в ряд нужно в Дизайн - Баннеры - создать 4 баннера.



В Дополнения - Модули - Баннер включить четыре баннера, в Названии выбрать ваш баннер, для Баннер середина 1 и Баннер середина 4 - Ширина 360px, Высота 400px, для Баннер середина 2 - Ширина 362px, Высота 250px, для Баннер середина 3 - Ширина 362px, Высота 139px.



В Дизайн - Схемы - Главная добавить на главной позицию Баннер середина 1, Баннер середина 2, Баннер середина 3, Баннер середина 4.



- баннер внизу

Для расположения баннера внизу нужно в Дизайн - Баннеры - создать один баннера.



В Дополнения - Модули - Баннер включить баннер, в Названии выбрать ваш баннер, Ширина 1140px, Высота 215px(Высота может быть другой).



В Дизайн - Схемы - Главная добавить на главной позицию Баннер на всю ширину середина.



Текст для слайдеров

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



<div class="text-slider1 ef-slider1">Ваш текст 1</div> <div class="text-slider2 ef-slider2">Ваш текст 2</div> <div class="text-slider3 ef-slider3">Ваш текст 3</div> <div class="text-slider4 ef-slider4"><a class="btn-slider" href="Ваша ссылка" role="button">Название кнопки</a></div> Вместо Ваш текст, Ваша ссылка, Название кнопки вписать нужный вам текст.
Дополнения - Шаблоны - Fractal - вкладка Стили, вставить /* ef-slider START*/ .ef-slider1{ -webkit-animation: 300ms linear 900ms both rotateInDownLeft; -moz-animation: 300ms linear 900ms both rotateInDownLeft; -o-animation: 300ms linear 900ms both rotateInDownLeft; -ms-animation: 300ms linear 900ms both rotateInDownLeft; animation: 300ms linear 900ms both rotateInDownLeft; } .ef-slider2{ -webkit-animation: 300ms linear 300ms both fadeInUp; -moz-animation: 300ms linear 300ms both fadeInUp; -o-animation: 300ms linear 300ms both fadeInUp; -ms-animation: 300ms linear 300ms both fadeInUp; animation: 300ms linear 300ms both fadeInUp; } .ef-slider3{ -webkit-animation: 300ms linear 1500ms both rotateInDownLeft; -moz-animation: 300ms linear 1500ms both rotateInDownLeft; -o-animation: 300ms linear 1500ms both rotateInDownLeft; -ms-animation: 300ms linear 1500ms both rotateInDownLeft; animation: 300ms linear 1500ms both rotateInDownLeft; } .ef-slider4{ -webkit-animation: 300ms linear 2200ms both fadeInUp; -moz-animation: 300ms linear 2200ms both fadeInUp; -o-animation: 300ms linear 2200ms both fadeInUp; -ms-animation: 300ms linear 2200ms both fadeInUp; animation: 300ms linear 2200ms both fadeInUp; } .text-slider1{ position: absolute; color: #FFFFFF; font-size: 16px; left: 20px; top: 40px; padding: 5px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; } .text-slider2{ position: absolute; color: #FFFFFF; font-size: 16px; left: 20px; top: 77px; padding: 5px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; } .text-slider3{ position: absolute; color: #FFFFFF; font-size: 16px; left: 20px; top: 114px; padding: 5px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; } .text-slider4{ position: absolute; color: white; font-size: 16px; left: 20px; top: 151px; padding: 5px; } .btn-slider { background: #50463b none repeat scroll 0 0; border: 1px solid #737373; color: #ffffff; font-size: 14px; text-transform: uppercase; padding: 7px; } .btn-slider:hover { background: #6E6051; color: #fff; } /* ---------------- */ /* ef-slider END */ /* ---------------- */ Где:
color: - цвет текста;
font-size: - размер шрифта;
background: #50463b; - цвет фона кнопки;
background: #6E6051; - цвет фона кнопки при наведении;
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; - цвет фона текста;
rotateInDownLeft, fadeInUp - эффекты появления текста. Полный список эффектов можете посмотреть https://daneden.github.io/animate.css/

Текст для баннеров

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




Для баннеров справа: Кнопка смотреть: <a class="btn btn-bannerright1" href="Ваша ссылка" role="button">Смотреть</a> Текст: <span class = "bannerright-text">Ваш текст</span> Для четырех баннеров в ряд: Баннер середина 1 и Баннер середина 4: <a class="btn btn-bannercenter" href="Ваша ссылка" role="button">Смотреть</a> Баннер середина 2: <span class = "bannercenter-text">Ваш текст</span> Баннер середина 3: <span class = "bannercenter-text2">Ваш текст</span> Для баннера на всю ширину низ: Текст: <span class = "bannerbottom-text">Ваш текст</span> Кнопка смотреть: <a class="btn btn-bannerbottom" href="Ваша ссылка" role="button">Смотреть</a> Вместо Ваш текст, Ваша ссылка, Название кнопки вписать нужный вам текст.

Дополнения - Шаблоны - Fractal - вкладка Стили, вставить
/* ef-banners START*/ .btn-bannerright1{ position:relative; color: #fff; background: rgba(80, 70, 59, 0.7) none repeat scroll 0 0; border: 2px solid #fff; font-size: 14px; font-weight: 600; margin-top: 30%; } .btn-bannerright1:hover{ color: #fff; border: 2px solid #fff; background: rgba(80, 70, 59, 0.9) none repeat scroll 0 0; } .btn-bannercenter{ position:relative; color: #fff; background: rgba(186, 160, 99, 0.7) none repeat scroll 0 0; border: 2px solid #fff; font-size: 14px; font-weight: 600; margin-top: 50%; } .btn-bannercenter:hover{ color: #fff; border: 2px solid #fff; background: rgba(186, 160, 99, 0.9) none repeat scroll 0 0; } .btn-bannerbottom{ position:relative; color: #fff; background: rgba(186, 160, 99, 0.7) none repeat scroll 0 0; border: 2px solid #fff; font-size: 14px; font-weight: 600; margin-top: 8%; } .btn-bannerbottom:hover{ color: #fff; border: 2px solid #fff; background: rgba(186, 160, 99, 0.9) none repeat scroll 0 0; } .bannerright-text{ color: #fff; display: inline-block; font-size: 17px; font-style: italic; font-weight: 800; letter-spacing: 1px; margin-top: 30%; position: relative; text-transform: uppercase; } .bannercenter-text{ color: #000; display: inline-block; font-size: 17px; font-style: italic; font-weight: 800; letter-spacing: 1px; margin-top: 30%; position: relative; text-transform: uppercase; } .bannercenter-text2{ color: #000; display: inline-block; font-size: 17px; font-style: italic; font-weight: 800; letter-spacing: 1px; margin-top: 10%; position: relative; text-transform: uppercase; } .bannerbottom-text{ color: #000; display: inline-block; font-size: 27px; font-style: italic; font-weight: 800; letter-spacing: 1px; margin-top: 10%; position: relative; text-transform: uppercase; } Где:
color: - цвет текста;
font-size: - размер шрифта;
font-weight: - толщина шрифта;
margin-top: - отступ сверху;
border: - рамка кнопки;
letter-spacing - отступ между буквами;

Размер изображения

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



Для модулей Последние карусель, Рекомендуемые карусель, Товары со скидкой карусель, Хиты продаж карусель, Табы 5 в 1 рекомендуеться установить размер изображения 200х170px.
Для модулей Последние, Рекомендуемые, Товары со скидкой, Хиты продаж, Категории новостей(выводятся в левой колонке) рекомендуется установить размер изображения 95x95px.

Инфоблок в карточке

Для добавления блока информации в карточке товара вам нужно в админ панели зайти в Дополнения - Шаблоны - Fractal вкладка низ сайта - Текст инфоблока в карточке товара, после нажать кнопку code и вставить код приведенный ниже. <div class="product-info"> <div class="title-product-info">Оплата</div> <div class="text-product-info">Наличными, Безналичными, Кредит, Visa/MasterCard, Яденьги</div> <div class="title-product-info">Доставка</div> <div class="title-product-info2">Самовывоз</div> <div class="text-product-info">Вы можете забрать этот товар из нашего магазина сами</div> <div class="title-product-info2">Курьер</div> <div class="text-product-info">Мы доставим этот товар курьером службы доставки</div> <div class="title-product-info">100% гарантия возврата</div> <div class="text-product-info">Возврат в течении 14 дней</div> </div>



Использованные дополнения

Bootstrap raiting
Ссылка
Elevate Zoom
Ссылка
Jquery.dcjqaccordion
Ссылка
WOW.js
Ссылка
Animate.css
Ссылка
Обновление цены при выборе опции, без AJAX
Ссылка