Publish your project for free and start receiving offers from freelance contractors in serveral minutes after publication!
29 000 ₽

Верстка и интеграция проекта на bitrix

project expired


Необходимо произвести адаптивную верстку и интеграцию верстки на cms bitrix. Макеты в прикреплённых файлах.

I Главная страница


1.1 Хэдер включает:

- логотип

- номер телефона

- кнопка «Заказать звонок», по клику на которую раскрывается «поп-ап» окно с формой обратной связи (заголовок «Заказать звонок», ниже поля обязательные: ФИО, телефон, чекбокс «Я согласен на обработку персональных данных», кнопка «Заказать звонок»)

- адрес почты

- иконки соц.сетей со ссылками

- иконка корзины (если товар есть в корзине то отображается с цифрой, если нет, то без бекграунда и цифры)


1.2 Ниже категории товаров.

- Ингридиенты

- Кофейные аппараты

- Снэковые аппараты

- Кофе машины

- Запчасти


Иконки загружаются в Изображения разделов.


По клику на ту или иную категорию, переходим на список категорий раздела (см. макет «Категории товаров»)


1.3 Ниже слайдер в контенте.


- Слайды формируются  через инфоблок «Главный слайдер»

Каждый элемент (слайд) содержит следующие свойства:

- Название

- Сортировку (для определения порядка вывода слайдов в слайдере)

- Анонсовое описание для заголовка  и анонсового текста.

- Анонсовое изображение (для загрузки png изображения)

- Детальное изображение (для загрузки фоновой картинки на 1920 px)


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


1.4 Новинки товаров

- выводятся элементы категорий по признаку «Новинка» и «НА главную». Выводятся с лейблом «Новинка».

Если отмечено более 4х элементов, появляется слайдер.


1.5 Блок «О компании»

- добавление  текста через включаемую область.

- кнопка «подробнее» ведет в одноименный раздел на сайте.


1.6 Блок «Наши услуги»

- добавление через инфоблок «Услуги»

- Включает в себя элементы

- Выводятся видимые области анонсовых изображений и название:

1 Установка кофейных аппаратов

2 Установка снэковых аппаратов

3 Установка кофе-машин

4 Обслуживание аппаратов и кофе-машин




1.7 Блок «Новости»

НА главную страницу выводятся 3 последние добавленные новости (по дате).

Последняя новость выводится с превью (+ название новости, дата добавления и анонс), две предыдущие в списке (дата добавления, название и анонс) — не более 100 символов в  анонсе

1.8 Блок для сео текста

Предназначен для сео текса. Неограничен по количеству символов.


Информация добавляется через включаемую область.



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



- возможность заменить заголовок (то что бежевым цветом)

- возможность заменить текст внутри рамки

- Неизменными остаются рамка и картинка coffee


1.9 Футер

логотип

- копирайт

- контактные данные (мейл, телефон, кнопка «Заказать звонок», по клику на которую появляется поп-ап форма обратной связи с заголовком «Заказать звонок» и обязательными полями: ФИО*, телефон*, чекбокс «Я согласен на обработку персональных данных», кнопка «Заказать звонок»)

- иконки соц. сетей со ссылками

- кнопка «Задать вопрос», по клику на которую видим поп-ап форму с заголовком «Задать вопрос» и полями: ФИО*, мейл*, телефон*, сообщение, чекбокс «Я согласен на обработку персональных данных»

- компания-разработчик: разработка сайта Компания «Алроникс»


1.10 Кнопка «Вверх» появляется при прокрутке одного блока вниз




II Каталог

Информация выводится через инфоблок «Каталог»


1 Категории товара

1.1 Хэдер (см.п.I)

1.2 Категории товара (см.п.I)

1.3. Бекграунд для хлебных крошек и заголовка корневого раздела (заголовок в div, не h1)

1.4 Первый заголовок в контент-блоке  - h1

1.5 Блок для текста сверху (добавление через включаемую область)

1.6 Ниже список категорий раздела: выводятся изображения подразделов раздела и названия

НА странице выводим 15 элементов, остальные по пагинации.

1.7 Ниже блок для текста снизу ( добавление через включаемую область)

1.8 Футер (см.п.1)

1.9 Справа сайдбар с категориями и возможностью перейти на  подкатегории; ниже три последние добавленные новости. (последняя с превью, две предыдущие с анонсовым описанием)


2 Список элементов категории

2.1 Хэдер (см.п.I)

2.2 Категории товара (см.п.I)

