Старт

О шаблоне

Custshop - это универсальный шаблон для Opencart, имеющий адаптивный дизайн. Шаблон совместим с Opencart 2.3, Opencart 3.0. А также с ocStore 2.3, ocStore 3.0

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

В документации описаны только наиболее непонятные моменты в настройке шаблона. Если у вас возникли вопросы, то Вы можете обратиться в техподдержку. (Email: maximirk@mail.ru)
При добавлении иконок, вам необходимо найти нужную иконку на сайте - https://fontawesome.com/v4.7.0/icons/, скопировать ее код и вписать его в нужную строку. Пример
Если Ваш магазин мультиязычный, но вы не используете ЧПУ и разные ссылки для языков, то вам все равно надо заполнить ссылки для разных языков (впишите одинаковые ссылки).
Эта документация не охватывает общих функциональных возможностей платформы Opencart. Для получения информации обо всех возможностях CMS Opencart, обратитесь к официальной документации и форуму. Также существует русскоязычная документация и форум

Установка

1. Скачайте и разархивируйте файлы шаблона.

2. Найдите папку с вашей версией Opencart и скопируйте все файлы из этой папки в корень вашего сайта, а именно папки admin, catalog, images, system. Пример

3. В админ панели Opencart перейдите в Дополнения > Установка дополнений (или Расширения > Установка расширений) и загрузите 1 нужный модификатор из папки "modifications", с названием вашей версии Opencart. Пример

4. В админ панели Opencart перейдите в Дополнения > Менеджер дополнений (или Расширения > Модификаторы) и кликните по кнопке "Обновить" (в правом верхнем углу). Пример

5. В админ панели Opencart перейдите в Дополнения > Дополнения (или Расширения > Расширения) выберите "Шаблоны" и установите шаблон Custshop. Пример

6. Нажмите "Редактировать" для установленного шаблона Custshop, включите его и сохраните. Пример

7. В админ панели Opencart перейдите в Система > Настройки, выберите необходимый магазин и установите нужный шаблон. Пример

Для OcStore 3

Для этой версии OcStore необходимо сделать еще несколько шагов

1. Найдите папку "additions" в ней "for_OcStore_3.0" и скопируйте все файлы из папки "upload" в корень вашего сайта, а именно папку catalog.

2. В админ панели Opencart перейдите в Расширения > Установка расширений и загрузите 1 модификатор из папки "additions > for_OcStore_3.0 > modifications".

3. В админ панели Opencart перейдите в Расширения > Модификаторы и кликните по кнопке "Обновить" (в правом верхнем углу).

Настройка

Сначала сделайте все настройки из этого раздела, а уже потом переходите к настройкам из других разделов этого модуля.

Выбор дизайна

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

Основные настройки

Здесь находятся стандартные настройки шаблона для Opencart. Все размеры изображений будут загружены из тестовых данных, если вы будете изменять сетку товаров, то измените размеры на необходимые.

Дополнительные настройки

Минификация CSS и Javascript - минифицирует и объединяет в один все файлы css и js, это необходимо если вы хотите видеть хорошие цифры в Pagespeed и других подобных сервисах.

Сохранять изображения в webp (для кэша) - сохраняет изображения в кэш в формате webp, немного ускоряет загрузку сайта.

Мета-теги - сюда можно вставить мета-теги, например, при подключении Яндекс.Вебмастер и т.д.

Код в шапке - любой код js, будет выведен перед закрывающим тегом head, например, код Google Analytics

Код в подвале - любой код js, будет выведен перед закрывающим тегом body, например, код счетчика LiveInternet

Свой JS - ваш код js, выведется в теге head, тег script уже есть

Свой CSS - ваш код css, выведется в теге head, тег style уже есть

Оформление сайта

Задайте нужные вам цвета и размеры шрифтов. Затем вы сможете в других разделах этого модуля сделать более тонкую настройку всех элементов.

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

Сброс настроек

Сброс всех настроек - будут сброшены все настройки текущего набора настроек, выбранного в разделе "Выбор дизайна"

Обновить все файлы стилей (оформление сайта) - будут обновлены все файлы css, на тот случай если они были случайно удалены или др.

Очистка кэша (CSS и JS) - если включена "Минификация CSS и Javascript", то можно очистить кэш созданных файлов

Верхняя панель

Вкладка "Ссылки" - эти ссылки отображаются на экранах с шириной до 992px

Вкладка "Меню - мобильная версия" - эти ссылки отображаются в раскрывающемся меню на экранах с шириной от 991px

Вкладка "Меню - мобильная версия" > Каталог товаров - отобразить ссылку на каталог товаров на мобильных устройствах в верхнем раскрывающемся меню.

Шапка (верхняя область)

Шапка сайта разделена на 4 блока, каждый из которых можно настроить в этом разделе.

Ширина блока (макс. 12) - вся шапка условно состоит из 12 столбцов, каждый блок занимает определенное количество столбцов. Меняя количество столбцов в блоке, вы можете регулировать их ширину. Если задать блоку ширину 0 столбцов, то он не будет отображаться.

Основное меню

В этом разделе настраивается основное горизонтальное меню.

