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


Слайдер В Разделы Сайта

слайдер сайт разделы

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

#1 emin808

emin808

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

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

Отправлено 22 Декабрь 2012 - 10:37

Добрый день.
Мы установили слайдер на главную страницу , все отлично :)

Нам видится что надо ещё установить слайдер в разделы сайта (на всех страницах) , но чтоб информация там содержалась уже другая . (не зависимый от главной страницы)

Пожалуйста , помогите реализовать данную функцию ))

Изображение

http://asfn.storeland.ru/

#2 miyako

miyako

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

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

Отправлено 22 Декабрь 2012 - 11:24

 emin808 (22 Декабрь 2012 - 10:37) писал:

Добрый день.
Мы установили слайдер на главную страницу , все отлично :)

Нам видится что надо ещё установить слайдер в разделы сайта (на всех страницах) , но чтоб информация там содержалась уже другая . (не зависимый от главной страницы)

Пожалуйста , помогите реализовать данную функцию ))

Изображение

http://asfn.storeland.ru/

В панели управления магазином, Сайт > Редактор тем, в шаблоне HTML перед строкой
{BODY}
вставьте следующий код:
{%IFNOT index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
	<!-- Непосредственный код слайдера -->
	<div id="slider">
	  <img src="http://chinzo.ru/published/publicdata/U1009TEST/attachments/SC/products_pictures/698/120068S06_product_STD_.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();
	});
  </script>
  {% ENDIF %}

Вам нужно загрузить другие картинки (В редакторе тем в разделе "Файлы") и подключить в выше написанном коде.

#3 emin808

emin808

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

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

Отправлено 22 Декабрь 2012 - 12:15

Да, благодарствую , все получилось :)

Подскажите ещё пожалуйста одну маленькую деталь :

Изображение

#4 miyako

miyako

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

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

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

 emin808 (22 Декабрь 2012 - 12:15) писал:

Да, благодарствую , все получилось :)

Подскажите ещё пожалуйста одну маленькую деталь :

Изображение

Во всех шаблонах, на которых вам не хотелось бы видеть блок с путем вам нужно найти следующий код:
{% IFNOT index_page %}
<div class="span7 breadcrumbs hidden-phone">
  <ul>
	<li><a href="http://{NET_DOMAIN}/" title="Перейти на главную">Главная</a><span>&nbsp;</span></li>
	<li><strong>{PAGE_NAME}</strong></li>
  </ul>
</div>
{% ENDIF %}
и удалить его

#5 emin808

emin808

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

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

Отправлено 22 Декабрь 2012 - 12:50

ой, :huh: а этот слайдер и в товарах отображается , нам это не желательно,
можно чтоб только в разделах сайта отображался слайдер?!

Изображение

#6 maxxb

maxxb

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

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

Отправлено 22 Декабрь 2012 - 12:55

 miyako (22 Декабрь 2012 - 11:24) писал:

В панели управления магазином, Сайт > Редактор тем, в шаблоне HTML перед строкой
{BODY}
вставьте следующий код:
{%IFNOT index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
	 <img src="http://chinzo.ru/published/publicdata/U1009TEST/attachments/SC/products_pictures/698/120068S06_product_STD_.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();
});
</script>
{% ENDIF %}

Вам нужно загрузить другие картинки (В редакторе тем в разделе "Файлы") и подключить в выше написанном коде.
Всем добрый день. Вот еще по этой теме вопрос:
а как установить слайдер (Nivo) не на все остальные страницы пакетом, а на отдельные, допустим на страницу акций?

#7 emin808

emin808

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

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

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

 maxxbon (22 Декабрь 2012 - 12:55) писал:

Всем добрый день. Вот еще по этой теме вопрос:
а как установить слайдер (Nivo) не на все остальные страницы пакетом, а на отдельные, допустим на страницу акций?

дадада!!!

#8 miyako

miyako

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

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

Отправлено 22 Декабрь 2012 - 13:34

 emin808 (22 Декабрь 2012 - 12:50) писал:

ой, :huh: а этот слайдер и в товарах отображается , нам это не желательно,
можно чтоб только в разделах сайта отображался слайдер?!

Изображение

В шаблоне HTML найдите код:
{%IFNOT index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
		<!-- Непосредственный код слайдера -->
		<div id="slider">
		  <img src="http://chinzo.ru/published/publicdata/U1009TEST/attachments/SC/products_pictures/698/120068S06_product_STD_.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();
		});
  </script>
  {% ENDIF %}
и замените его на:
<!-- слайдер без каталога и товаров -->
   {%IFNOT index_page && MOD_LNAME!=catalog && MOD_LNAME!=goods %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
	<!-- Непосредственный код слайдера -->
	<div id="slider">
	  <img src="http://chinzo.ru/published/publicdata/U1009TEST/attachments/SC/products_pictures/698/120068S06_product_STD_.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();
	});
  </script>
  {% ENDIF %}