2.3. Бекграунд для хлебных крошек и заголовка корневого раздела (заголовок в div, не h1)

2.4 Первый заголовок в контент-блоке  - h1

2.4 Блок для текста сверху (добавление через включаемую область)

2.5 Ниже список элементов категории: выводится анонсовое изображение элемента, название, цена. ПО клику на кнопку «Подробнее» осуществляется переход на детальную страницу описания товара.

На странице выводим 9 элементов, остальные по пагинации.


2.6 Ниже блок для текста снизу (добавляется через включаемую область)

2.7 Ниже ссылка «Вернуться к списку» - возвращает пользователя на предыдущий уровень каталога с категориями товаров.

2.8 Футер  (см.п.1)

2.9 Справа сайдбар с категориями и возможностью перейти на  подкатегории; ниже три последние добавленные новости. (последняя с превью, две предыдущие с анонсовым описанием)


3 Детальная страница товара

3.1 Хэдер (см.п.I)

3.2 Категории товара (см.п.I)

3.3. Бекграунд для хлебных крошек и заголовка корневого раздела (заголовок в div, не h1)

3.4 Слева слайдер с изображениями товара

3.5 Справа от слайдера- название товара, ниже анонсовое описание (не более 250 символов)

3.6 ниже цена

3.7 Ниже возможность выбрать количество товара. Базовая стоимость умножается на выбранное количество.

3.8 Ниже кнопка «В корзину», которая отправляет товар в корзину, где пользователь завершает оформление заказа через форму обратной связи.

3.9 Ниже блок с характеристиками

Множественные - Парные инпуты для ввода характеристик и значений

3.10 Похожие товары: выводим товары той же категории, к которой относится элемент на странице которого мы находимся.

3.11 Ссылка «Вернуться к списку» возвращает на предыдущий уровень каталога — список элементов категории.

3.12 Футер  (см.п.1)

3.13 Справа сайдбар с категориями и возможностью перейти на  подкатегории; ниже три последние добавленные новости. (последняя с превью, две предыдущие с анонсовым описанием)


Таким образом, элемент содержит следующие данные:

1 Название

2 Символьный код

3 Сортировка

4 Цена -  значение заполнено, то выводится на стороне сайте, если нет, то нет. (валюта установлена по умолчанию, в инпут вводим только цифру)

5 Новинка (чекбокс)

6 На главную (чекбокс)

7 Множественное поле для загрузки изображений (выводятся в слайдере)

8 Анонсовое изображение (выводится в списке)

9 Анонсовое описание (выводится под названием товара, не более 250 символов)

10 Свойства для информации в таблице:

- Характеристики: содержит парные инпуты для характеристик и значений.

- вкладки характеристик : Напитки/описание/доставка — это поля для ввода текста (свободного редактирования)



III Услуги.

1 Список услуг

Выводим через инфоблок «Услуги»

1.1 Хэдер (см.п.I)

1.2 Категории товара (см.п.I)

1.3. Бекграунд для хлебных крошек и заголовка корневого раздела (заголовок в div, не h1)

1.4 Ниже категории услуг (превью -  анонсовое изображение)

1.5 Ниже категории (детальное изображение) с анонсовым описанием

1.6 Ниже блок для текста (через включаемую область)

1.7 Футер  (см.п.1)

1.8 Справа сайдбар с категориями и возможностью перейти на  подкатегории; ниже три последние добавленные новости. (последняя с превью, две предыдущие с анонсовым описанием)


2 Детальная страница описания услуги

Выводим через инфоблок «Услуги»

1.1 Хэдер (см.п.I)

1.2 Категории товара (см.п.I)

1.3. Бекграунд для хлебных крошек и заголовка корневого раздела (заголовок в div, не h1)

1.4 Описание услуги (добавляется через вкладку «Подробнее» элемента, в поле «Детальное описание»)

1.5 Ниже форма обратной связи «Заказать услугу», данные с которой будут отправлены на почту администратору.

1.6 Ниже ссылка «Вернуться к списку», которая возвращает пользователя на предыдущий уровень, к списку услуг.

1.7 Футер  (см.п.1)

1.8 Справа сайдбар с категориями и возможностью перейти на  подкатегории; ниже три последние добавленные новости. (последняя с превью, две предыдущие с анонсовым описанием)



Элемент инфоблока содержит:

- Название

- Символьный код

- Сортировку

- Множественное поле для загрузки изображений ( в слайдер на детальной странице описания услуги)

