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

Базовое оформление сайта, цвета, создание и редактирование шаблонов(шкурок) на сайте.

Базовое оформление и работа с шаблонами сайта.

Оформление сайта или интернет магазина дело важное, тут все зависит от вкуса, тематики, предпочтений, умений и конечно возможностей как ваших, так и CMS.  EuroWebCart предоставляет возможность предать вашему сайту оформление с помощью шаблонов (шкурок), в техническом плане ничем не ограничевая вас или вашего дизайнера, воплощая полет фантазии.

Оформление и базовые настройки

При установке EWC по умолчания работает без шаблона no theme, даже не имея базовых знаний в HTML, CSS, Photoshop вы можете, настроить внешний вид сайта, загрузв свой логотип, изменив фон сайта, название и т.п. базовые настройки в меню сайтосновные параметры смотрите рисунок 1.

Основные параметры (рисунок 1)

Цвета сайта

Сменить на свой вкус основные цвета оформления (кнопок, текста, ссылок и т.п.) сайта так же просто, в меню сайт > цвета сайта рисунок 2. Для упрощения выбора цветовой концепции сайта, предустановлено 28 цветовых схем сайта, их можно редактировать на свое усмотрение или создавать свои. Визуальная цветовая карта, делает настройку цвета основных элементов оформления удобнй и простой. 

Цвета сайта (Рисунок 2)

Шаблоны(шкурки) сайта

По умолчанию EWC имеет безшаблонный дизайн, но можно натянуть свой собственный дизайн, изготовив свою верстку и вставив в нужные места шорткоды (подшаблоны) о которых речь пойдет ниже.
Eurowebcart предлагает так же скачать и посмотреть на примере дополнительные шаблоны:
В Админке можно увидеть список установленных шаблонов (в папке themes) и есть возможность их применить:
Тема EWC состоит из:
-Файл темы в формате HTML без всяких тегов META BODY HTML, он может содержать css в теге STYLE и JS, ну и кроме разметки и дизайна - в нужных местах должны располагаться соответствующие шорткоды модулей (некоторые из них очень важны и их присутствие обязательно, к примеру [form] [content] [widgets] и т.п.) Все шорткоды вы можете взять в теме EASY входящей в комплект.
Расширение файла должно быть thtml. Ну к примеру назовем свою тему tema1.thtml
-Каталог с картинками, JS, CSS для этого HTML файла темы. Его название должно быть обязательно таким - НАЗВАНИЕ_ТЕМЫ_files. В нашем случае это будет папка tema1_files

Этот файл и папку надо кинуть в папку themes находящуюся в корневой папке EWC, после чего в соответствующем пункте админ панели у вас появится возможность применить эту тему. Начиная с версии 7.12 это ADM - САЙТ - Шкурки, шаблоны дизайна. В более старых админках - ADM - Шаблоны - Редактор графических шаблонах

Вот как выглядят шаблоны в папке themes:

Если вы делаете тему вы должны учесть, что картинки вашего дизайна необходимо сохранять в соотв. папке.
Если Вы делаете во Frontpage никаких особенных проблем не должно возникать. В иных редакторах папок может быть несколько - вы должны изменить пути для хранения картинок темы соответственно правил указанных мною выше или после создания файла темы - слить все доп. каталоги в один, переименовать его соответственно, а в любом текстовом редакторе в файле темы - заменить ваши пути картинок на новые.
Предостережение: В редакторе EWC тему лучше не надо трогать!!!
Онлайновые редакторы отрезают многое чего при сохранении! Не все темы можно впрямую редактировать в онлайне. я вообще не рекомендую это делать. Картинки не показываются в редакторе тем, долго объяснять почему.

Внимание: EWC использует стили и классы TWITTER BOOTSTRAP, которые могут перехлестываться с вашими.
Особенно это касается таблиц.
DEPRICATE элементы таблиц - не использовать!
Желательно использовать DIV верстку с указанием ваших собственных классов или стилей.
тегами [firstpage] и [/firstpage] вы можете определить блоки и содержимое для показа на главной странице
тегами [not_firstpage] и [/not_firstpage] вы можете определить блоки и содержимое НЕ для показа на главной странице
остальное содержимое будет показано на всех страницах.
Пример как выглядит тема в редакторе HTML и в работе:
Вы можете использовать специальные подшаблоны, размещая их в контенте сайта или внутри графических шаблонов.
Эти подшаблоны, заключенные в квадратные скобки автоматом будут заменены на блоки и модули и будут отображены в указанном вами месте.