Вкладка "Настройки" > Основные настройки > Показывать кнопку меню на мобильных - можно выключить кнопку "Каталог товаров" (Пример) и оставить кнопку только в выпадающем верхнем меню.

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

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

Подвал (нижняя область)

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

Список (сетка) товаров

Настройка "Сетки" и "Списка" товаров. Будут применяться на всех страницах и модулях, где они используются.

Вкладка "Карточка" > Hover эффект - при наведении на карточку товара в сетке товаров, она будет всплывать и появятся дополнительные данные, например опции или атрибуты. Работает только для дисплеев с шириной до 992px

Вкладка "Карточка" > Название товара > Показать полностью при наведении мышью - если вы выбрали отображать из названия товара 1 или 2 строки, то при наведении на карточку отобразится все название товара.

Вкладка "Настройка сетки" - настройте количество товаров, которое будет отображаться в одной строке сетки. 1 колонка - означает, что на странице включена левая или правая колонка. 2 колонки - означает, что на странице включены обе колонки, левая и правая.

Вкладка "Настройка карусели" - настройки карусели используются в модуле товаров "CUSTSHOP - сетка/карусель товаров". В правой/левой колонке - означает, как будет выглядеть карусель если она размещена в колонке, а не в основной части. На данный момент в каруселях не предусмотрен hover - эффект.

Вкладка "Атрибуты" - сначала создайте нужные атрибуты с помощью функционала Opencart (Каталог > Атрибуты), затем добавьте их в этом разделе и настройте. Если у товара будет нужный атрибут, то он отобразится в сетке/списки товаров.

Вкладка "Опции" - сначала создайте нужные опции с помощью функционала Opencart (Каталог > Опции), затем добавьте их в этом разделе и настройте. Если у товара будет нужная опция, то она отобразится в сетке/списки товаров.

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

Общие элементы

Настройка поведения кнопки "В корзину", когда товара нет в наличии. А также навигации по страницам и заголовков.

Страницы

Каталог

Настройки для страницы категорий товаров. Также можно настроить "Панель сортировки", которая используется и на других страницах.

Товар

Настройка страницы товара.

Вкладка "Атрибуты" - сначала создайте нужные атрибуты с помощью функционала Opencart (Каталог > Атрибуты), затем добавьте их в этом разделе и настройте. Атрибуты могут отображаться в верхнем блоке (где Модель, Производитель и т.д.), и/или в нижнем блоке (под кнопками 'В корзину' и т.д.)

Вкладка "Дополнительная информация" - любая информация, будет отображаться для всех товаров в верхнем блоке (где Модель, Производитель и т.д.), и/или в нижнем блоке (под кнопками 'В корзину' и т.д.)

Контакты

Можно добавить дополнительные контакты на страницу с контактами. А также карту местоположения вашего магазина.

Модули

Быстрый заказ

Модуль позволяет делать заказ прямо из сетки/списка товаров, из быстрого просмотра и со страницы товара. Заказы будут отображаться в общем списке товаров.

Стикеры

Вкладка "Основные" - здесь можно настроить 3 основных стикера, которые формируются на основе имеющихся данных о заказах и товарах.

Вкладка "Дополнительные" - можно создать любой стикер на основе атрибутов. Сначала создайте нужные атрибуты с помощью функционала Opencart (Каталог > Атрибуты), затем создайте стикер и выберите нужный атрибут. Добавьте атрибут к нужным товарам и на основе него будет формироваться стикер.

Обратный звонок

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

Всплывающее окно

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

Кнопка 'Наверх'

Настройка кнопки, которая позволит покупателям без прокрутки оказаться в верхней части сайта.

CUSTSHOP - сетка/карусель товаров

Этот модуль можно найти в Дополнения > Дополнения, выберите Модули. Создайте нужные модули, произведите настройку и добавьте их на нужные страницы. Пример

В модуле можно выбрать какие именно товары будут отображаться: Акции, Популярные, Новинки, Хиты продаж, Недавно просмотренные, Рекомендуемые, Из категории

Также есть настройка отображения, каруселью или сеткой.

Блог в версии OcStore 3

Ссылка на блог - ваш-сайт.ру/index.php?route=blog/latest

Задайте для этой ссылки свой Seo Url, для этого перейдите в админ панели Opencart в Дизайн > SEO URL

Разместите ссылку на блог в основном меню и в мобильно меню, с помощью разделов "Шапка" и "Верхняя панель" в модуле управления шаблоном.

Поддержка

Получить техническую поддержку, сообщить об ошибках, оставить пожелание можно написав на email - maximirk@mail.ru

Скидки

С каждой покупкой цена шаблона для Вас будет снижаться

1 покупка - 1900 руб.

2-5 покупка - скидка 20%

6-10 покупка - скидка 30%

11 и больше - скидка 40%

Купить

Купить шаблон можно несколькими способами:

Перевести нужную сумму на Яндекс.Кошелек - 41001430629634 (или свяжитесь для обсуждения перевода более удобным для Вас способом) и запросить ключ активации - maximirk@mail.ru

Opencartforum: opencartforum.com

OpenCart Russia: shop.opencart-russia.ru