Сообщений в теме: 34

[mobi5360]

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

[Danil]

mobi5360 (04 Ноябрь 2014 - 20:49) писал:

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

В main.js найдите код

	jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1280));

изменяйте значение 1280(ширина), а высота подстроится автоматически.
Размер загружаемых изображений должен быть 1920х500px.

[mobi5360]

Спасибо, со слайдером разобрался сам.

[fredshka]

http://www.printclick.ru/
как сделать именно такой слайдер и банер (со ссылкой) рядом??
аккаунт 317267

[fredshka]

???

[Ирина345]

fredshka (05 Ноябрь 2014 - 07:48) писал:

???

Здравствуйте, для установки слайдера воспользуйтесь данной темой
http://storeland.ru/about/faq#51
после установки слайдера отпишитесь нам.

[fredshka]

ВЫ ОЧЕНЬ "ПОМОГЛИ"!

[AnnaM]

fredshka (05 Ноябрь 2014 - 15:27) писал:

ВЫ ОЧЕНЬ "ПОМОГЛИ"!

Нам необходимо чтобы у вас был установлен слайдер по инструкции выше. Только тогда мы сможет написать инструкцию по его изменению к виду,который вы хотите (баннер справа).

[Ирина345]

fredshka (05 Ноябрь 2014 - 15:27) писал:

ВЫ ОЧЕНЬ "ПОМОГЛИ"!

Вы скачали архив и установили ссылки на него согласно инструкции

<!-- Загрузка Jquery галереи Nyvo Slider -->

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>

[Prorock_Ugl]

Здравствуйте.Подскажите, пожалуйста, можно ли в данном шаблоне сделать слайдер кликабельным, чтобы по клику был переход к странице товара.

[Alekseys]

Prorock_Ugl (14 Ноябрь 2014 - 17:01) писал:

Здравствуйте.Подскажите, пожалуйста, можно ли в данном шаблоне сделать слайдер кликабельным, чтобы по клику был переход к странице товара.

Здравствуйте. Вам ответили в этой теме.

[Эбболка]

как же все таки довести сладер до ума на нефрите ,  создать слайдер и банеры и главное не нарушить адаптив

[Vaccina]

В шаблоне HTML находим:

<!-- Jssor Slider Слайдер Начало -->
		{% IF index_page %}
		<div id="slider1_container">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=jade" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=jade" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide3.jpg?design=jade" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide4.jpg?design=jade" />
			</div>
			 <div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide5.jpg?design=jade" />
			</div>
		  </div>
		</div>
		{% ENDIF %}
		<!-- Jssor Slider Слайдер Конец -->

меняем на:

<!-- Jssor Slider Слайдер Начало -->
		{% IF index_page %}
   <div class="slide_ban">
	  <div class="full">
		<div id="slider1_container">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=jade" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=jade" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide3.jpg?design=jade" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide4.jpg?design=jade" />
			</div>
			 <div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide5.jpg?design=jade" />
			</div>
		  </div>
		</div>
		</div>
  <div class="banners">
   <a href="ссылка">Text</a>
   <a href="ссылка">Text</a>
   <a href="ссылка">Text</a>
	</div>
  </div>
		{% ENDIF %}
		<!-- Jssor Slider Слайдер Конец -->

Далее в main.js находим:

function ScaleSlider() {
				var bodyWidth = document.body.clientWidth;
				if (bodyWidth)
					jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1920));
				else
					window.setTimeout(ScaleSlider, 30);
			}
ScaleSlider();

			if (!navigator.userAgent.match(/(iPhone|iPod|iPad|BlackBerry|IEMobile)/)) {
				$(window).bind('resize', ScaleSlider);
			}

меняем на:

$(function() {
  $(window).resize(function() {
	jssor_slider1.$SetScaleWidth($('.full').width());
  }).trigger('resize');
});

далее в main.css добавляем:

.full {
	float: left;
	width: 70%;
}
.banners {
	float: left;
	width: 33,3%;
}
.banners a {
	background: #000;
	display: block;
	height: 33.3%;
	width: 100%;
}

вместо текста можно вставлять картинки

[Эбболка]

Аккаунт SL-319808
-----------------------------
произвела все изменения , сейчас слайдер идет на всю страницу а будущие банеры по низу.Как эти банеры переместить в правую часть при этом уменьшив ширину банера .?

[Ирина345]

Эбболка (21 Ноябрь 2014 - 09:06) писал:

Аккаунт SL-319808
-----------------------------
произвела все изменения , сейчас слайдер идет на всю страницу а будущие банеры по низу.Как эти банеры переместить в правую часть при этом уменьшив ширину банера .?

Здравствуйте, уточните о каких баннерах идет речь.
Сейчас у вас над слайдером находится картинка, а под слайдером нет баннеров.

[Эбболка]

о банерах которые я установила из описания выше http://forum.storela...ер/#entry174079

вот код
                  </div>
                </div>
                </div>
  <div class="banners">
   <a href="http://z54238.storel...1965">n</a></a>
   <a href="http://z54238.storel...jpg?1921">n</a>

        </div>
  </div>
где я заменила слово ссылка на свои картинки банеры
по идее все должно теперь выглядеть так


но их нету

[Alekseys]

Эбболка (21 Ноябрь 2014 - 11:39) писал:

ап

Здравствуйте. В main.css замените

#slider1_container {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 1920px;
height: 500px;
overflow: hidden;
z-index: 1;
margin-top: 62px;
}

на

#slider1_container {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 70%!important;
height: 500px;
overflow: hidden;
z-index: 1;
margin-top: 62px;
float: left;
}

затем добавьте

.slides_container img {
width: 70%!important;
}

затем в шаблоне HTML замените

<div class="banners">
   <a href="http://z54238.storeland.net/06.jpg?1965">n</a></a>
   <a href="http://z54238.storeland.net/006.jpg?1921">n</a>
  
		</div>

на

<div class="banners">
  <div class="banner">
  <img src="{ASSETS_IMAGES_PATH}картинка">
   <a href="ссылка">текст</a>
  </div>
  <div class="banner">
  <img src="{ASSETS_IMAGES_PATH}картинка">
   <a href="ссылка">текст</a>
  </div>
		</div>

и в main.css добавьте

.banners {
float: right;
width: 30%;
height: 500px;
}
.banner {
height: 250px;
}
.banner img {
height: 250px;
}
.banner a {
background-color: green;
right: 45px;
margin-top: -80px;
width: 100px;
height: 2em;
position: absolute;
}

[Эбболка]

спасибо большое банер появился! только текст на главной уехал  как это подправить
и слайдерочень огромный стал

[Alekseys]

Эбболка (21 Ноябрь 2014 - 12:05) писал:

спасибо большое банер появился! только текст на главной уехал  как это подправить
и слайдерочень огромный стал

В main.css перед

.banners {
float: right;
width: 30%;
height: 500px;
}
.banner {
height: 250px;
}
.banner img {
height: 250px;
}
.banner a {
background-color: green;
right: 45px;
margin-top: -80px;
width: 100px;
height: 2em;
position: absolute;
}

замените

.full {
		float: left;
		width: 70%;
}
.banners {
		float: left;
		width: 33,3%;
}
.banners a {
		background: #000;
		display: block;
		height: 33.3%;
		width: 100%;
}

на

}

[Эбболка]

просто удалить и поставить скобку?

так пропал весь низ и стало все гигантским