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


Главная. Изменить. И Не Навредить!

Автор kv09483, 18 июля 2017 10:45

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

#21 Ribka

Ribka

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

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

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

Подскажите, как установить на главную страницу слайдер из брендов? по типу - https://prnt.sc/g2o42h
Бренды должны быть кликабельны с переходом в нужный раздел на сайте

На главной странице под баннером - https://prnt.sc/g2o5v1

#22 Mr.Nito

Mr.Nito

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

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

Отправлено 01 Август 2017 - 10:58

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

Подскажите, как установить на главную страницу слайдер из брендов? по типу - https://prnt.sc/g2o42h
Бренды должны быть кликабельны с переходом в нужный раздел на сайте

На главной странице под баннером - https://prnt.sc/g2o5v1
Здравствуйте.
Укажите,пожалуйста, номер Вашего аккаунта.
В бэк-офисе после вкладки настройки, последней вкладкой, у Вас указан номер Вашего аккаунта в формате SL-XXXXXX.
Укажите его в профиле аккаунта на форуме в разделе "Информация - Номер аккаунта", чтобы мы могли иметь актуальную информацию о вашем сайте.

#23 Ribka

Ribka

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

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

Отправлено 01 Август 2017 - 21:28

Просмотр сообщенияMr.Nito (01 Август 2017 - 10:58) писал:

Здравствуйте.
Укажите,пожалуйста, номер Вашего аккаунта.
В бэк-офисе после вкладки настройки, последней вкладкой, у Вас указан номер Вашего аккаунта в формате SL-XXXXXX.
Укажите его в профиле аккаунта на форуме в разделе "Информация - Номер аккаунта", чтобы мы могли иметь актуальную информацию о вашем сайте.

Номер - SL-405204

#24 Firefly

Firefly

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

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

Отправлено 04 Август 2017 - 11:58

Просмотр сообщенияRibka (01 Август 2017 - 21:28) писал:

Номер - SL-405204

Здравствуйте.
Добавил Вам код слайдера в шаблоне HTML:
<section id="demos" style="display:none;">
<div class="owl-carousel owl-theme">
	 <div class="item"><h4>1</h4></div>
	 <div class="item"><h4>2</h4></div>
	 <div class="item"><h4>3</h4></div>
	 <div class="item"><h4>4</h4></div>
	 <div class="item"><h4>5</h4></div>
	 <div class="item"><h4>6</h4></div>
	 <div class="item"><h4>7</h4></div>
	 <div class="item"><h4>8</h4></div>
	 <div class="item"><h4>9</h4></div>
	 <div class="item"><h4>10</h4></div>
	 <div class="item"><h4>11</h4></div>
	 <div class="item"><h4>12</h4></div>
</div>
</section>

<script>
$('.owl-carousel').owlCarousel({
	 rtl:true,
	 loop:true,
	 margin:10,
	 navRewind: false,
	 responsive:{
		 0:{
			 items:1
		 },
		 600:{
			 items:3
		 },
		 1200:{
			 items:5
		 }
	 }
})
</script>

И загрузил файлы.
Сейчас он скрыт, так как добавлен style="display:none;" в начале кода.
Когда нужно будет отобразить слайдер - его можно будет убрать.
Картинки нужно будет загрузить в разделе Сайт - Редактор шаблонов и после вставить ссылки на них в слайдер в код:
	 <div class="item"><h4>1</h4></div>
	 <div class="item"><h4>2</h4></div>
	 <div class="item"><h4>3</h4></div>
	 <div class="item"><h4>4</h4></div>
	 <div class="item"><h4>5</h4></div>
	 <div class="item"><h4>6</h4></div>
	 <div class="item"><h4>7</h4></div>
	 <div class="item"><h4>8</h4></div>
	 <div class="item"><h4>9</h4></div>
	 <div class="item"><h4>10</h4></div>
	 <div class="item"><h4>11</h4></div>
	 <div class="item"><h4>12</h4></div>

Вместо <h4>1</h4> и аналогично других.
Ссылки вида <img src="ссылка">

#25 Ribka

Ribka

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

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

Отправлено 05 Август 2017 - 00:37

Просмотр сообщенияFirefly (04 Август 2017 - 11:58) писал:

Здравствуйте.
Добавил Вам код слайдера в шаблоне HTML:
<section id="demos" style="display:none;">
<div class="owl-carousel owl-theme">
	 <div class="item"><h4>1</h4></div>
	 <div class="item"><h4>2</h4></div>
	 <div class="item"><h4>3</h4></div>
	 <div class="item"><h4>4</h4></div>
	 <div class="item"><h4>5</h4></div>
	 <div class="item"><h4>6</h4></div>
	 <div class="item"><h4>7</h4></div>
	 <div class="item"><h4>8</h4></div>
	 <div class="item"><h4>9</h4></div>
	 <div class="item"><h4>10</h4></div>
	 <div class="item"><h4>11</h4></div>
	 <div class="item"><h4>12</h4></div>
</div>
</section>

