Сверстать форму настроек шаблона

Демо набросок формы - demo.imperacms.ru/setup?theme=eCommerce

Задача:

1. Вместо демо наброска сверстать форму со всеми настройками шаблона. За основу вёрстки берём те же элементы разметки формы, что использованы в наброске.

2. Имена настроек перечислены ниже.

3. Настройки в форме сгруппировать по назначению. Каждую группу-блок кратко озаглавить. Порядок групп, горизонтальный размер (то есть классы "group narrow", "group", "group wide", "group full"), число настроек в группе (то есть вертикальный размер) - на ваше усмотрение. Главное чтобы форма выглядела опрятно, логично сгруппированной, а редактирование было удобным (то есть поля, где предполагается длинный текст, должны быть достаточной ширины).

4. В теге input каждой текстовой настройки прописать значения атрибутов name и title соответственно именам настроек.

4.2. В теге label каждой текстовой настройки прописать краткое, но понятное обозначение настройки.

5. В теге input каждой флажковой настройки прописать значение атрибута name соответственно именам настроек.

5.2. То же самое значение прописать в атрибуте title тега label.

6. Свёрстанную форму вставить в соответствующее место файла other/setup.htm шаблона.

6.2. Для этого скачать исходники шаблона - imperacms.ru/files/media/eCommerce.zip

6.2. Распаковать, найти файл html/other/setup.htm

На выходе от вас: измененный файл setup.htm

Имена настроек:

Социальные ссылки:

• twitter - адрес вашей страницы Twitter
• facebook - адрес вашей страницы Facebook
• google - адрес вашей страницы Google+
• vkontakte - адрес вашей страницы ВКонтакте
• vk_group - номер вашей группы ВКонтакте (для блока "Мы в сети" на главной)

Контакты:

• phone1 - телефон 1
• phone2 - телефон 2
• email1 - емейл 1

Подвал:

• ecommerceSlogan - слоган в правой части
• ecommerceFeature1 - строка 1 в левой части
• ecommerceFeature2 - строка 2 в левой части
• ecommerceFeature3 - строка 3 в левой части
• ecommerceFeature4 - строка 4 в левой части

Мега меню:

• ecommerceNoMegamenuImages - нет картинок корневых категорий
• ecommerceNoMegamenuBrands - нет вкладки "Производители"

Боковые панели:

• ecommerceNoSidebarLeft - нет левой панели
• ecommerceNoSidebarRight - нет правой панели

Главная:

• ecommerceNoMainpageSeo - нет SEO-текста в конце

Список товаров:

• ecommerceNoCatalogSeo - нет SEO-текста под списком
• ecommerceNoCatalogPreamble - нет вступительного текста над списком
• ecommerceNoFilter - нет фильтра
• ecommerceNoFilterCategories - нет "Подразделы" в фильтре
• ecommerceNoFilterBrands - нет "Все производители" в фильтре
• ecommerceFilterOneColumn - фильтр в одну колонку (по умолчанию в две)

Товар:

• ecommerceNoProductDelivery - нет закладки "Доставка"
• ecommerceNoProductAccessories - нет закладки "Аксессуары"
• ecommerceAccessoriesOnly - связанные товары в закладке "Аксессуары" (по умолчанию похожие товары)

Обратная связь:

• ecommerceNoFeedbackMap - нет блока "Наш магазин на карте"