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


Помогите Поднять Навигацию Слайдера

слайдер

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

#1 v1kk

v1kk

    Новичок

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

Отправлено 04 Декабрь 2012 - 17:30

Доброе время суток!

Подскажите, как подтянуть навигацию слайдера к самому слайдеру?
http://centraltea.ru

и как его поднять на один уровень с соседними блоками?

Заранее спасибо!

#2 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 04 Декабрь 2012 - 17:36

Здравствуйте.
В панели администратора, Сайт-> Редактор кода.
Открыть файл.

Найти код:

З
.theme-default .nivoSlider {
position:relative;
background:#fff url(/web/upload/assets/images/139/138699/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(/web/upload/assets/images/139/138699/nyvo_loading.gif) no-repeat 50% 50%;
   
margin-bottom: 0px;
   
margin-top: -12px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}


#3 v1kk

v1kk

    Новичок

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

Отправлено 04 Декабрь 2012 - 19:25

Koderhan, спасибо!

#4 raven_knp

raven_knp

    Пользователь

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

Отправлено 22 Январь 2013 - 13:22

Подскажите ещё пожалуйста как теперь товары притянуть ближе к слайдеру

#5 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 22 Январь 2013 - 18:02

В бек офисе, "Сайт"->"Редактор тем".
Открыть файл "HTML".
Найти код:
<div class="theme-default" style="padding: 1em;">
Заменить:
<div class="theme-default" style="padding: 1em;margin-bottom: -1em;">


#6 Alex2512006

Alex2512006

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

  • Пользователи
  • PipPipPip
  • 182 сообщений
  • ГородРжев, Тверская обл.

Отправлено 25 Январь 2013 - 08:28

Просмотр сообщенияKoderhan (22 Январь 2013 - 18:02) писал:

В бек офисе, "Сайт"->"Редактор тем".
Открыть файл "HTML".
Найти код:
<div class="theme-default" style="padding: 1em;">
Заменить:
<div class="theme-default" style="padding: 1em;margin-bottom: -1em;">
Давно искал ответ на этот вопрос, наконец-то хоть кто-то правильно ответил, у меня все получилось, спасибо.

#7 raven_knp

raven_knp

    Пользователь

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

Отправлено 31 Январь 2013 - 00:43

Просмотр сообщенияKoderhan (22 Январь 2013 - 18:02) писал:

В бек офисе, "Сайт"->"Редактор тем".
Открыть файл "HTML".
Найти код:
<div class="theme-default" style="padding: 1em;">
Заменить:
<div class="theme-default" style="padding: 1em;margin-bottom: -1em;">


Спасибо всё получилось!

#8 galya.bu7

galya.bu7

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

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 24 Март 2013 - 15:51

Просмотр сообщенияKoderhan (22 Январь 2013 - 18:02) писал:

В бек офисе, "Сайт"->"Редактор тем".
Открыть файл "HTML".
Найти код:
<div class="theme-default" style="padding: 1em;">
Заменить:
<div class="theme-default" style="padding: 1em;margin-bottom: -1em;">

Пытаюсь сделать аналогичное, но у меня в пластике в хтмл нет такого кода... у меня "старая версия" пластика. помогите, пожалуйста

#9 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 24 Март 2013 - 16:26

Просмотр сообщенияgalya.bu7 (24 Март 2013 - 15:51) писал:

Пытаюсь сделать аналогичное, но у меня в пластике в хтмл нет такого кода... у меня "старая версия" пластика. помогите, пожалуйста
Добрый день.
Зайти бэкофис-сайт-редактор тем-Страница
Ваш код
<!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none; height:450px;">
заменить на
<!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none; height:300px;">


#10 galya.bu7

galya.bu7

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

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 24 Март 2013 - 17:24

Просмотр сообщенияMikola (24 Март 2013 - 16:26) писал:

Добрый день.
Зайти бэкофис-сайт-редактор тем-Страница
Ваш код
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none; height:450px;">
заменить на
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none; height:300px;">

Спасибо большое! Всё понятно, всё получилось. не сразу увидела Ваше сообщение

#11 ais-83

ais-83

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

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

Отправлено 30 Апрель 2013 - 12:07

Просмотр сообщенияKoderhan (22 Январь 2013 - 18:02) писал:

В бек офисе, "Сайт"->"Редактор тем".
Открыть файл "HTML".
Найти код:
<div class="theme-default" style="padding: 1em;">
Заменить:
<div class="theme-default" style="padding: 1em;margin-bottom: -1em;">
Добрый день. Аккаунт: 200638. Подскажите, пожалуйста: 1) Как еще можно поднять слайдер, чтоб выровнять с баннером правым. Он у меня еще выше не подымается. 2) Как немного опустить карусель? 3) Как сделать, чтоб текст на главной странице шел ниже карусели по умолчанию? 4) Можно ли убрать отражения цен в карусели? 5)Можно ли сделать для слайдера рамку 1 px # 8a8a8a, или это только в самой фотке рисовать?6) Почему-то на главной не вмещается название категорий левого меню в одну строку, а на других страницах вмещается. Я увеличиваю ячейку, но тогда строка подчеркивания уезжает сильно и все сдвигается(. 7) Возможно, можно убрать вообще левое меню со всех страниц, и оставить к нему дорогу через каталог в верхнем меню.... Большое спасибо заранее за ответы...

#12 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 30 Апрель 2013 - 13:06

Просмотр сообщенияais-83 (30 Апрель 2013 - 12:07) писал:

Добрый день. Аккаунт: 200638. Подскажите, пожалуйста: 1) Как еще можно поднять слайдер, чтоб выровнять с баннером правым. Он у меня еще выше не подымается. 2) Как немного опустить карусель? 3) Как сделать, чтоб текст на главной странице шел ниже карусели по умолчанию? 4) Можно ли убрать отражения цен в карусели? 5)Можно ли сделать для слайдера рамку 1 px # 8a8a8a, или это только в самой фотке рисовать?6) Почему-то на главной не вмещается название категорий левого меню в одну строку, а на других страницах вмещается. Я увеличиваю ячейку, но тогда строка подчеркивания уезжает сильно и все сдвигается(. 7) Возможно, можно убрать вообще левое меню со всех страниц, и оставить к нему дорогу через каталог в верхнем меню.... Большое спасибо заранее за ответы...

1) Найдите код в nyvo.css:
.theme-default .nivoSlider {
position: relative;
background: white url(http://s615913.storeland.net/nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: 0px;
margin-top: 38px;
-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: white url(http://s615913.storeland.net/nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: 0px;
margin-top: 36px; /*отступ сверху*/
-webkit-box-shadow: 0px 1px 5px 0px #4A4A4A;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4A4A4A;
}

2) Добавьте код в main.css(в самый конец файла):
.d-carousel {
margin-top: 21px; /*отступ сверху*/
}


#13 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 30 Апрель 2013 - 13:23

3) Вам нужно перенести код карусели выше, то есть поставить сразу же под слайдером:
Найдите код в шаблоне HTML:
													  <!-- Список товаров на главной -->
								{% IFNOT index_page_goods_empty %}
								  <div class="pad-box">
										<h3></h3>
									   {% IF index_page %}
				 <script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
		 scroll: 1,
		 wrap: 'circular'
});
});
</script>
<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
<div class="jcarousel-clip jcarousel-clip-horizontal" style="overflow: hidden; position: relative;">
<ul class="carousel">
{% FOR index_page_new_goods %}
<li> <a href="{index_page_new_goods.URL}"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
<h4><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>
<p><a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
<br /><a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
<br /><a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>{% ENDIF %}
</p>
</li>
{% ENDFOR index_page_new_goods %}
</ul>
</div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->
{% ENDIF %}
								  </div>
								{% ENDIF %}	   
								<!-- end Список товаров на главной -->
и удалите.
Затем найдите код:
{BODY}
и замените на:
 {% IF index_page %}											   
	  <!-- Список товаров на главной -->
								{% IFNOT index_page_goods_empty %}
								  <div class="pad-box">
										<h3></h3>
									   {% IF index_page %}
				 <script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
		 scroll: 1,
		 wrap: 'circular'
});
});
</script>
<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
<div class="jcarousel-clip jcarousel-clip-horizontal" style="overflow: hidden; position: relative;">
<ul class="carousel">
{% FOR index_page_new_goods %}
<li> <a href="{index_page_new_goods.URL}"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
<h4><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>
<p><a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
<br /><a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
<br /><a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>{% ENDIF %}
</p>
</li>
{% ENDFOR index_page_new_goods %}
</ul>
</div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->
{% ENDIF %}
								  </div>
								{% ENDIF %}	   
								<!-- end Список товаров на главной -->
  {% ENDIF %}  
{BODY}


#14 raven_knp

raven_knp

    Пользователь

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

Отправлено 19 Август 2013 - 22:51

ещё хотел задать вопрос по слайдеру, когда у меня загружается страница, то сначала выпадают все кратики слайдера, а потом он только запускается, можно ли это как то исправить?
ida4ehol.ru

Спасибо.

#15 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

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

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

<script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
				 scroll: 1,
				 wrap: 'circular'
});
});
</script>

на следующий код

<script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
				 scroll: 1,
				 wrap: 'circular'
});
}).closest('.d-carousel').show();
</script>

далее найти

<div class="d-carousel">

и заменить на

<div class="d-carousel" style="display:none;">


#16 raven_knp

raven_knp

    Пользователь

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

Отправлено 20 Август 2013 - 15:20

Просмотр сообщенияСake (20 Август 2013 - 05:53) писал:

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

<script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
				 scroll: 1,
				 wrap: 'circular'
});
});
</script>

на следующий код

<script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
				 scroll: 1,
				 wrap: 'circular'
});
}).closest('.d-carousel').show();
</script>

далее найти

<div class="d-carousel">

и заменить на

<div class="d-carousel" style="display:none;">

подскажите где мне это нужно найти в каком файле? я так и не смог

#17 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 20 Август 2013 - 19:06

Просмотр сообщенияraven_knp (20 Август 2013 - 15:20) писал:

подскажите где мне это нужно найти в каком файле? я так и не смог

данные изменения необходимо произвести в шаблоне HTMl

#18 raven_knp

raven_knp

    Пользователь

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

Отправлено 20 Август 2013 - 23:55

Просмотр сообщенияsupport 2.0 (20 Август 2013 - 19:06) писал:

данные изменения необходимо произвести в шаблоне HTMl

в HTML не нашел подобного

Скрытый текст


#19 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 21 Август 2013 - 06:49

Найдите в вашем шаблоне

<div class="theme-default" style="padding: 1em;margin-bottom: -3em;">

и замените на

<div class="theme-default" style="display: none; padding: 1em;margin-bottom: -3em;">


#20 raven_knp

raven_knp

    Пользователь

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

Отправлено 21 Август 2013 - 09:31

Просмотр сообщенияСake (21 Август 2013 - 06:49) писал:

Найдите в вашем шаблоне

<div class="theme-default" style="padding: 1em;margin-bottom: -3em;">

и замените на

<div class="theme-default" style="display: none; padding: 1em;margin-bottom: -3em;">

отлично, спасибо!





Темы с аналогичным тегами слайдер

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

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