<script>
$('.owl-carousel').owlCarousel({
	 rtl:true,
	 loop:true,
	 margin:10,
	 navRewind: false,
	 responsive:{
		 0:{
			 items:1
		 },
		 600:{
			 items:3
		 },
		 1200:{
			 items:5
		 }
	 }
})
</script>

И загрузил файлы.
Сейчас он скрыт, так как добавлен style="display:none;" в начале кода.
Когда нужно будет отобразить слайдер - его можно будет убрать.
Картинки нужно будет загрузить в разделе Сайт - Редактор шаблонов и после вставить ссылки на них в слайдер в код:
	 <div class="item"><h4>1</h4></div>
	 <div class="item"><h4>2</h4></div>
	 <div class="item"><h4>3</h4></div>
	 <div class="item"><h4>4</h4></div>
	 <div class="item"><h4>5</h4></div>
	 <div class="item"><h4>6</h4></div>
	 <div class="item"><h4>7</h4></div>
	 <div class="item"><h4>8</h4></div>
	 <div class="item"><h4>9</h4></div>
	 <div class="item"><h4>10</h4></div>
	 <div class="item"><h4>11</h4></div>
	 <div class="item"><h4>12</h4></div>

Вместо <h4>1</h4> и аналогично других.
Ссылки вида <img src="ссылка">



Боюсь спросить, что произошло с сайтом?
Голубого цвета на сайте не было
Размер шрифта просто огромный стал
Все стало не на свои места, съехало.
Пожалуйста, сделайте с этим что-нибудь. Как вернуть сайт в прежний вид :blink:
До HTML даже не добралась, чтобы глянуть ваши доработки.....

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

  • ошибка1.jpg
  • ошибка2.jpg
  • ошибка3.jpg

#26 Mr.Nito

Mr.Nito

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

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

Отправлено 05 Август 2017 - 11:21

Просмотр сообщенияRibka (05 Август 2017 - 00:37) писал:

Боюсь спросить, что произошло с сайтом?
Голубого цвета на сайте не было
Размер шрифта просто огромный стал
Все стало не на свои места, съехало.
Пожалуйста, сделайте с этим что-нибудь. Как вернуть сайт в прежний вид :blink:
До HTML даже не добралась, чтобы глянуть ваши доработки.....

Здравствуйте.
Отображение поправил.
Замените изображения по инструкции выше

#27 Ribka

Ribka

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

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

Отправлено 05 Август 2017 - 11:59

Просмотр сообщенияMr.Nito (05 Август 2017 - 11:21) писал:

Здравствуйте.
Отображение поправил.
Замените изображения по инструкции выше

А есть переиграть место отображения слайдера и вставить его на место где блок https://prnt.sc/g4n37g ?
Благодарю за помощь!

#28 Mr.Nito

Mr.Nito

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

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

Отправлено 05 Август 2017 - 13:18

Просмотр сообщенияRibka (05 Август 2017 - 11:59) писал:

А есть переиграть место отображения слайдера и вставить его на место где блок https://prnt.sc/g4n37g ?
Благодарю за помощь!
Перенёс слайдер сразу после
<!-- /END Информация -->

если блок "РАБОТАТЬ С НАМИ ПРОСТО" нужно удалить
удалите код в шаблоне HTML
с
<!-- Информация -->
до
<!-- /END Информация -->

#29 Ribka

Ribka

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

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

Отправлено 05 Август 2017 - 14:06

Просмотр сообщенияMr.Nito (05 Август 2017 - 13:18) писал:

Перенёс слайдер сразу после
<!-- /END Информация -->

если блок "РАБОТАТЬ С НАМИ ПРОСТО" нужно удалить
удалите код в шаблоне HTML
с
<!-- Информация -->
до
<!-- /END Информация -->

Отлично! Спасибо большое! :)

#30 Ribka

Ribka

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

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

Отправлено 05 Август 2017 - 14:19

А можно вас попросить еще об одной небольшой доработке?)
Каждый раз захожу на сайт и прямо глаз мозолит)

Ваша команда устанавливала нам на сайт слайдер https://prnt.sc/g4o118
Немного доработать его. Долго копалась в коде, не смогла сама сделать((
На скрине:
1. Есть стрелочки - как установить в них картинку? Хотела на примере таких сделать https://prnt.sc/g4o28u
2. Вокруг слайдера сейчас есть серый фон. Можно его убрать? Тогда будет только белый
3. На слайдере вывести кнопку купить - сделать ее такой же, как аналогичные кнопки на сайте? https://prnt.sc/g4o33u

#31 Mr.Nito

Mr.Nito

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

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

Отправлено 05 Август 2017 - 15:39

Просмотр сообщенияRibka (05 Август 2017 - 14:19) писал:

А можно вас попросить еще об одной небольшой доработке?)
Каждый раз захожу на сайт и прямо глаз мозолит)

