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


Добавить Баннеры На Главную В Шаблоне Ночь

Автор Ingleest, 27 мая 2016 00:29

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

#1 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 27 Май 2016 - 00:29

Здравствуйте!
Помогите, пожалуйста, добавить на главную два баннера по сторонам от слайдера, вот тут: http://prntscr.com/b8uhd9
Размеры баннеров 280 х 240 px

#2 Vaccina

Vaccina

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

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

Отправлено 27 Май 2016 - 01:21

В шаблоне HTML перед:
<div id="slider">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">


и после:
   <!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Eelmine pilt">
		</span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Järgmine pilt">
		</span>
		</div>

вставьте:
<a href="#"><img src="{ASSETS_IMAGES_PATH}banner.jpg" alt="" title="" /></a>

В баннере измените название файла и вместо # укажите ссылку, далее в main.css найдите:
#slider {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	max-width: 560px;
	height: 240px;
	overflow: hidden;
	z-index: 1;
	max-height: 245px;
}

замените на:
#slider {
	position: relative;
	margin: 0;
	max-width: 560px;
	height: 240px;
	overflow: hidden;
	z-index: 1;
	max-height: 245px;
	display: inline-block;
}

далее найдите:
#slideshow {
	margin: 0 0;
	position: relative;
}

замените на:
#slideshow {
	margin: 0;
	position: relative;
	text-align: center;
}
#slideshow > a {
	display: inline-block;
}

#3 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 28 Май 2016 - 04:43

Просмотр сообщенияVaccina (27 Май 2016 - 01:21) писал:

В шаблоне HTML перед:
<div id="slider">
		 <!-- Slides Container -->
		 <div u="slides" class="slides_container">


и после:
<!-- Arrow Left -->
	 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Eelmine pilt">
	 </span>
	 <!-- Arrow Right -->
	 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Järgmine pilt">
	 </span>
	 </div>

вставьте:
<a href="#"><img src="{ASSETS_IMAGES_PATH}banner.jpg" alt="" title="" /></a>

В баннере измените название файла и вместо # укажите ссылку, далее в main.css найдите:
#slider {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
max-width: 560px;
height: 240px;
overflow: hidden;
z-index: 1;
max-height: 245px;
}

замените на:
#slider {
position: relative;
margin: 0;
max-width: 560px;
height: 240px;
overflow: hidden;
z-index: 1;
max-height: 245px;
display: inline-block;
}

далее найдите:
#slideshow {
margin: 0 0;
position: relative;
}

замените на:
#slideshow {
margin: 0;
position: relative;
text-align: center;
}
#slideshow > a {
display: inline-block;
}

Пишет, что ошибка JS !!

#4 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 28 Май 2016 - 05:24

Vaccina, помоги, пожалуйста.

#5 Vaccina

Vaccina

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

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

Отправлено 28 Май 2016 - 06:06

Уточните пожалуйста, вы производили ли какие-нибудь изменения со слайдером? Так как если удалить баннеры вокруг слайдера, то ошибка не исчезает.

#6 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 28 Май 2016 - 06:33

Нет, ничего н еделал

Сделать бэкап?

Только в Каталоге чуть раньше поменял код: http://forum.storela..._20#entry238580

#7 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 28 Май 2016 - 06:38

ок, сделал откат

#8 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 28 Май 2016 - 06:47

Именно после добавления баннеров появляется ошибка! Сделал откат, добавил прочие изменения - ничего. Добавил баннеры - ошибка! Откат на бэкап без баннеров - все нормально. Откат на бэкап с баннерами - ошибка.

#9 Vaccina

Vaccina

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

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

Отправлено 28 Май 2016 - 07:01

Попробуйте убрать только баннеры из шаблона HTML, а не полный откат, ошибка все равно останется, возможно из-за стилей ругается.
В шаблоне HTML найдите:
<!-- Jssor Slider Слайдер Начало -->
	  {% IF index_page %}
	  <div id="slideshow" class="wrap">
		<a href="http://british.ee/user/register"><img src="{ASSETS_IMAGES_PATH}registreeru-banner-280x240.jpg" alt="" title="" /></a>
		<div id="slider">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">
			<div>
			  <a href="http://british.ee/catalog/Pehme-m%C3%B6%C3%B6bel" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=dark" /></a>
			</div>
			<div>
			  <a href="http://british.ee/page/makseviisid" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=dark" /></a>
			</div>
			<div>
			  <a href="http://british.ee/catalog/Voodid" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=dark" /></a>
			</div>
			<div>
			  <a href="http://british.ee/page/saadetise_jalgimine" u="image"><img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=dark" /></a>
			</div>
		  </div>
		  <!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Eelmine pilt">
		</span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Järgmine pilt">
		</span>
		</div>
		<a href="http://british.ee/page/arvamused"><img src="{ASSETS_IMAGES_PATH}kirjuta-arvamus-banner-280x240.jpg" alt="" title="" /></a>
	  </div>
	  {% ENDIF %}
	  <!-- Jssor Slider Слайдер Конец -->