Примечание - при копировании подшаблонов с этой страницы - уберите пробелы между скобками и названием шаблона.
 
[ currency ]  - покажет выбор валют, если их более 1
[ contactform ]  - покажет форму для связи с вами
[ firstpage ] БЛАБЛАБЛА [ / firstpage ]  - содержимое между этими тегами будет показываться только на главной странице
[ prod_of_day ]  - товар дня
[ top_sales ]  - товары с максимальными скидками
[ js_list ]  -  Java карусель горизонтальная
[ js_listv ]  - Java карусель вертикальная
[ jssales ] 
[ js_cartlist ] 
[ footer ]  - Powered by Eurowebcart. Не убирать в бесплатных версиях - иначе лицензия может быть приостановлена. Убрать стоит 5000 руб.
[ list_themes ]  - Выбор темы оформления
[ old_basket ] 
[ vipskidka ]  - Объявления VIP пользователям
[ title ]  - Титул страницы
[ content ]  - Содержание страницы
[ register ]  - Ссылка на регистрацию
[ auth ]  - Форма авторизации на сайте
[ categories ]  - Вертикальные список товаров
[ tagclouds ]  - Облако тегов
[ vitrina ] 
[ dirs_h ]  - Горизонтальный вывод товаров
[ main_basket ]  - AJAX корзина *
[ topics ] 
[ anounses ]  - Анонсы
[ links ]  - Список материалов на сайте
[ worktime ]  - Время работы магазина
[ news ]  - Новости
[ form ]  - Обязательное поле * перед [ content ]
[ gb ] 
[ content1 ] 
[ minibasket ]  - Корзина *
[ loginout ]  - Кнопка выхода *
[ viewed ]  - Просмотренные товары
[ error ]  - Сообщения об ошибках
[ warn ]  - Предупреждения
[ x0001 ]  - Содержимое файла x0001, включая рекламную карусель
[ x0002 ]  - Содержимое файла x0002
[ x0003 ]  - Содержимое файла x0003
[ search ]  - Строка поиска
[ gob ] 
[ lastgoods ]  - Главная витрина
[ novelty ]  - Новинки
[ catid ] 
[ catid2 ] 
[ sortmenu ]  -Меню сортировки
[ basket ] 
[ specpr ]  - Спецпредложения
[ result_mail ] 
[ support ]  - Обязательное поле
[ invisible ] COMMENT [ / invisible ]  - Для размещения невидимых комментариев или временного отключения блоков
[ telef ]  - Телефон магазина
[ top10 ]  - Список ТОП10
[ catlinks ]  - ОПЦИИ
[ flags ]  - Выбор языка интерфейса
[ basketinlist ]  -  Корзина в списке (ОПЦИЯ)
[ brandlist ]  - Список брендов (вендоров)
[ shop_name ]  - Логотип с названием магазина
[ shop_logo ]  - Только логотип без названия магазина
[ kwrd ]  - Девиз сайта или магазина
[ rnd ]  - Случайное число от 0 до 10
[ blog ]  - Блог
[ txt_goods ]  - ТЕКСТ Товары на выбранном языке
[ txt_seen ]  -  ТЕКСТ Вы уже смотрели на выбранном языке
[ txt_search ]  - ТЕКСТ Поиск на выбранном языке
[ txt_about ]  - ТЕКСТ О нас на выбранном языке
[ rss ]  - RSS новости
[ txt_partnerprogram ]  -  ТЕКСТ Партнерская программа на выбранном языке
[ txt_news ]  - ТЕКСТ Новости на выбранном языке
[ txt_callme ]  -  ТЕКСТ Звоните нам с 10:00 до 18:00 на выбранном языке
[ txt_brands ]  -  ТЕКСТ Производители на выбранном языке
[ txt_main ]  -  ТЕКСТ Главная на выбранном языке
[ txt_delivery ]  - ТЕКСТ Оплата и доставка на выбранном языке
[ txt_cart ]  -  ТЕКСТ Корзина на выбранном языке
[ txt_contacts ]  -  ТЕКСТ Контакты на выбранном языке
[ txt_checkout ]  - ТЕКСТ Оформить заказ на выбранном языке  
[ txt_gallery ]  - ТЕКСТ Фотогалерея на выбранном языке  
[ txt_langs ]  -  СПИСОК ЯЗЫКОВ ( ФЛАГИ ) 
[ txt_time ]  -  Текущее время на выбранном языке и AJAX модуля для реализации сообщений *
[ ext_search]  - Расширенный поиск товара  
[ titul ]  -   Титул страницы *
[ catbut ]  -  Кнопки товарных разделов 
[ catbut2 ]  -  Кнопки контентных разделов 
[ txt_info ]  -  ТЕКСТ Информация на выбранном языке 
[ txt_basket ]  -  ТЕКСТ Корзина на выбранном языке 
[ s ] SHOP { / s ] - Внутри этого тега будет показываться все, если модуль магазина включен 
[ txt_forum ]  -  ТЕКСТ Форум на выбранном языке 
[ txt_price ]  - ТЕКСТ Прайслист на выбранном языке 
[ speek ]  - Текущий язык  
[ txt_cabinet ]  - Ссылка на личный кабинет  
[ avatara ]  -  Электронный консультант - чат бот 
[ wtime ]  - Время работы офиса  
[ nc0 ]  -  Цвет из темы 0 
[ nc1 ]  -  Цвет из темы 1    
[ nc2 ]  -  Цвет из темы 2   
[ nc3 ]  -  Цвет из темы 3 
[ nc4 ]  -  Цвет из темы 4    
[ nc5 ]  -  Цвет из темы 5   
[ nc6 ]  -  Цвет из темы 6 
[ nc7 ]  -  Цвет из темы 7  
[ nc8 ]  -  Цвет из темы 8 
[ nc9 ]  -  Цвет из темы 9  
[ nc10 ]  -  Цвет из темы 10 
[ wiki_list ] - Вывод ссылок по контентному разделу или WIKI
[ wiki_all_articles ] - Вывод Wiki оглавления от A до Я
[ wiki_slide ] - Вывод слайдера WIKI
[ widgets ] - Вывод виджета администрирования и других виджетов, нужен в любой теме *
[ callback ] - Вывод виджета контакта с оператором по скайпу и обратный звонок *
[ signform ] - Форма входа на сайт *
[ menu ] - Модуль для установки счетчиков *
 