Ваша команда устанавливала нам на сайт слайдер https://prnt.sc/g4o118
Немного доработать его. Долго копалась в коде, не смогла сама сделать((
На скрине:
1. Есть стрелочки - как установить в них картинку? Хотела на примере таких сделать https://prnt.sc/g4o28u
2. Вокруг слайдера сейчас есть серый фон. Можно его убрать? Тогда будет только белый
3. На слайдере вывести кнопку купить - сделать ее такой же, как аналогичные кнопки на сайте? https://prnt.sc/g4o33u

1. Добавил файл flex-arrow.png в нём можно заменить стрелки.
Их код в flexslider.css
.flex-direction-nav a.flex-next:before {content: '';background-position-x: -55px;}
.flex-direction-nav a:before {
  content: '';
  width: 40px;
  height:70px;
  background: url('{ASSETS_IMAGES_PATH}flex-arrow.png') left center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: -10px;
}
2.Фон убрал
3. Кнопку купить добавил в шаблоне HTML под изображением
			   <img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" />
			   <a href="/catalog/Udilishha/" class="button big">Купить</a>

#32 Ribka

Ribka

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

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

Отправлено 05 Август 2017 - 16:19

Просмотр сообщенияMr.Nito (05 Август 2017 - 15:39) писал:

1. Добавил файл flex-arrow.png в нём можно заменить стрелки.
Их код в flexslider.css
.flex-direction-nav a.flex-next:before {content: '';background-position-x: -55px;}
.flex-direction-nav a:before {
content: '';
width: 40px;
height:70px;
background: url('{ASSETS_IMAGES_PATH}flex-arrow.png') left center;
background-repeat: no-repeat;
background-size: cover;
background-position-x: -10px;
}
2.Фон убрал
3. Кнопку купить добавил в шаблоне HTML под изображением
			 <img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" />
			 <a href="/catalog/Udilishha/" class="button big">Купить</a>

Волшебники ^_^ Здорово! Спасибо большое!))
А как убрать текст под стрелками?https://prnt.sc/g4p0jn

#33 Mr.Nito

Mr.Nito

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

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

Отправлено 05 Август 2017 - 16:25

Просмотр сообщенияRibka (05 Август 2017 - 16:19) писал:

Волшебники ^_^ Здорово! Спасибо большое!))
А как убрать текст под стрелками?https://prnt.sc/g4p0jn
Текст под стрелками убрал в файле jquery.flexslider-min.js

#34 Ribka

Ribka

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

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

Отправлено 05 Август 2017 - 17:01

Просмотр сообщенияMr.Nito (05 Август 2017 - 16:25) писал:

Текст под стрелками убрал в файле jquery.flexslider-min.js

Спасибо большое еще раз!))

#35 Ribka

Ribka

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

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

Отправлено 05 Август 2017 - 18:20

Просмотр сообщенияMr.Nito (05 Август 2017 - 16:25) писал:

Текст под стрелками убрал в файле jquery.flexslider-min.js

Что-то пошло не так.....

Если открыть любой товар на сайте, ниже в блоке "с этим товаром смотрят" все сбилось....
https://prnt.sc/g4q2bp
https://prnt.sc/g4q2o8
https://prnt.sc/g4q3b2

#36 Ribka

Ribka

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

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

Отправлено 07 Август 2017 - 22:06

Просмотр сообщенияMr.Nito (05 Август 2017 - 16:25) писал:

Текст под стрелками убрал в файле jquery.flexslider-min.js

Ребят, отзовитесь, пожалуйста
Реально проблема с отображением карусели "с этим товаром смотрят" в товарах

#37 Firefly

Firefly

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

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

Отправлено 08 Август 2017 - 10:25

Просмотр сообщенияRibka (07 Август 2017 - 22:06) писал:

Ребят, отзовитесь, пожалуйста
Реально проблема с отображением карусели "с этим товаром смотрят" в товарах

Здравствуйте.
Извините за ожидание. Убрал лишнее подключение слайдера в шаблоне HTML:
  <script src="{ASSETS_JS_PATH}owl.carousel.min.js"></script>

Сейчас все работает корректно

#38 Ribka

Ribka

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

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

Отправлено 12 Август 2017 - 13:09

Просмотр сообщенияFirefly (08 Август 2017 - 10:25) писал:

Здравствуйте.
Извините за ожидание. Убрал лишнее подключение слайдера в шаблоне HTML:
&lt;script src="{ASSETS_JS_PATH}owl.carousel.min.js"></script>

Сейчас все работает корректно


А можно автоматизировать слайдер с брендами в нижней части страницы? чтобы он через каждые, например, 5 секунд сам перелистывал лист?

#39 Firefly

Firefly

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

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

Отправлено 12 Август 2017 - 14:00

Просмотр сообщенияRibka (12 Август 2017 - 13:09) писал:

А можно автоматизировать слайдер с брендами в нижней части страницы? чтобы он через каждые, например, 5 секунд сам перелистывал лист?

Здравствуйте.
В шаблоне HTML для слайдера добавил строку-параметр автопрокрутки:
autoPlay: true,

Проверьте, пожалуйста.

#40 Ribka

Ribka

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

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

Отправлено 13 Август 2017 - 11:29

Просмотр сообщенияFirefly (12 Август 2017 - 14:00) писал:

Здравствуйте.
В шаблоне HTML для слайдера добавил строку-параметр автопрокрутки:
autoPlay: true,

Проверьте, пожалуйста.


все работает, спасибо большое :)
Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Рассвет
  5. → Главная
  6. Privacy Policy