- Анонсовое изображение (выводится в категориях услуг)







- Детальное изображение (выводится в контенте категорий услуг)















- анонсовое описание (выводится в списке)












- детальное описание (выводится на детальной странице описания услуги)







IV Новости

1 Список новостей

Выводим через инфоблок Новости

1.1 Хэдер (см.п.I)

1.2 Категории товара (см.п.I)

1.3. Бекграунд для хлебных крошек и заголовка корневого раздела (заголовок в div, не h1)

1.4 Ниже список новостей

НА странице выводим 9 элементов, остальные по пагинации

В списке выводится:

- Анонсовое изображение

- Название

- Дата публикации

1.5 Футер  (см.п.1)

1.6 Справа сайдбар с категориями и возможностью перейти на  подкатегории; ниже три последние добавленные новости. (последняя с превью, две предыдущие с анонсовым описанием)



2 Детальная страница описания новости


2.1 Хэдер (см.п.I)

2.2 Категории товара (см.п.I)

2.3. Бекграунд для хлебных крошек и заголовка корневого раздела (заголовок в div, не h1)

2.4 Ниже описание новости:

- слайдер - через множественную загрузку изображений

- описание — через детальное описание

- дата публикации

- ссылка «Вернуться назад» (возвращает к предыдущему уровню, к списку новостей)

2.5 Футер  (см.п.1)

2.6 Справа сайдбар с категориями и возможностью перейти на  подкатегории; ниже три последние добавленные новости. (последняя с превью, две предыдущие с анонсовым описанием)


Элемент новости содержит:

- Название

- Символьный код

- Сортировка

- Дата начала активности

- Дата окончания активности

- Анонсовое изображение (выводится в списке)

- Множественная загрузка изображений (выводятся в слайдере)

- Детальное описание

- Анонсовое описание (выводится в списке)

- На главную (если активировано пользовательское свойство, то элемент выводится на главную страницу, вне зависимости от даты добавления)



Отзывы

Выводим через инфоблок «Отзывы»

1.1 Хэдер (см.п.I)

1.2 Категории товара (см.п.I)

1.3. Бекграунд для хлебных крошек и заголовка корневого раздела (заголовок в div, не h1)

1.4 Выводятся 4 элемента -отзыва на одной странице, остальные по пагинации.

1.5 Ниже форма обратной связи

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


Отзыв от отправителя отображается на вкладке «Анонс» в поле «Анонсовое описание» элемента

Ответ менеджера  -  вкладка «Подробнее»,  

1.6 Футер  (см.п.1)


1.7 Справа сайдбар с категориями и возможностью перейти на  подкатегории; ниже три последние добавленные новости. (последняя с превью, две предыдущие с анонсовым описанием)



VI Контакты

1.1 Хэдер (см.п.I)

1.2 Категории товара (см.п.I)

1.3. Бекграунд для хлебных крошек и заголовка корневого раздела (заголовок в div, не h1)

1.4 Ниже, слева, контактные данные через включение, справа форма обратной связи

1. 5 Ниже карта с меткой, по клику на которую появляется балун с адресом.    

1.6 Футер  (см.п.1)


VII Видео

Выводим через инфоблок «Видео»

1.1 Хэдер (см.п.I)

1.2 Категории товара (см.п.I)

1.3. Бекграунд для хлебных крошек и заголовка корневого раздела (заголовок в div, не h1)

1.4 Ниже список видео (на одной странице выводим 9 элементов, остальные по пагинации)

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

Элемент инфоблока содержит:

- Название

- Сортировку

- Дату публикации

- анонсовое описание

- поле для ссылки

1.6 Футер  (см.п.1)


1.7 Справа сайдбар с категориями и возможностью перейти на  подкатегории; ниже три последние добавленные новости. (последняя с превью, две предыдущие с анонсовым описанием)



VIII Корзина

Данные записываются в инфоблок  «Мои заказы»

1.1 Хэдер (см.п.I)

1.2 Категории товара (см.п.I)

1.3. Бекграунд для хлебных крошек и заголовка корневого раздела (заголовок в div, не h1)

1.4 Ниже основной контент-блок:

- Фото товара

- Наименование товара

-стоимость за единицу товара

- изменение количества товарных единиц

- итоговая стоимость

- возможность удалить товар из корзины


НА странице выводим 9 элементов, остальные по пагинации

Ниже итоговая стоимость за все выбранные товары.


ПО клику на кнопку «Оформить заказ», пользователь видит поп-ап форму обратной связи с полями:

ФИО*

мейл*

телефон*

Комментарий

чекбокс «Я согласен на обработку персональных данных»*

кнопка «Оформить заказ»


Информация по оформлению заказа приходит на почту заказчику: «Поздравляем, ФИО! Вы оформили заказ на сайте talivenda.com. Ваш номер заказа № 1123123» 


Информация отправляется на почту менеджеру: «Пользователь ФИО оформил заказ на сайте:

товар, количество, итоговая стоимость»


Информация записывается в инфоблоке «Мои заказы»


1.5 Футер   (см.п.1)




IX О нас

1.1 Хэдер (см.п.I)

1.2 Категории товара (см.п.I)

1.3. Бекграунд для хлебных крошек и заголовка корневого раздела (заголовок в div, не h1)

1.4 Ниже основной контент-блок:

- текст в блоке с изображением вендингового аппарата должен редактироваться через включаемую область (если возможно то картинка в этом блоке так же через включаемую область)

- преимущества в index.php папки about

текст в блоке с бекграундом редактируется через включаемую область

1.5 Ниже выводятся категории услуг по клику на каждую из которых осуществляется переход на детальную страницу описания услуги.

1.6 Футер  (см.п.1)

Applications 2

Only registered users can view attachments.


  1.  freelancer isn't working in the service any longer
  2. 14 days29 000 ₽
    Анатолий Журавлев
     276 

    Здравствуйте! Заинтересовался Вашим проектом. Давно не видел такого детального ТЗ. Готов выполнить верстку макетов, с дальнейшей интеграцией на Bitrix. Опыт в интеграции на Bitrix есть. Пишите.

    Почта: [email protected]
    Телефон: +79082736242
    Вконтакте: vk.com/anatolpaspunk
    Telegram: @newstreetpunk
    Skype: anatol19757

    Russia Perm | 15 January at 10:48 |
  3. 12 days37 000 ₽
    Богдан Гордійчук
     1498  verified   20  1

    Здравствуйте.
    Имею большой опыт работы с Bitrix.
    Предлагаю верстку и натяжку на Bitrix
    Работаю з SCSS, Gulp
    Мое портфолио - http://hbmdev.com/
    Сертификаты - http://hbmdev.com/certificate
    Skype - bohdan12_17
    Telegram - https://t.me/bohdan_hordiychuk
    Пишите, обсудим детали.

    Ukraine Lvov | 15 January at 12:10 |
  4. 35 days40 000 ₴
    Богдан Поставенский
     3027  verified   31  0

    Добрый день. Готов сверстать и натянуть на Битрикс. Цена указана примерная, без лицензии Битрикс (Малый Бизнес). Опыт работы 3 года

    Ukraine Zhitomir | 15 January at 12:27 |
  5.  1494 
       27  0

    1 day29 000 ₽

    Добрый день) Мы занимаемся разработкой и сопровождением сайтов, HTML/CSS версткой, программированием функционала, SEO-оптимизацией сайта, наполнение сайтов и 1с, интеграцией сайта с базой 1с, а также разработкой различных модулей, разработка уникального дизайна.
    Здесь вы можете посмотреть информацию о нашей компании:
    http://www.1c-bitrix.ua/partners/1472701.php
    Мой skype : timoshenko888
    Почта [email protected]

    Ukraine Ukraine | 15 January at 12:29 |
  6. proposal concealed by freelancer
  7. 1 day29 000 ₽
    Артём К.
     639  verified   11  0

    Здравствуйте. Ознакомился с вашим описанием проекта, возникло несколько вопросов по заданию
    Портфолио:
    Скайп: live:kurdinartem
    Telegram: @kurdinartem

    Жду от вас обратную связь

    Russia Voronezh | 15 January at 14:37 |
  8. 7 days25 000 ₽
    Андрей Власов
     88 

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

    Russia Bryansk | 15 January at 22:14 |
  9. 1 day10 000 ₴
    Mark Yakovlev
     239 

    Здравствуйте я готов взяться за работу. Можем детальней обсудить ТЗ
    Работаю до полного утверждения (я про правки)
    Приступить могу сегодня.Всегда держу связь в Skype/Telegram
    Сроки и цена-после обсуждений
    Вот примеры работ (так же посмотрите адаптацию)
    fotobym.com.ua
    lovalova.com.ua
    primebrand.com.ua
    tabletochki.org/ru
    super.tabletochki.org/ru

    Ukraine Rovno | 18 January at 23:11 |