замените на:
<!-- Jssor Slider Слайдер Начало -->
	  {% IF index_page %}
   <div class="banner_set">
	<a href="http://british.ee/user/register"><img src="{ASSETS_IMAGES_PATH}registreeru-banner-280x240.jpg" alt="" title="" /></a>
	  <div id="slideshow" class="wrap">
	  
		<div id="slider">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">
			<div>
			  <a href="http://british.ee/catalog/Pehme-m%C3%B6%C3%B6bel" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=dark" /></a>
			</div>
			<div>
			  <a href="http://british.ee/page/makseviisid" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=dark" /></a>
			</div>
			<div>
			  <a href="http://british.ee/catalog/Voodid" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=dark" /></a>
			</div>
			<div>
			  <a href="http://british.ee/page/saadetise_jalgimine" u="image"><img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=dark" /></a>
			</div>
		  </div>
		  <!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Eelmine pilt">
		</span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Järgmine pilt">
		</span>
		</div>
	  </div>
   <a href="http://british.ee/page/arvamused"><img src="{ASSETS_IMAGES_PATH}kirjuta-arvamus-banner-280x240.jpg" alt="" title="" /></a>
   </div>
	  {% ENDIF %}
	  <!-- Jssor Slider Слайдер Конец -->

В main.css найдите:
#slider {
position: relative;
margin: 0;
max-width: 560px;
height: 240px;
overflow: hidden;
z-index: 1;
max-height: 245px;
display: inline-block;
}

замените на:
#slider {
position: relative;
margin: 0;
max-width: 560px;
height: 240px;
overflow: hidden;
z-index: 1;
max-height: 245px;
}

далее найдите:
#slideshow {
margin: 0;
position: relative;
text-align: center;
}
#slideshow > a {
display: inline-block;
}

замените на:
#slideshow {
margin: 0;
position: relative;
}
.banner_set{
text-align: center;
}
.banner_set > a, .banner_set > div {
display: inline-block;
}

#10 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 28 Май 2016 - 07:10

Получилась лесенка из картинок

Может, баннеры поменьше сделать по ширине?

#11 Vaccina

Vaccina

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

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

Отправлено 28 Май 2016 - 07:17

В main.css найдите:
#slideshow {
	margin: 0;
	position: relative;
}

замените на:
#slideshow {
	margin: 0;
	position: relative;
	width: auto;
	vertical-align: middle;
}

#12 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 28 Май 2016 - 07:23

Не пускает. Опять ошибка

#13 Vaccina

Vaccina

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

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

Отправлено 28 Май 2016 - 07:43

Это после изменения стилей из моей последней инструкции #11?

#14 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 28 Май 2016 - 07:43

да

#15 Vaccina

Vaccina

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

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

Отправлено 28 Май 2016 - 08:08

Попробуйте:
#slideshow {
		margin: 0;
		position: relative;
		width: auto;
		vertical-align: middle;
}

заменить на:
#slideshow {
	margin: 0;
	position: relative;
	width: 44%;
	vertical-align: middle;
}

#16 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 28 Май 2016 - 08:46

Теперь все ок! спасиоб

#17 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 02 Июнь 2016 - 06:56

Все-таки есть проблема с баннером: второй отошел от слайдера. Увидел в яндекс.метрике, потом увидел и у себя при 100% масштаба на полном экране:
Изображение

#18 Vaccina

Vaccina

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

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

Отправлено 02 Июнь 2016 - 07:00

В main.css найдите:
#slideshow {
	margin: 0;
	position: relative;
	width: 44%;
	vertical-align: middle;
}

замените на:
#slideshow {
	margin: 0;
	position: relative;
	width: 44%;
	vertical-align: middle;
	max-width: 560px;
}

#19 Mari-ina

Mari-ina

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

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

Отправлено 14 Июнь 2016 - 09:15

Воспользовалась данной инструкцией. получилась полная ерунда. Помогите. пожалуйста, исправить. ак. 387857

#20 Mari-ina

Mari-ina

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

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

Отправлено 15 Июнь 2016 - 18:21

ап
Обратно в Главная


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

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

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