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


Помогите Разобраться Со Слайдером

Срочно!!!

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

#1 karapuzz

karapuzz

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

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

Отправлено 25 Июнь 2015 - 13:15

Ребят кто может помочь?
Установил слайдер вот: http://karapuzz.storeland.ru/
Хотел бы вытянуть его по всей длине , что бы каталог товаров оставался под ним и убрать точки слайдов.

#2 RayLi

RayLi

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

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

Отправлено 26 Июнь 2015 - 18:06

Просмотр сообщенияkarapuzz (25 Июнь 2015 - 13:15) писал:

Ребят кто может помочь?
Установил слайдер вот: http://karapuzz.storeland.ru/
Хотел бы вытянуть его по всей длине , что бы каталог товаров оставался под ним и убрать точки слайдов.

Здравствуйте.
В шаблон main.css добавьте данный код:

.theme-default {
  width: 132%;
}


Далее там же найдите вот этот код:

ul.leftmenu {
  margin-right: 20px;
  margin-left: 20px;
}

И замените его вот этим вот кодом:

ul.leftmenu {
  margin-right: 20px;
  margin-left: 20px;
  margin-top: 350px;
}


#3 karapuzz

karapuzz

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

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

Отправлено 26 Июнь 2015 - 19:01

Просмотр сообщенияRayLi (26 Июнь 2015 - 18:06) писал:

Здравствуйте.
В шаблон main.css добавьте данный код:

.theme-default {
width: 132%;
}


Далее там же найдите вот этот код:

ul.leftmenu {
margin-right: 20px;
margin-left: 20px;
}

И замените его вот этим вот кодом:

ul.leftmenu {
margin-right: 20px;
margin-left: 20px;
margin-top: 350px;
}
Спасибо помогло, а ещё не скажешь как убрать стрелочки которые листают слайды , а то они не в тему там...
и кнопки с низу можно было бы тоже убрать если это возможно, что бы надпись :
KARAPUZZ.NET "ВСЁ ДЛЯ МАЛЫШЕЙ" была на уровне с каталогом товаров.

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

  • 1111.JPG


#4 RayLi

RayLi

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

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

Отправлено 26 Июнь 2015 - 19:29

Просмотр сообщенияkarapuzz (26 Июнь 2015 - 19:01) писал:

Спасибо помогло, а ещё не скажешь как убрать стрелочки которые листают слайды , а то они не в тему там...
и кнопки с низу можно было бы тоже убрать если это возможно, что бы надпись :
KARAPUZZ.NET "ВСЁ ДЛЯ МАЛЫШЕЙ" была на уровне с каталогом товаров.

Попробуйте сделать следующее:
В шаблоне nyvo2.css найдите данный код:

media="screen"
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}

И замените его вот этим вот кодом:

media="screen"
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
display: none;
}


Далее в шаблоне nyvo2.css найдите вот этот вот код:

media="screen"
.theme-default .nivo-directionNav a {
display: block;
width: 50px;
height: 50px;
background: url("{ASSETS_IMAGES_PATH}nyvo_arrows.png") no-repeat;
text-indent: -9999px;
border: 0;
margin: -13px 0 0;
}

И замените его этим вот кодом:

media="screen"
.theme-default .nivo-directionNav a {
display: block;
width: 50px;
height: 50px;
background: url("{ASSETS_IMAGES_PATH}nyvo_arrows.png") no-repeat;
text-indent: -9999px;
border: 0;
margin: -13px 0 0;
display: none;
}


#5 karapuzz

karapuzz

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

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

Отправлено 26 Июнь 2015 - 19:38

таких кодов не было не в main не nyvo2 , я добавил их , но ничего не произошло..

#6 RayLi

RayLi

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

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

Отправлено 26 Июнь 2015 - 19:56

Просмотр сообщенияkarapuzz (26 Июнь 2015 - 19:38) писал:

таких кодов не было не в main не nyvo2 , я добавил их , но ничего не произошло..

