Перейти к содержимому


Как Сделать Раздел "вопрос-Ответ"?

вопрос-ответ раздел FAQ

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 step2054

step2054

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 11 Январь 2017 - 23:06

Подскажите пожалуйста, как можно сделать раздел "ВОПРОС-ОТВЕТ"? Чтобы в этом разделе люди могли писать свои вопросы, а мы могли бы им отвечать. И чтобы это могли видеть посетители сайта. Например, как в скрине.
http://yur-kollegiya.ru/

Прикрепленные изображения

  • Безымянный.jpg


#2 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 390 сообщений

Отправлено 12 Январь 2017 - 12:56

Просмотр сообщенияstep2054 (11 Январь 2017 - 23:06) писал:

Подскажите пожалуйста, как можно сделать раздел "ВОПРОС-ОТВЕТ"? Чтобы в этом разделе люди могли писать свои вопросы, а мы могли бы им отвечать. И чтобы это могли видеть посетители сайта. Например, как в скрине.
http://yur-kollegiya.ru/

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

#3 step2054

step2054

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 17 Июнь 2017 - 11:13

Добрый день!
Подскажите, пожалуйста, как можно на сайт добавить блок "лента новостей"?
сайт: http://yur-kollegiya.ru

Заранее Вам благодарен.

#4 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 390 сообщений

Отправлено 17 Июнь 2017 - 12:25

Просмотр сообщенияstep2054 (17 Июнь 2017 - 11:13) писал:

Добрый день!
Подскажите, пожалуйста, как можно на сайт добавить блок "лента новостей"?
сайт: http://yur-kollegiya.ru

Заранее Вам благодарен.

Здравствуйте.
В шаблоне main.css добавил код:
#footer-top .block-news .navigation {float: right;right: 0px;margin-top: -40px;position: relative;}
#footer-top .block-news .block-title {text-align: left;}
#footer-top .block-news .block-content ul .item .item-post:nth-child(5n) {display: none;}
#footer-top .block-news .block-content ul .item .item-post:first-child {padding-left: 0;}
#footer-top .block-news .block-content ul .item .item-post:nth-child(4) {padding-right: 0;}
#footer-top .block-news .block-content ul .item .item-post {line-height: 21px;padding-top: 15px;overflow: hidden;}
#footer-top .block-news .block-content ul .item .postContent {font-style: italic;font-weight: 400;display: block;overflow: hidden;max-height: 150px;margin-top: 3px;}
#footer-top .block-news .block-content ul .item .postContent p {margin: 0;}
#footer-top .block-news .block-content ul .item .postTitle {font-size: 16px;text-align: center;text-transform: uppercase;position: relative;max-height: 64px;overflow: hidden}
#footer-top .block-news .block-content ul .item .date {font-size: 13px;font-weight: 700;float: right;}
#footer-top ul.owl-carousel {list-style: none; list-style-position: inside;}

В forall.js добавил библиотеку jQuery OwlCarousel v1.3.3 Карусель для Новостей

В main.js добавил код:
// Слайдер для новостей
function slideNews() {
  jQuery('.block-news ul').owlCarousel({
	singleItem: true,
	pagination: true,
	itemsScaleUp : true,
	slideSpeed : 800,
	autoPlay: false,
	//  transitionStyle: 'fadeUp',
	addClassActive: true,
	autoHeight: false,
	afterAction: function (e) {
	  if(this.$owlItems.length > this.options.items){
		jQuery('.block-news .navigation').show();
	  }else{
		jQuery('.block-news .navigation').hide();
	  }
	}
  });
  jQuery('.block-news .navigation .prev').on('click', function(e){
	e.preventDefault();
	jQuery('.block-news ul').trigger('owl.prev');
  });
  jQuery('.block-news .navigation .next').on('click', function(e){
	e.preventDefault();
	jQuery('.block-news ul').trigger('owl.next');
  });
}

В шаблоне HTML добавил код запуска:
	// Запуск слайдера Новостей
	$(function(){slideNews()});

В качестве примера перенес одну новость со страницы Новости.
Новые новости Вы можете добавлять в разделе Сайт - Новости и статьи

#5 step2054

step2054

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 17 Июнь 2017 - 21:09

Выскочила красное поле с предупреждением.
см. скрин

Прикрепленные изображения

  • Безымянный.jpg


#6 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 898 сообщений

Отправлено 18 Июнь 2017 - 10:08

Просмотр сообщенияstep2054 (17 Июнь 2017 - 21:09) писал:

