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

[tehno]

Добрый день! Помогите с несколькими моментами. В принтскрине все расписал. Заранее спасибо!

[Koderhan]

Ответ  по слайдеру.
Подробная инструкция по установке слайдера:

Для вашего случая наверно будут актуальны настройки такие.
После кода "{BODY}" вставить не тот код который написан в инструкции ?
А этот:

		{% IF index_page %}
		  <div id="index">
			<div id="mainindex">
		{% ENDIF %}
		<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
	<!-- Непосредственный код слайдера -->
	<div id="slider">
	  <img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
	  <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
	  <img src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" title="Пример картинки с заголовком" />
	  <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
	  <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />
	</div>
  </div>
 
  <!-- Запуск слайдера -->
  <script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider().parent().show();
		$('#slider') .show() .nivoSlider({
		effect: 'random',
		borderRadius: 7,
		animSpeed: 1000,
		pauseTime: 6000
	});
	});
  </script>
  {% ENDIF %}

Для того чтобы ответить на другие ваши вопросы нам нужно знать адрес вашего магазина.
Удачи!

[tehno]

адрес магазина tehnostart.ru По поводу слайдера у меня не nivo слайдер а flex )

[Koderhan]

tehno (28 Ноябрь 2012 - 10:27) писал:

адрес магазина tehnostart.ru По поводу слайдера у меня не nivo слайдер а flex )

В файле HTML найти код:

<script type="text/javascript" charset="utf-8">
$(window).load(function() {
  $('.flexslider').show() .flexslider({
	animation: "slide",
	controlsContainer: ".flex-container",
	pauseOnAction: true,
	pauseOnHover: false,
	useCSS: true,
	touch: true,
	slideshow: true
  });
});
</script>

Заменить на:

<script type="text/javascript" charset="utf-8">
$(window).load(function() {
  $('.flexslider').show() .flexslider({
	animation: "slide",
	controlsContainer: ".flex-container",
	pauseOnAction: false,
	pauseOnHover: true,
	useCSS: true,
	touch: true,
	slideshow: true
  });
});
</script>

Вот подробная документация по слайдеру flex.
http://ruseller.com/...ds2251/example/

[tehno]

Спасибо, получилось с паузой. Но еще вопрос, когда на главную страницу заходишь сначала кратковременно показываются товары на главной а потом загружается слайдер. Каким образом сделать чтобы показывался сразу слайдер. И еще в товарах на главной показываются заголовки названия товара не полностью, как сделать чтобы они показывались полностью. при этом картинка вмещалась равномерно не наезжая на цену товара

[Koderhan]

tehno (28 Ноябрь 2012 - 20:13) писал:

Спасибо, получилось с паузой. Но еще вопрос, когда на главную страницу заходишь сначала кратковременно показываются товары на главной а потом загружается слайдер. Каким образом сделать чтобы показывался сразу слайдер. И еще в товарах на главной показываются заголовки названия товара не полностью, как сделать чтобы они показывались полностью. при этом картинка вмещалась равномерно не наезжая на цену товара

javascript который управляет слайдером ждет пока загрузится вся страница, это сделано для того чтобы не возникало ошибки. Если слайдер попытаться запустить до завершения загрузки страницы то слдайдер может не запуститься.
В конец файла main.csstemplate добавить код (Панель администратора, Сайт-> Редактор тем):

#content .box .tabproduct .img {
margin: 30px 0 0 0;
}

http://htmlbook.ru/css/margin

[tehno]

Спасибо! Понял как картинку сдвинуть. А как сделать чтобы в товарах на главной, надпись показывалась полностью. Сейчас показывается Навигатор,часы, а хотелось бы чтобы было полностью Навигатор,часы Forerunner 310XT ..

[Koderhan]

tehno (29 Ноябрь 2012 - 14:15) писал:

Спасибо! Понял как картинку сдвинуть. А как сделать чтобы в товарах на главной, надпись показывалась полностью. Сейчас показывается Навигатор,часы, а хотелось бы чтобы было полностью Навигатор,часы Forerunner 310XT ..

В файле main.csstemplate (Сайт-> Редактор тем).
Добавить код:

#content .box .tabproduct .title, #content .box .tabproduct .title a {
height: 20px;/*высота текста заголовка*/
}

[tehno]

Спасибо!! Получилось! )

[Alex2512006]

Koderhan (29 Ноябрь 2012 - 15:00) писал:

В файле main.csstemplate (Сайт-> Редактор тем).
Добавить код:

#content .box .tabproduct .title, #content .box .tabproduct .title a {
height: 20px;/*высота текста заголовка*/
}

А у меня не получается ((((

[Koderhan]

Alex2512006 (27 Январь 2013 - 12:27) писал:

А у меня не получается ((((

В файле "main.csstemplate".
Найти код:

	#content .box .tabproduct .title, #content .box .tabproduct .title a { color:#4d4d4d; text-decoration:none; height:16px; width:auto; overflow:hidden; padding:0 5px; display:block; }

Заменить:

  #content .box .tabproduct .title, #content .box .tabproduct .title a {
color:#4d4d4d;
text-decoration:none;
height: 40px;/*высота блока*/
width:auto;
overflow:hidden;
padding:0 5px;
display:block;
}

[Alex2512006]

Koderhan (27 Январь 2013 - 12:45) писал:

В файле "main.csstemplate".
Найти код:

#content .box .tabproduct .title, #content .box .tabproduct .title a { color:#4d4d4d; text-decoration:none; height:16px; width:auto; overflow:hidden; padding:0 5px; display:block; }

Заменить:

#content .box .tabproduct .title, #content .box .tabproduct .title a {
color:#4d4d4d;
text-decoration:none;
height: 40px;/*высота блока*/
width:auto;
overflow:hidden;
padding:0 5px;
display:block;
}

Все получилось, спасибо!