Для начала вам нужно отменить последние свои изменения, так как вы не правильно установили коды по инструкции, что повлекло ряд ошибок на вашем сайте.
Что касается местонахождения требуемых вам кодов, то вот их местоположение:
Первый нужный вам код находится в шаблоне nyvo2.css на 140-й строке.
А второй код находится на в том же шаблоне на 158-й строке.
Проверьте, пожалуйста.

#7 karapuzz

karapuzz

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

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

Отправлено 26 Июнь 2015 - 20:30

вроде бы изменения получились спасибо! , но всё равно нет соответствия посмотрите сами:
и ещё можно закруглить углы слайдера ?

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

  • Безымянный.JPG


#8 RayLi

RayLi

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

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

Отправлено 26 Июнь 2015 - 20:42

Просмотр сообщенияkarapuzz (26 Июнь 2015 - 20:30) писал:

вроде бы изменения получились спасибо! , но всё равно нет соответствия посмотрите сами:
и ещё можно закруглить углы слайдера ?

В шаблоне nyvo2.css найдите следующий код:

.theme-default .nivoSlider {
  position: relative;
  background: #fff url("{ASSETS_IMAGES_PATH}nyvo_loading.gif") no-repeat 50% 50%;
  margin-bottom: 50px;
  -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
  -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
  box-shadow: 0px 1px 5px 0px #4a4a4a;
}

И замените его вот этим вот кодом:

.theme-default .nivoSlider {
  position: relative;
  background: #fff url("{ASSETS_IMAGES_PATH}nyvo_loading.gif") no-repeat 50% 50%;
  margin-bottom: 50px;
  -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
  -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
  box-shadow: 0px 1px 5px 0px #4a4a4a;
  border-radius: 25px;
}


#9 karapuzz

karapuzz

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

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

Отправлено 27 Июнь 2015 - 10:32

спасибо! углы закруглились, вот бы ещё выровнять:

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

  • Без имени-2.jpg


#10 RayLi

RayLi

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

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

Отправлено 27 Июнь 2015 - 11:20

Просмотр сообщенияkarapuzz (27 Июнь 2015 - 10:32) писал:

спасибо! углы закруглились, вот бы ещё выровнять:

Здравствуйте.
В шаблоне main.css найдите, пожалуйста, следующий код:

.page-headline {
  height: 81px;
  position: relative;
}

И замените его вот этим вот кодом:

.page-headline {
  height: 81px;
  position: relative;
  margin-top: -55px;
  margin-left: 10%;
}


#11 karapuzz

karapuzz

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

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

Отправлено 27 Июнь 2015 - 14:55

спасибо сравнить получилось , но есть недачёты:
1. Поднять Инфо окно с каталогами на главной на уровне первой категории в каталоге.
2.Поднять каталог товаров в выборе подгатегорий и товаров.

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

  • 8.JPG
  • 9.JPG


#12 RayLi

RayLi

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

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

Отправлено 27 Июнь 2015 - 15:12

Просмотр сообщенияkarapuzz (27 Июнь 2015 - 14:55) писал:

спасибо сравнить получилось , но есть недачёты:
1. Поднять Инфо окно с каталогами на главной на уровне первой категории в каталоге.
2.Поднять каталог товаров в выборе подгатегорий и товаров.

В шаблоне main.css найдите данный код:

.page-headline {
height: 81px;
position: relative;
margin-top: -55px;
margin-left: 10%;
}

И замените его вот этим вот кодом:

.page-headline {
position: relative;
margin-top: -55px;
margin-left: 10%;
}


Далее в шаблоне html найдите вот этот вот код:


<!-- контент -->
<div class="container" id="cpages">
	 <div class="content_page">
	 <table>
		 <tr>
		 <td class="content_body cont700">
<!-- Слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">
	 <!-- Непосредственный код слайдера -->
	 <div id="slider">
		 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		 <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a>
		 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
	 </div>
</div>

<!-- Запуск слайдера -->
<script type="text/javascript">
	 $(window).load(function() {
			 $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
	 });
</script>
{% ENDIF %}
			 {BODY}	
	
			 <!-- Всевозможные списки товаров -->

И замените его вот этим вот кодом:

	 <!-- контент -->
<div class="container" id="cpages">
	 <div class="content_page">
	
	 <!-- Слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">
	 <!-- Непосредственный код слайдера -->
	 <div id="slider">
		 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		 <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a>
		 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
	 </div>
</div>

<!-- Запуск слайдера -->
<script type="text/javascript">
	 $(window).load(function() {
			 $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
	 });
</script>
{% ENDIF %}
			 {BODY}	
	
	 <table>
		 <tr>
		 <td class="content_body cont700">
			 <!-- Всевозможные списки товаров -->


#13 karapuzz

karapuzz

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

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

Отправлено 27 Июнь 2015 - 15:41

не выходит:( посмотрите сами как стало всё криво отображаться после этих последних изменений:
http://karapuzz.storeland.ru/
http://karapuzz.stor...zniki-i-trusiki

#14 RayLi

RayLi

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

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

Отправлено 27 Июнь 2015 - 16:20

Просмотр сообщенияkarapuzz (27 Июнь 2015 - 15:41) писал:

не выходит :( посмотрите сами как стало всё криво отображаться после этих последних изменений:
http://karapuzz.storeland.ru/
http://karapuzz.stor...zniki-i-trusiki

К сожалению у вас было допущена ошибка и получилось два слайдера, вместо одного.
Выполните, пожалуйста, следующую инструкцию, чтобы исправить данную проблему:

В шаблоне html найдите данный код:

	<!-- контент -->
	<div class="container" id="cpages">
		  <div class="content_page">
		
		  <!-- Слайдер который отображается на главной -->
{% IF index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
				<!-- Непосредственный код слайдера -->
				<div id="slider">
				  <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
				  <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a>
				  <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
				  <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
				</div>
  </div>
  <!-- Запуск слайдера -->
  <script type="text/javascript">
				$(window).load(function() {
								$('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
				});
  </script>
  {% ENDIF %}
						  {BODY}		
		
				<table>
				  <tr>
						<td class="content_body cont700">
	  <div class="content_page">
		<table>
		  <tr>
			<td class="content_body cont700">
<!-- Слайдер который отображается на главной -->
{% IF index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
		<!-- Непосредственный код слайдера -->
		<div id="slider">
		  <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		  <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a>
		  <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		  <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		</div>
  </div>

  <!-- Запуск слайдера -->
  <script type="text/javascript">
		$(window).load(function() {
				$('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
		});
  </script>
  {% ENDIF %}
			  {BODY}
			 
			  <!-- Всевозможные списки товаров -->

И замените его вот этим вот кодом:

	<!-- контент -->
	<div class="container" id="cpages">
		  <div class="content_page">
		
		  <!-- Слайдер который отображается на главной -->
{% IF index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
				<!-- Непосредственный код слайдера -->
				<div id="slider">
				  <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
				  <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a>
				  <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
				  <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
				</div>
  </div>
  <!-- Запуск слайдера -->
  <script type="text/javascript">
				$(window).load(function() {
								$('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
				});
  </script>
  {% ENDIF %}   
		
				<table>
				  <tr>
						<td class="content_body cont700">
	  <div class="content_page">
		<table>
		  <tr>
			<td class="content_body cont700">
		   
			  {BODY}
			 
			  <!-- Всевозможные списки товаров -->


#15 karapuzz

karapuzz

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

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

Отправлено 29 Июнь 2015 - 17:19

Просмотр сообщенияRayLi (27 Июнь 2015 - 16:20) писал:

К сожалению у вас было допущена ошибка и получилось два слайдера, вместо одного.
Выполните, пожалуйста, следующую инструкцию, чтобы исправить данную проблему:

В шаблоне html найдите данный код:

<!-- контент -->
<div class="container" id="cpages">
		 <div class="content_page">
		
		 <!-- Слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">
			 <!-- Непосредственный код слайдера -->
			 <div id="slider">
				 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
				 <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a>
				 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
				 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
			 </div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
			 $(window).load(function() {
							 $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
			 });
</script>
{% ENDIF %}
						 {BODY}		
		
			 <table>
				 <tr>
					 <td class="content_body cont700">
	 <div class="content_page">
	 <table>
		 <tr>
		 <td class="content_body cont700">
<!-- Слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">
	 <!-- Непосредственный код слайдера -->
	 <div id="slider">
		 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		 <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a>
		 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
	 </div>
</div>

<!-- Запуск слайдера -->
<script type="text/javascript">
	 $(window).load(function() {
			 $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
	 });
</script>
{% ENDIF %}
			 {BODY}
			
			 <!-- Всевозможные списки товаров -->

И замените его вот этим вот кодом:

<!-- контент -->
<div class="container" id="cpages">
		 <div class="content_page">
		
		 <!-- Слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">
			 <!-- Непосредственный код слайдера -->
			 <div id="slider">
				 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
				 <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a>
				 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
				 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
			 </div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
			 $(window).load(function() {
							 $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
			 });
</script>
{% ENDIF %}
		
			 <table>
				 <tr>
					 <td class="content_body cont700">
	 <div class="content_page">
	 <table>
		 <tr>
		 <td class="content_body cont700">
		
			 {BODY}
			
			 <!-- Всевозможные списки товаров -->

Вот это можно исправить ?
Такой отступ каталога , на всех страничках кроме главной там слайдер..

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

  • 1133.jpg


#16 Cupuyc

Cupuyc

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

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

Отправлено 29 Июнь 2015 - 18:18

Просмотр сообщенияkarapuzz (29 Июнь 2015 - 17:19) писал:

Вот это можно исправить ?
Такой отступ каталога , на всех страничках кроме главной там слайдер..

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
				<ul class="leftmenu">
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
					<ul>

Замените его на:
				<ul class="leftmenu">
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
					<ul class="leftmenu" {% IFNOT index_page %} style="margin-top: 0;" {% ENDIF %}>


#17 karapuzz

karapuzz

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

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

Отправлено 29 Июнь 2015 - 18:40

Просмотр сообщенияCupuyc (29 Июнь 2015 - 18:18) писал:

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
			 <ul class="leftmenu">
				 <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
				 <ul>

Замените его на:
			 <ul class="leftmenu">
				 <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
				 <ul class="leftmenu" {% IFNOT index_page %} style="margin-top: 0;" {% ENDIF %}>
http://karapuzz.storeland.ru/
вот что вышло после замены , смотрите главную , на других страничках так же нет изменений..

#18 Cupuyc

Cupuyc

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

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

Отправлено 29 Июнь 2015 - 18:48

Просмотр сообщенияkarapuzz (29 Июнь 2015 - 18:40) писал:

http://karapuzz.storeland.ru/
вот что вышло после замены , смотрите главную , на других страничках так же нет изменений..

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
			 <ul class="leftmenu">
				 <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
				 <ul class="leftmenu" {% IFNOT index_page %} style="margin-top: 0;" {% ENDIF %}>

Замените его на:
			 <ul class="leftmenu" {% IFNOT index_page %} style="margin-top: 0;" {% ENDIF %}>
				 <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
				 <ul>


#19 karapuzz

karapuzz

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

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

Отправлено 30 Июнь 2015 - 13:38

Просмотр сообщенияCupuyc (29 Июнь 2015 - 18:48) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
			 <ul class="leftmenu">
				 <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
				 <ul class="leftmenu" {% IFNOT index_page %} style="margin-top: 0;" {% ENDIF %}>

Замените его на:
			 <ul class="leftmenu" {% IFNOT index_page %} style="margin-top: 0;" {% ENDIF %}>
				 <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
				 <ul>
попробую, если не получится , можно сделать что бы слайдер был на всех страничках видим?!

#20 RayLi

RayLi

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

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

Отправлено 30 Июнь 2015 - 14:21

Просмотр сообщенияkarapuzz (30 Июнь 2015 - 13:38) писал:

попробую, если не получится , можно сделать что бы слайдер был на всех страничках видим?!

Здравствуйте.
Да - данное изменение будет возможно сделать на вашем сайте.




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

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