Дополнительные подшаблоны могут быть определены в ADM - Шаблоны оформления -  subtemplates.inc

Внедрение любой статьи в другую статью
~ ~ a0001.txt ~ ~   пример внедрения статьи a0001.txt
С помощью этих шаблонов можно блоки размещать где угодно, при условии использования графического шаблона (темы, шкурки)

Обязательно должны быть в теме:
[ widgets ] - ADM и виджеты
[ content ] - контент
[ wtime ] и [ txt_time ] - дата и время
[signbutton] - кнопка входа
[minibasket] - для работы кнопки КУПИТЬ
[main_basket] - корзина интернет-магазина

Желательно:
[ titul ] - Титул страницы (название товара и т.п.)
[ search ] - поиск

Некоторые шорткоды:
[ carousel ] карусель
[ telef ] телефон

Горизонтальные меню:
[ catbut ] - товары
[ catbut2 ] - контентные разделы (CMS)
[ header ] - контент-меню - прикрепленная полоска сверху
[ navigation_ba r] - выпадающее контент-меню с поиском и личным кабинетом
[ mini_navigation_bar ]- выпадающее контент-меню без поиска и без личного кабинета

Вертикальные меню:
[ links ] - контентные ссылки
[ categories ] товарные разделы (из 6 вариантов выбор)

Хитрости:
[ rnd ] - случайное число от 0 до 5 (можно добавить в URL картинки для показа случайных картинок или задников)
[ shop_logo ] - лого из основных параметров
[ news ] новостной блок
[ footer ] - футер страниц
[ contactform ] - форма связи
[ lastgoods ] - главная витрина

ВИДЕО изготовление щаблона для EWC это просто!

comments powered by Disqus