Выскочила красное поле с предупреждением.
см. скрин
Здравуйте.
На данный момент ошибок на сайте не обнаружил, попробуйте обновить страницу через Ctrl + F5.
Есть предупреждение от Google Analytics , нужно сгенерировать код самостоятельно на сайте аналитики и установить в разделе Настройки - Основные - Код для вывода на всех страницах.
Из поля "Google Analytics идентификатор для анализа посетителей на сайте:" id можно уже будет удалить.

#7 step2054

step2054

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 19 Июнь 2017 - 08:36

Просмотр сообщенияFirefly (17 Июнь 2017 - 12:25) писал:

Здравствуйте.
В шаблоне main.css добавил код:
#footer-top .block-news .navigation {float: right;right: 0px;margin-top: -40px;position: relative;}
#footer-top .block-news .block-title {text-align: left;}
#footer-top .block-news .block-content ul .item .item-post:nth-child(5n) {display: none;}
#footer-top .block-news .block-content ul .item .item-post:first-child {padding-left: 0;}
#footer-top .block-news .block-content ul .item .item-post:nth-child(4) {padding-right: 0;}
#footer-top .block-news .block-content ul .item .item-post {line-height: 21px;padding-top: 15px;overflow: hidden;}
#footer-top .block-news .block-content ul .item .postContent {font-style: italic;font-weight: 400;display: block;overflow: hidden;max-height: 150px;margin-top: 3px;}
#footer-top .block-news .block-content ul .item .postContent p {margin: 0;}
#footer-top .block-news .block-content ul .item .postTitle {font-size: 16px;text-align: center;text-transform: uppercase;position: relative;max-height: 64px;overflow: hidden}
#footer-top .block-news .block-content ul .item .date {font-size: 13px;font-weight: 700;float: right;}
#footer-top ul.owl-carousel {list-style: none; list-style-position: inside;}

В forall.js добавил библиотеку jQuery OwlCarousel v1.3.3 Карусель для Новостей

В main.js добавил код:
// Слайдер для новостей
function slideNews() {
jQuery('.block-news ul').owlCarousel({
singleItem: true,
pagination: true,
itemsScaleUp : true,
slideSpeed : 800,
autoPlay: false,
// transitionStyle: 'fadeUp',
addClassActive: true,
autoHeight: false,
afterAction: function (e) {
	 if(this.$owlItems.length > this.options.items){
	 jQuery('.block-news .navigation').show();
	 }else{
	 jQuery('.block-news .navigation').hide();
	 }
}
});
jQuery('.block-news .navigation .prev').on('click', function(e){
e.preventDefault();
jQuery('.block-news ul').trigger('owl.prev');
});
jQuery('.block-news .navigation .next').on('click', function(e){
e.preventDefault();
jQuery('.block-news ul').trigger('owl.next');
});
}

В шаблоне HTML добавил код запуска:
// Запуск слайдера Новостей
$(function(){slideNews()});

В качестве примера перенес одну новость со страницы Новости.
Новые новости Вы можете добавлять в разделе Сайт - Новости и статьи


Спасибо.
Но вот только слайдер что-то не работает. Можно поправить?

#8 step2054

step2054

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 20 Июнь 2017 - 18:47

Спасибо.
Но вот только слайдер что-то не работает. Можно поправить?

#9 step2054

step2054

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 26 Июнь 2017 - 09:44

Добрый день!

Пожалуйста, помогите исправить ошибку!
Слайдер новостей на главной странице не работает. Появилась какая-то надпись "TEST" (скрин)

Скрин прилагаю

Прикрепленные изображения

  • Безымянный.jpg


#10 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 898 сообщений

Отправлено 26 Июнь 2017 - 11:15

Просмотр сообщенияstep2054 (26 Июнь 2017 - 09:44) писал:

Добрый день!

Пожалуйста, помогите исправить ошибку!
Слайдер новостей на главной странице не работает. Появилась какая-то надпись "TEST" (скрин)

Скрин прилагаю
Здравствуйте.
Слайдер для новостей переделал, теперь он работает и пролистывается.
надпись "TEST" это тестовые записи, которые были созданы для проверки слайдера. Вы можете удалить в разделе Новости и статьи

#11 step2054

step2054

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 28 Июнь 2017 - 19:18

Просмотр сообщенияMr.Nito (26 Июнь 2017 - 11:15) писал:

Здравствуйте.
Слайдер для новостей переделал, теперь он работает и пролистывается.
надпись "TEST" это тестовые записи, которые были созданы для проверки слайдера. Вы можете удалить в разделе Новости и статьи

Спасибо Вам огромное!





Темы с аналогичным тегами вопрос-ответ, раздел, FAQ

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных