Вход / Регистрация

Создайте сайт прямо сейчас!

Зарегистрируйтесь по ссылкам и получите дополнительные бонусы при создании сайта



  • Персональный перечень способов заработка на сайте именно вашей тематики
  • Аудит юзабилити сайта бесплатно $20
  • Набор скриптов на сумму $40 для увеличения продаж
  • Аудит юзабилити интернет магазина бесплатно $60

Как получить бонусы?


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

После оплаты одного из пакетов, отправьте запрос на info@ucozmagazines.ru с указанием адреса созданного сайта.

Практика по CSS в Bootstrap. Отзывы покупателей

Разметка адаптивных отзывов покупателей и добавление аватаров в комментарии пользователей

Сергей    22.08.2017    50    5.0 из 5.0 (1)

Оцените материал:
Цель урока

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

В данном уроке мы будем работать с шаблоном «Вид комментариев»:

Шаблон отзывов и комментариев в интернет-магазине

Этот шаблон применяется во всех контентных модулях на страницах материалов/товаров, а также в модуле гостевая книга.

С помощью шаблона отображается следующее:

  • информация о пользователе: имя, аватар, ссылка на соц.сеть;
  • информация о комментарии: дата добавления, текст комментария, рейтинг (на основе голосов других пользователей), ответ администрации;
  • панель модератора для пользователей с правом редактирования комментариев.

Ниже представлен код, который вы можете отредактировать по своему усмотрению:

В результате должно получиться следующее:

Шаблон отзывов и комментариев в интернет-магазине

Упражнения

  1. Скопируйте код и примените для отзывов на своем сайте
  2. Попробуйте заменить класс img-circle на img-rounded
  3. Разберитесь, как работает комбинация классов col-xs-3 col-sm-2 col-md-1


Оцените материал:


Расскажите друзьям и коллегам о полезной статье:

Обсуждение

Всего комментариев: 0

Практика по CSS в Bootstrap. Отзывы покупателей
Практика по CSS в Bootstrap. Отзывы покупателей