Изменение внешнего вида карточки товара

HTML-версткаЗакрытнет заявок115 просмотров
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Страница карточки товара http://chugunok.com.ua/catalog/brateck_lp34_22t/ 

Верстка адаптивная

Сделать:

При  полном разрешении экрана:

делим страницу примерно на 5 частей  

первые 3/5 на характеристики, свойства, документы 

Первым располагаем "Описание", если у товара есть документы они должны быть в описании http://joxi.ru/nAyMPEKiDN60AZ

Под описанием располагаем остальные вкладки.

вторые 2/5 отдаем под "видео", "отзывы" и "задать вопрос"

- первым идут "Видео" - предусмотреть вставку двух видеороликов (друг под другом)

- после них идут "Отзывы" и "Задать вопрос" переключение между ними с помощью вкладок, примерно так http://rozetka.com.ua/dewalt_d26204k/p268723/ http://joxi.ru/Drl9Y50IDQ80mP

- "отзывы" пока ставим стандартные, позже сделаем такую же красоту как на розетке. ??? может сразу сделать???

При уменьшении разрешения экрана 768px (может и больше, нужно пробовать как будет отображаться) до 601px:

- включаем вкладки как было раньше http://joxi.ru/LmG06XMUGdyX2l

При уменьшении разрешения экрана до 600px включаем отображение как на https://detali.zp.ua/catalog/10385-amortizator_lanos_AT_patron/?c=906#scheme  http://joxi.ru/l2ZQJaktXMDNmJ

в виде товара меньше 768px нет "хлебных крошек", нужно их сделать. Выше названия товара вставляем стрелочку назад и название категории, как то так "

Карточки товаров
7 лет назад
ak86
38 летУкраина
11 лет в сервисе
Был
2 года назад
  • Похожие заказы

  • Верстка лендинга

    $45

    Необходимо сверстать лендинг. Срок - 1 неделя. Обязательные условия: верстка адаптивная, корректное отображение во всех браузерах, скорость не менее 70 по сервису PageSpeed Insights

    Верстка лендинга
    HTML-верстка45 заявок
    Закрыт
    7 лет назад

  • Доработка вёрстки главной страницы проекта

    $40

    Необходимо доработать вёрстку главной страницы пока не стартовавшего проекта (применяется SCSS и шаблонизатор Blade, адаптивная вёрстка). Объём работ описан ниже, срок 2 дня. Ищем зарекомендовавших себя верстальщиков с возможностью дальнейшего сотрудничества. После договорённости будут предоставлены ...

    SCSS
    HTML-верстка4 заявки
    Закрыт
    7 лет назад

  • Создание и вёрстка HTML писем (e-mail маркетинг)

    Ищем ответственного человека для постоянного создания и вёрстки HTML писем (e-mail маркетинг) Рабочий график - любой, оплата сдельная. Необходимые качества: 1) Креативность. Вам необходимо будет придумывать текст и всевозможные "уловки". 2) Ответственность. Подготовка нужного материала в срок. 3) Cтремление развиваться. ...

    PHPHTMLCSS
    HTML-верстка1 заявка
    Закрыт
    7 лет назад

  • Верстка лендинга

    $55

    Нужно сверстать адаптивный лендинг с несколькими всплывающими окнами и парой вариантов фоновых картинок первого экрана, для а/б теста, который будем делать сами. Дизайн-макеты: https://yadi.sk/d/Hb41LSfTzKJaC . К задаче приложено ТЗ, которое перечисляет базовые задачи для верстки, вроде ...

    Верстка лендинга
    HTML-верстка25 заявок
    Закрыт
    7 лет назад

  • Верстка 1 страницы

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

    HTML-верстка26 заявок
    Закрыт
    7 лет назад