#9 emin808

emin808

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

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

Отправлено 22 Декабрь 2012 - 13:40

да, получилось , в каталогах не отображается , благодарю :)

#10 miyako

miyako

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

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

Отправлено 22 Декабрь 2012 - 13:43

 maxxbon (22 Декабрь 2012 - 12:55) писал:

Всем добрый день. Вот еще по этой теме вопрос:
а как установить слайдер (Nivo) не на все остальные страницы пакетом, а на отдельные, допустим на страницу акций?

Если вам нужно вставить слайдер на страницу списка акций, то откройте шаблон "Список акций" и вставьте в начало следующий код:
  <!-- слайдер в акциях -->
   {%IFNOT index_page  %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
	<!-- Непосредственный код слайдера -->
	<div id="slider">
	  <img src="http://chinzo.ru/published/publicdata/U1009TEST/attachments/SC/products_pictures/698/120068S06_product_STD_.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();
	});
  </script>
  {% ENDIF %}


#11 emin808

emin808

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

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

Отправлено 22 Декабрь 2012 - 14:32

Будьте добры пожалуйста , ещё маленькую деталь: подтянуть повыше максимально

Изображение

#12 miyako

miyako

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

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

Отправлено 22 Декабрь 2012 - 14:43

 emin808 (22 Декабрь 2012 - 14:32) писал:

Будьте добры пожалуйста , ещё маленькую деталь: подтянуть повыше максимально

Изображение
Чтобы подтянуть максимально вверх слайдер, в файле nyvo.csstemplate находите следующий код:
.theme-default .nivoSlider {
position:relative;
background:#fff url(/web/upload/assets/images/154/153295/nyvo_loading.gif) no-repeat 50% 50%;
	margin-bottom:0px;
	-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/154/153295/nyvo_loading.gif) no-repeat 50% 50%;
	margin-bottom:0px;
	margin-top:-20px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}


#13 emin808

emin808

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

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

Отправлено 22 Декабрь 2012 - 14:57

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

Изображение

#14 miyako

miyako

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

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

Отправлено 22 Декабрь 2012 - 15:14

 emin808 (22 Декабрь 2012 - 14:57) писал:

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

Изображение

Найдите в шаблоне HTML следующую строку:
<div class="theme-default" style="padding: 0px 0px 0px 13px; display: block;">
и замените на:
<div class="theme-default" style="padding:1em;display: block;">


#15 emin808

emin808

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

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

Отправлено 22 Декабрь 2012 - 15:28

да, заменил , слайдер встал , но теперь ряд настроек сбился

Изображение


Изображение


Изображение

#16 emin808

emin808

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

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

Отправлено 22 Декабрь 2012 - 15:41

а все разобрался, благодарствую :)

#17 emin808

emin808

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

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

Отправлено 23 Декабрь 2012 - 10:00

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

#18 miyako

miyako

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

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

Отправлено 23 Декабрь 2012 - 13:11

 emin808 (23 Декабрь 2012 - 10:00) писал:

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

Для этого вам нужно узнать имя переменной страницы. Это можно сделать с помощью функции
{print_r}

Допустим вам нужно запретить выводить слайдер 2 не только в каталогах, но еще и в акциях.
Находите в шаблоне HTML следующий код:
<!-- слайдер без каталога и товаров -->
   {%IFNOT index_page && MOD_LNAME!=catalog && MOD_LNAME!=goods %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
		<!-- Непосредственный код слайдера -->
		<div id="slider">
		  <img src="http://chinzo.ru/published/publicdata/U1009TEST/attachments/SC/products_pictures/698/120068S06_product_STD_.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();
		});
  </script>
  {% ENDIF %}
и заменяете его на:
<!-- слайдер без каталога, товаров и акций -->
   {%IFNOT index_page && MOD_LNAME!=catalog && MOD_LNAME!=goods % && MOD_LNAME != discount %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
		<!-- Непосредственный код слайдера -->
		<div id="slider">
		  <img src="http://chinzo.ru/published/publicdata/U1009TEST/attachments/SC/products_pictures/698/120068S06_product_STD_.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();
		});
  </script>
  {% ENDIF %}
	  
MOD_LNAME != discount
- discount - имя страницы списка акций. Теперь Вы сможете легко запретить выводить слайдер 2 еще и на других страницах.

#19 emin808

emin808

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

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

Отправлено 24 Декабрь 2012 - 08:52

да, благодарю, разобрался чуть, но вот не совсем понял про функцию  {print_r} , как её использовать?!

и можно ли задавать отображение разных картинок . ?!

например  в раздел лента новостей информацию о акции (Как есть сейчас) , а в раздел как сделать заказ уже другую картинку....

Подскажите пожалуйста путь


#20 emin808

emin808

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

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

Отправлено 24 Декабрь 2012 - 15:12

:mellow: :)





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

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

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