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


Создание Блока С Отзывами На Главной


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

#1 artecards

artecards

    Продвинутый пользователь

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

Отправлено 12 Март 2022 - 10:44

Здравствуйте.
Задача следующая:

убрать из этого блока папки.
заменить название "artecards" на "отзывы покупателей".
а ниже заголовка вставить 3 загруженные картинки с отзывами покупателей.
и установить поочередную смену картинок в случае обновления страницы.
помогите пожалуйста это реализовать.

Скриншот 11-03-2022 18_19_38.jpg

Можно ли прислать код этого блока и в какой категории искать? не получается найти. На момент редактирования этого блока, хотя бы удалить его совсем на время, чтобы сайт можно было пустить в работу. спасибо.

#2 Vaccina

Vaccina

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

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

Отправлено 16 Март 2022 - 07:46

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
 {% IF index_page %}
	 <div id="main" class="index gradient-bg">
	 <div class="container">
		 <div class="row">
		 <div class="main-body col-md-6 col-xs-10">
			 {BODY}
		 </div>

замените на:
 {% IF index_page %}
	 <div id="main" class="index gradient-bg">
	 <div class="container">
		 <div class="row">
		 <div class="main-body col-md-6 col-xs-10">
			 <div class="block-bg">
			 <div id="page-title" class="index-catalog">
				 <div class="block-title"><h1 class="title">Отзывы</h1></div>
			 </div>
			 <div class="reviews">
				 <div class="item"><img src="{ASSETS_IMAGES_PATH}1otziv.jpg" alt="" title="" /></div>
				 <div class="item"><img src="{ASSETS_IMAGES_PATH}2otziv.jpg" alt="" title="" /></div>
				 <div class="item"><img src="{ASSETS_IMAGES_PATH}3otziv.jpg" alt="" title="" /></div>
				 <div class="item"><img src="{ASSETS_IMAGES_PATH}4otziv.jpg" alt="" title="" /></div>
				 <div class="item"><img src="{ASSETS_IMAGES_PATH}5otziv.jpg" alt="" title="" /></div>
				 <div class="item"><img src="{ASSETS_IMAGES_PATH}6otziv.jpg" alt="" title="" /></div>
			 </div>
			 </div>
		 </div>


Далее зайдите в main.js - найдите:
// Функции для главной страницы
function indexPage() {

замените на:  
// Функции для главной страницы
function indexPage() {

$(function() {
var size = $('.reviews .item').hide().length - 1;
$('.reviews .item:eq(' +
	 Math.floor(Math.random() * (size + 1)) + ')').show();
if ($('.reviews .item:visible')
	 .next('.item').length) {
	 $('.reviews .item:visible').next().show();
} else if ($('.reviews .item:visible')
	 .prev('.item').length) {
	 $('.reviews .item:visible').prev().show();
} else {
	 $('.reviews .item:eq(0)').show();
}
});

Screenshot.png

#3 artecards

artecards

    Продвинутый пользователь

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

Отправлено 17 Март 2022 - 15:54

здравствуйте.  не вполне все вышло.

Что я сделала не так?

Скриншот 17-03-2022 15_52_35.jpg

#4 stasia

stasia

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

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

Отправлено 18 Март 2022 - 12:39

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

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

  • скрин.png





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

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