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


Помогите Прикрутить Простой Слайдер!


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

#21 Wo lf

Wo lf

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

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

Отправлено 12 Февраль 2012 - 21:59

Просмотр сообщенияVaccina (14 Октябрь 2011 - 05:31) писал:

Что бы данный слайдер заработал вам нужно разместить

строку

<script type="text/javascript" src="js/easySlider1.5.js"></script>

перед строкой

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

которая находиться в шаблоне "HTML". так же вам нужно загрузить данный файл в этом же разделе и изменить строчку

<script type="text/javascript" src="js/easySlider1.5.js"></script>

на



<script type="text/javascript" src="{ASSETS_JS_PATH}easySlider1.5.js"></script>

Далее код

$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});

разместить в самом конце файла main.js который находиться так же в редакторе тем.

После добавить файлы стилей

#slider{}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{
width:696px;
height:241px;
overflow:hidden;
}
#prevBtn, #nextBtn{
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
}
#nextBtn{
left:696px;
}
#prevBtn a, #nextBtn a{
display:block;
width:30px;
height:77px;
background:url(images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a{
background:url(images/btn_next.gif) no-repeat 0 0;
}

в файл main.css и в стилях поменять путь к изображениям. Т.е было так
url(images/btn_prev.gif)
станет так
url({ASSETS_IMAGES_PATH}btn_prev.gif)

Все прилагающиеся изображения нужно загрузить в редакторе тем - блок "Файлы"

Далее разместить в шаблоне "Страница"

<div id="slider">
<ul>
<li><a href="http://bitby.net/"><img src="images/01.jpg" alt="Слайд-панель на jQuery" /></a></li>
<li><a href="http://bitby.net/"><img src="images/02.jpg" alt="Слайд-панель на jQuery" /></a></li>
<li><a href="http://bitby.net/"><img src="images/03.jpg" alt="Слайд-панель на jQuery" /></a></li>
<li><a href="http://bitby.net/"><img src="images/04.jpg" alt="Слайд-панель на jQuery" /></a></li>
<li><a href="http://bitby.net/"><img src="images/05.jpg" alt="Слайд-панель на jQuery" /></a></li>
</ul>
</div>

изменить пути к изображениям и загрузить сами изображения. Так же можно обвернуть блок в условие - чтобы слайдер отображался только на главной. Получиться так
{%IF index_page%}
<div id="slider">
<ul>
<li><a href="http://bitby.net/"><img src="{ASSETS_IMAGES_PATH}01.jpg" alt="Слайд-панель на jQuery" /></a></li>
<li><a href="http://bitby.net/"><img src="{ASSETS_IMAGES_PATH}02.jpg" alt="Слайд-панель на jQuery" /></a></li>
<li><a href="http://bitby.net/"><img src="{ASSETS_IMAGES_PATH}03.jpg" alt="Слайд-панель на jQuery" /></a></li>
<li><a href="http://bitby.net/"><img src="{ASSETS_IMAGES_PATH}04.jpg" alt="Слайд-панель на jQuery" /></a></li>
<li><a href="http://bitby.net/"><img src="{ASSETS_IMAGES_PATH}05.jpg" alt="Слайд-панель на jQuery" /></a></li>
</ul>
</div>
{%ENDIF%}

разместить данный код можно например перед блоком

<!-- Контент страницы -->
  <div class="htmlDataBlock">
	{PAGE_CONTENT}
  </div>

Ура! Получилось .Спасибо Вам БОЛЬШОЕ!

#22 romatex

romatex

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

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

Отправлено 15 Февраль 2012 - 07:19

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


#23 romatex

romatex

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

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

Отправлено 15 Февраль 2012 - 15:52

ого)) оказывается я тоже продвинутый пользователь))) помогите продвинутому)

#24 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Февраль 2012 - 22:02

Так как у вас небольшой блок вы можете использовать например такой слайдер http://infoscript.ru...2011-11-08-2625
И выполнить предложенные там инструкции. Закачать все необходимые файлы в разделе редактора тем. И вставить код слайдера после блока

<!-- Каталог -->
	  				<h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			  <ul id="subNavigation">
	  				  {%IFNOT catalog_empty %}
				  {% FOR catalog %}
					{% IFNOT catalog.HIDE %}
					  <li>
						<a href="{catalog.URL}" 
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						>{catalog.NAME}</a>
					  </li>
					{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
	  				</ul>
	  				<!-- end Каталог -->

в шаблон "HTML"

#25 romatex

romatex

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

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

Отправлено 16 Февраль 2012 - 11:40

всё вставил куда надо, файлы закинул и после изменения пути к картинкам слайдер вообще пропал со страницы.  И ещё вопрос - он автоматически не передвигает слайды?

#26 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 16 Февраль 2012 - 21:41

Возможно проблема в том - что вы забыли убрать код от старого слайдера в файле main.js

$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});

что вызывает ошибку JavaScript

Цитата

И ещё вопрос - он автоматически не передвигает слайды?


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

#27 romatex

romatex

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

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

Отправлено 17 Февраль 2012 - 08:57

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


#28 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Февраль 2012 - 20:50

Проблема в том что переменные не обрабатываются в сторонних файлах, и получается такой вид
#ppy3 .ppy-next {
	background: url("{ASSETS_IMAGES_PATH}next3.png") no-repeat scroll center center transparent;
	width: 22px;
}

вам необходимо указать полный путь к изображению.

#29 VmestesApple

VmestesApple

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

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

Отправлено 18 Февраль 2012 - 21:35

Vaccina, использовал nivo-slider , подключал как описано тобой во 2м и 10м постах этой темы, но где-то ошибся, в результате 3 картинки на  главной друг под другом, но не фунциклируют как слайдер.
В чем косяк, как устранить, подскажи, пожалуйста!
вот мой сайт http://podariaromat.storeland.ru/, вот образец http://beautylf.ru/ , мне как раз такой и надо...

когда загружаю файлы изображений скрипта, то они в 3х папках default,orman,pascal и некоторые совпадают, как быть?
или надо было архив со скриптом целиком грузить?
Если я правильно понял, это темы скрипта nivo-slider, любую тему на выбор загружать или он может без них работать?
если не может, то как подключать файл стиля для каждой из тем?

вот HTML , который у меня получился по инструкции со 2го и 10го постов

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
  <title>{PAGE_TITLE}</title>
  <meta name="keywords" content="{PAGE_META_KEYWORDS}" />
  <meta name="description" content="{PAGE_META_DESCRIPTION}" />
  <meta http-equiv="X-UA-Compatible" content="IE=7" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="Content-Language" content="ru" />
  <link href="{ASSETS_IMAGES_PATH}favicon.ico" rel="icon" type="image/x-icon" />
  
  <!-- Стили которые не нужно менять, грузятся из папки общих файлов -->
  <link rel="stylesheet" href="{FORALL_STYLES_PATH}reset_03.css" type="text/css" />
  <link rel="stylesheet" href="{FORALL_STYLES_PATH}nyroModal/nyroModal.full.css" type="text/css" />
  <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" />

  <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
  {% IF TARIFF_FEATURE_GOODS_OPINION %}
	<!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга -->
	{% IFNOT SETTINGS_OPINION_DISABLE %}
	  <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui-stars/jquery.ui.stars.min.css" type="text/css" />
	{% ENDIF %}
  {% ENDIF %}

  <!-- Стили магазина -->
  <link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" />

  <!-- Скрипты которые не нужно менять, грузятся из папки общих файлов -->
  <!-- Это собранные в один файл скрипты из файлов:
	{FORALL_JS_PATH}jquery-1.4.2.min.js
	{FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js
	{FORALL_JS_PATH}jquery-ui-1.8.4.custom.min.js
	{FORALL_JS_PATH}jquery.validate.min.js
	{FORALL_JS_PATH}jquery.capslock.min.js
  -->
  <script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.min.js"></script>

  <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
  {% IF TARIFF_FEATURE_GOODS_OPINION %}
	<!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга -->
	{% IFNOT SETTINGS_OPINION_DISABLE %}
	  <script type="text/javascript" src="{FORALL_JS_PATH}jquery.ui.stars.min.js"></script>
	{% ENDIF %}
  {% ENDIF %}

  <!-- Скрипты магазина -->
  <link rel="stylesheet" href="{ASSETS_JS_PATH}nivo-slider.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"> </script>

<link type="text/css" rel="stylesheet" href="http://super22.ru/i/sms/lightbox-css.css">
</head>
<body style="background:url("http://podariaromat.storeland.ru/web/upload/assets/images/45/44405/1871707.jpg") repeat-xy center center;">
<div id="shadowing"></div>
<div id="box">
<div id="boxheader">
	Заказать звонок
   <span id="boxclose" onClick="document.getElementById('box').style.display='none';
   document.getElementById('shadowing').style.display='none'"> </span>
</div>
<div id="boxcontent">

<form style="width: 95%;" action="http://super22.ru/i/sms/podariaromat.storeland.ru.php" onSubmit="document.getElementById('box').style.display='none';
   document.getElementById('shadowing').style.display='none'" target="_blank" method="POST">
<table>
<tr>
<td style="width: 40%;">
<p>Телефон:</p>
<input style="width: 90%;" type="text" name="tel"/>
</td>
<td style="text-align: center;vertical-align: top;width: 10%;"><p><strong>/</strong></p>
</td>
<td style="width: 40%;">
<p>E-mail:</p>
<input style="width: 90%;" ype="text" name="email"/>
</td>
<tr><td colspan="3">
<p>Сообщение:</p>
<textarea style="height:50px;width: 95%;" name="msg"></textarea>
<button  style="width: 95%;margin: 5px auto; background: #8ac;border:8px solid #8ac;color:#fff;border-radius: 15px;font-weight: bold;" class="Button" type="submit">Заказать</button>
</td>
</tr>
</table>
</form>
</div>
</div>
  <div class="b_page" id="wrapper">
	<div class="container" id="header">
  
	  <div class="pad-box cont620" id="logo"><h1><a href="http://{NET_DOMAIN}/"><span>На главную</span></a></h1></div>
  
	  <!-- Контакты -->
	  <div id="contactInfo">
		<table>
		  <tr>
			<td class="contactInfoContent">
			  <table>
				<!-- Первый контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
					</td>
				  </tr>
				{% ENDIF %}
				
				<!-- Второй контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
					</td>
				  </tr>
				{% ENDIF %}
			  
				<!-- Третий контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}
					</td>
				  </tr>
				{% ENDIF %}
	  
				<!-- Время работы магазина -->
				{% IF SETTINGS_STORE_WORK_TIME %}
				  <tr>
					<td class="contentTableHeadMainWorkTime">
					  {SETTINGS_STORE_WORK_TIME}
					</td>
				  </tr>
				{% ENDIF %}
				
				<!-- ICQ номер -->
				{% IF SETTINGS_STORE_ICQ %}
				  <tr>
					<td class="contentTableHeadMainIcq">
					  <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					  <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
					</td>
				  </tr>
				{% ENDIF %}
			  </table>
			</td>
		  </tr>
		</table>
	  </div>
	  <!-- end Контакты -->
	   
	  
	  <!-- Корзина -->
	  <div id="cartInfo">
		<a href="{CART_URL}">в корзине товаров на</a>:
		<span id="cartSum">
		  {% IF cart_count_empty %}
			<span>0</span> {CURRENCY_NAME}
		  {% ELSE %}
			{% FOR cart_sum %}
			  <span class="num">{cart_sum.NOW | money_format}</span><br />
			{% ENDFOR %}
		  {% ENDIF %}
		</span>
	  </div>
	  <!-- end Корзина -->
  
	  <!-- Поиск -->
	  <div id="search">
		<form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
		  <div>
			<input type="text"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" />
			<input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" />
			<div class="clr"></div>
		  </div>
		</form>
	  </div>
	  <a href="#" onClick="document.getElementById('shadowing').style.display='block';
	document.getElementById('box').style.display='block';"class="heda" style="display: block; width: 100px; height:34px; position: 

absolute; top: 55px; left: 800px; clear:both;" href="#"> </a>
	  <div class="clr"></div>
	  <!-- end Поиск -->
	  
	  <!-- Верхний блок навигации -->
	  <div class="containerin" id="top-menu">
		<ul class="pad-box cont620" id="mainmenu">
		  {% FOR menu %}
			{% FOR header %}
			  {% FOR links %}
				<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
			  {% ENDFOR %}
			{% ENDFOR %}
		  {% ENDFOR %}
		</ul>
		<div class="clr"></div>
	  </div>
	  <!-- end Верхний блок навигации -->
	</div>

	<!-- контент -->
	<div class="container" id="cpages">
	  <div class="content_page">
		<table>
		  <tr>
			<td class="content_catalog cont250">
			<!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu"> 
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">КАТАЛОГ АРОМАТОВ</a></h2>
					<ul>
					{%IFNOT catalog_empty %}
					  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <li class="cat-item"> 
						  <a href="{catalog.URL}" 
						  {% IF catalog.LEVEL=0%}style="font-weight:bold;"{% ENDIF %}
							  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
							>{catalog.NAME}</a>
						  </li>
						{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
					</ul><br />
				  </li>
				  <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?47"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "200", height: "290"}, 34968733);
</script>

				  <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				  {% IF TARIFF_FEATURE_GOODS_FILTERS %}
					<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
					{% IF SHOW_GOODS_FILTERS %}
					  <li class="goods_filters"><br /><h2>Фильтры</h2>
						<ul>
						  <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
						  <form action="" method="get">
							<div class="contentTbodySearchFilterBlock cornerAll">
  
							  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
							  {% FOR filter_attr_list %}
								<span class="contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
								<div class="contentTbodySearchFilterBlockValues">
								{% FOR values %}
								  <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} /> 
								  <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}</label><br />
								{% ENDFOR %}
								</div>
							  {% ENDFOR %}
  
							  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
							  {% FOR filter_prop_list %}
								<span class="contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
								<div class="contentTbodySearchFilterBlockValues">
								{% FOR values %}
								  <input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} > 
								  <label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE}</label><br />
								{% ENDFOR %}
								</div>
							  {% ENDFOR %}
							</div>
						  </form>
						</ul>
					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

				  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
					{% IFNOT SETTINGS_COMPARE_DISABLE %}
					  <li class="compare"><br /><h2><a href="{COMPARE_URL}">Сравнить товары</a></h2>
						<ul>
						  <div class="contentTbodyCompare">
							{%IF COMPARE_GOODS_COUNT=0 %}
							  <em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em>
							{% ELSE %}
							  <em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br />
							  <a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a>
							{% ENDIF %}
						  </div>
						</ul>
					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль сравнения товаров -->
				  
				  <!-- Если в тарифном плане подключен модуль новостей -->
				  {% IF TARIFF_FEATURE_NEWS %}
					<!-- Все новости -->
					{%IFNOT news_list_all_empty %}
					  <li class="news_all"><br /><h2><a href="{NEWS_ALL_URL}">Лента новостей</a></h2>
						<ul>
						  <div class="contentTbodyNews">
				
							<!-- Список новостей магазина -->
							<p class="contentTbodyNewsBlock">
							  {% FOR news_list_all %}
								<div class="contentTbodyNewsBlockItem"> 
								  <a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br />
								  
								  <div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div>
								  {% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
								</div>
							  {% ENDFOR %}
							  <a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a>
							</p>
						  </div>
						</ul>
					  </li>
					{% ENDIF %}

					<!-- Новости магазина -->
					{%IFNOT news_list_shop_empty %}
					  <li class="news_shop"><br /><h2><a href="{NEWS_SHOP_URL}">Новости магазина</a></h2>
						<ul>
						  <div class="contentTbodyNews">

							<!-- Список новостей магазина -->
							<p class="contentTbodyNewsBlock">
							  {% FOR news_list_shop %}
								<div class="contentTbodyNewsBlockItem"> 
								  <a href="{news_list_shop.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a><br />
								  
								  <div class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT} </div>
								  {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
								</div>
							  {% ENDFOR %}
							  <a class="contentTbodyNewsArchive" href="{NEWS_SHOP_URL}">Архив новостей</a>
							</p>
						  </div>
						</ul>
					  </li>
					{% ENDIF %}

					<!-- Статьи -->
					{%IFNOT news_list_articles_empty %}
					  <li class="news_articles"><br /><h2><a href="{NEWS_ARTICLES_URL}">Статьи</a></h2>
						<ul>
						  <div class="contentTbodyNews">

							<!-- Список статей -->
							<p class="contentTbodyNewsBlock">
							  {% FOR news_list_articles %}
								<div class="contentTbodyNewsBlockItem"> 
								  <a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br />
								  
								  <div class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div>
								  {% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
								</div>
							  {% ENDFOR %}
							  <a class="contentTbodyNewsArchive" href="{NEWS_ARTICLES_URL}">Архив статей</a>
							</p>
						  </div>
						</ul>
					  </li>
					{% ENDIF %}

					<!-- Материалы СМИ -->
					{%IFNOT news_list_mass_media_empty %}
					  <li class="news_mass_media"><br /><h2><a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a></h2>
						<ul>
						  <div class="contentTbodyNews">

							<!-- Список статей -->
							<p class="contentTbodyNewsBlock">
							  {% FOR news_list_mass_media %}
								<div class="contentTbodyNewsBlockItem"> 
								  <a href="{news_list_mass_media.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_mass_media.TITLE}</a><br />
								  
								  <div class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT} </div>
								  {% IF news_list_mass_media.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_mass_media.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
								</div>
							  {% ENDFOR %}
							  <a class="contentTbodyNewsArchive" href="{NEWS_MASS_MEDIA_URL}">Архив новостей</a>
							</p>
						  </div>
						</ul>
					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				  </div>

				</ul>
			  </div>
			</td>
			<td class="content_body cont700">
			  {BODY}
			  
			  <!-- Всевозможные списки товаров -->
			  {% IF index_page %}
				<!-- Список новинок на главной -->			  
	 <table>
		{% FOR index_page_new_goods %}
		  <td class="goodsListItem">  
			<div class="goodsListItemBlock withBorder cornerAll">
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{index_page_new_goods.URL}"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_new_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
				  </td>
				</tr>
			  </table>
			  
			  <h3 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3>
			  <div class="goodsListItemPriceNew">
				<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
			  </div>  
			  <div class="goodsListItemPriceOld">
				{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
				  <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>goods.MIN_PRICE_NOW %}
				  <a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %} 
			  </div>
			</div>
		  </td>
		{index_page_new_goods.index | is_divided("3","</tr><tr>","")}
		{% ENDFOR index_page_new_goods %}
	  </table>
				<!-- end Список новинок на главной -->
				
				<!-- Список хитов продаж на главной -->
				{% IFNOT index_page_favorites_goods_empty %}
				  <div class="pad-box">
					<h3><a href="{CATALOG_TOP_SALES_URL}" class="indexPage">Хиты продаж</a></h3>
					{% FOR index_page_favorites_goods %}
					  <div class="listing">
						<div class="imagem"><a href="{index_page_favorites_goods.URL}"><img {% IF index_page_favorites_goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{index_page_favorites_goods.IMAGE_SMALL}"{% ENDIF %} alt="{index_page_favorites_goods.NAME}" /></a></div>
				  
						<div class="contm">
						  <h3><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></h3>
						  <p>
							{index_page_favorites_goods.DESCRIPTION_SHORT}
						  </p>
						  <p>
							Цена сейчас: <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a><br />
							{% IF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
							  Старая цена: <a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
							{% ENDIF %}
						  </p>
						  <p>
							<a class="readmore" title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL}">Подробнее</a>
						  </p>
						</div>
						<div class="clr"></div>
					  </div>
				  {% ENDFOR index_page_favorites_goods %}
				  </div>
				{% ENDIF %}	   
				<!-- end Список хитов продаж на главной -->
				
				<!-- Список товаров на главной -->
	<table>
		{% FOR index_page_goods %}
		  <td class="goodsListItem">  
			<div class="goodsListItemBlock withBorder cornerAll">
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{index_page_goods.URL}"><img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a>
				  </td>
				</tr>
			  </table>
			  
			  <h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>
			  <div class="goodsListItemPriceNew">
				<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
			  </div>  
			  <div class="goodsListItemPriceOld">
				{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
				  <a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				{% ELSEIF index_page_goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				  <a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %} 
			  </div>
			</div>
		  </td>
		{index_page_goods.index | is_divided("3","</tr><tr>","")}
		{% ENDFOR index_page_goods %}
	  </table>
				<!-- end Список товаров на главной -->
			  {% ENDIF %}
			  <!-- END Всевозможные списки товаров -->
			  
			</td>
			
		  </tr>
		</table>
	  </div>
	</div>
  </div>


  <!-- Подвал сайта -->
  <div id="footer">
	<div class="left">
	  <p>© {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
	  <ul>
		{% FOR menu %}
		  {% FOR footer %}
			{% FOR links %}<li {% IF menu.footer.links.last %}class="last"{% ENDIF %}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
	  </ul>
	</div>
	<div>{SETTINGS_STORE_HTML_CODE}</div>
  </div>
</body>
</html>

И ещё, как сделать двигающимися элементы каталога как здесь http://qwent.ru/ ???

Спасибо!

#30 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Февраль 2012 - 21:45

В файле main.js присутствует синтаксическая ошибка. Найдите

$(document).ready(function(){
$("#slider").nivoslider({
auto: true,
continuous: true
});
});

замените на

$("#slider").nivoslider({
auto: true,
continuous: true
});
});

В конец файла main.js добавьте

//sdvig ssilok
$(document).ready(function()
{
  slide("#cats-menu", "+=8", "-=8", 150, .8);
});

function slide(navigation_id, pad_out, pad_in, time, multiplier)
{
  // creates the target paths
  var list_elements = navigation_id + " li.cat-item";
  var link_elements = list_elements + " a span";
  
  //alert(link_elements);
  
  // initiates the timer used for the sliding animation
  var timer = 0;
  delay = 0;
  
  var orig_margin;
  // creates the slide animation for all list elements 
  $(navigation_id + " a span").each(function(i)
  {
  var id = $(this).attr('id');
  setTimeout( '$("#'+id+'").animate({ paddingLeft: "+=8" }, 200); $("#'+id+'").animate({ paddingLeft: "-=8" }, 200);', delay );
  delay += 20;
	
  /*  
	orig_margin = $(this).css("margin-left");	
	//right_state = 0;	
	// margin left = - ([width of element] + [total vertical padding of element])
	$(this).css("margin-left","-180px");
	// updates timer
	timer = (timer*multiplier + time);
	$(this).animate({ marginLeft: "-15px" }, timer);
	$(this).animate({ marginLeft: "0px" }, timer);
	$(this).animate({ marginLeft: "-15px" }, timer);
  */
  });

  // creates the hover-slide effect for all link elements	 
  $(navigation_id + " a").each(function(i)
  {
	$(this).hover(
	function()
	{
	  $(this).find('span').animate({ paddingLeft: pad_out }, 150);
	  //$(this).css({paddingLeft: '100px'});
	},	
	function()
	{
	  $(this).find('span').animate({ paddingLeft: pad_in }, 150);
	});
  });
}//sdvig silok

Далее каталогу прописать id
<ul id="cats-menu">
Далее каждый текст внутри ссылки необходимо обвернуть в span
<a href="#">
 <span>Текст</span>
</a>


#31 VmestesApple

VmestesApple

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

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

Отправлено 20 Февраль 2012 - 23:15

Что значит каталогу прописать id, где взять id и в каком файле прописывать? все остальное сделал, слайдер пока не работает(((
правильно ли я понял, что текст внутри ссылки необходимо обвернуть в span это значит сделать так?

<li><a href="http://podariaromat.storeland.ru/catalog"><span><img src="{ASSETS_IMAGES_PATH}loaded_main_image_4.1.jpg"</span> alt="Слайд-панель на jQuery" /></a></li>

<li><a href="http://podariaromat.storeland.ru/goods/CHANEL-Platinum-Egoiste?from=ODU4"><img src="{ASSETS_IMAGES_PATH}loaded_main_image_5.1.jpg" alt="Слайд-панель на jQuery" /></a></li>

<li><a href="http://podariaromat.storeland.ru/catalog/GIVENCHY"><img src="{ASSETS_IMAGES_PATH}loaded_main_image_6.1.jpg" alt="Слайд-панель на jQuery" /></a></li>
</ul>


И ещё, как сделать двигающимися элементы каталога как здесь http://qwent.ru/ ???

#32 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 21 Февраль 2012 - 21:24

В данной строке у вас ошибка

<li><a href="http://podariaromat.storeland.ru/catalog"><span><img src="{ASSETS_IMAGES_PATH}loaded_main_image_4.1.jpg"</span> alt="Слайд-панель на jQuery" /></a></li>

В ответе выше

Цитата

В файле main.js присутствует синтаксическая ошибка. Найдите

$(document).ready(function(){
$("#slider").nivoslider({
auto: true,
continuous: true
});
});



замените на

$("#slider").nivoslider({
auto: true,
continuous: true
});
});

имело отношение к слайдеру. А остальное по вашему вопросу

Цитата

И ещё, как сделать двигающимися элементы каталога как здесь http://qwent.ru/ ???


#33 VmestesApple

VmestesApple

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

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

Отправлено 21 Февраль 2012 - 23:36

синтаксическую ошибку видимо устранил, заменив указанный кусок в main.js, но слайдер работать не начал! где ещё копать? вот код 474 строчка.(после замены)
// Отправляет ошибку на сервер, для того чтобы служба тех поддержки могла разобраться в проблеме как можно быстрее.
function sendError (desc, page, line) {
  var img=document.createElement('img');
  img.src = 'http://storeland.ru/error/js?desc='+encodeURIComponent(desc)+'&page='+encodeURIComponent(window.location)+'&line=0';
  img.style.position = 'absolute';
  img.style.top = '-9999px';

  try { document.getElementsByTagName('head').appendChild(img) } catch (e){}
  return false;
}

// Форматирует цену
function number_format(number,decimals,dec_point,thousands_sep){var n=number,prec=decimals;var toFixedFix=function(n,prec){var k=Math.pow(10,prec);return(Math.round(n*k)/k).toString();};n=!isFinite(+n)?0:+n;prec=!isFinite(+prec)?0:Math.abs(prec);var sep=(typeof thousands_sep==='undefined')?',':thousands_sep;var dec=(typeof dec_point==='undefined')?'.':dec_point;var s=(prec>0)?toFixedFix(n,prec):toFixedFix(Math.round(n),prec);var abs=toFixedFix(Math.abs(n),prec);var _,i;if(abs>=1000){_=abs.split(/\D/);i=_[0].length%3||3;_[0]=s.slice(0,i+(n<0))+
_[0].slice(i).replace(/(\d{3})/g,sep+'$1');s=_.join(dec);}else{s=s.replace('.',dec);}
var decPos=s.indexOf(dec);if(prec>=1&&decPos!==-1&&(s.length-decPos-1)<prec){s+=new Array(prec-(s.length-decPos-1)).join(0)+'0';}
else if(prec>=1&&decPos===-1){s+=dec+new Array(prec).join(0)+'0';}
return s;}

// Превращает поле пароля в текстовое поле и обратно
// @LinkObject - ссылка по которой кликнули
// @InputObject - объект у которого нужно изменить тип поля
function ChangePasswordFieldType (LinkObject, InputObject) {
  var 
	// Ссылка по которой кликнули
	LObject = $(LinkObject),
	// Объект у которого изменяем тип с password на text
	IObject = $(InputObject),
	// Старый текст ссылки
	txtOld = LObject.text(),
	// Новый текст ссылки
	txtNew = LObject.attr('rel');

  // Если объекты не получены, завершим работу функции
  if( LObject.length==0 || IObject.length==0 ) {
	return false;
  }

  // Изменяем у ссылки текст со старого на новый
  LObject.html(txtNew);
  // Старый текст ссылки сохраняем в атрибуте rel 
  LObject.attr('rel', txtOld);

  // Изменяем тип input поля
  if(IObject[0].type == 'text') {
	IObject[0].type = 'password';
  } else {
	IObject[0].type = 'text';
  }
}

// Крутит изображение при обновлении картинки защиты от роботов
function RefreshImageAction(img,num,cnt) {
  if(cnt>13) {
	return false;
  }

  $(img).attr('src', $(img).attr('rel') + 'icon/refresh/' + num + '.gif');
  num = (num==6)?0:num;
  setTimeout(function(){RefreshImageAction(img, num+1, cnt+1);}, 50);
}

$(document).ready(function(){
 
  // Валидация формы на странице оформления заказа, а так же формы на страницы связи с администрацией
  $('.order form, .feedbackForm, .clientForm, .goodsDataOpinionAddForm').submit(function(){
	if($(this).valid()) {
	  SubmitButton = $(this).find('input:submit, button:submit').attr('disabled', true);
	  setTimeout('SubmitButton.attr("disabled", false);', 10000);
	}
  }).validate();

  // В форме оформления заказа при клике на кнопку назад просто переходим на предыдущую страницу
  $('.order form input:submit[name="toprev"]').click(function(){
	var act = this.form.action;
	this.form.action = act + ( act.indexOf( '\?' ) > -1 ? '&' : '?' ) + 'toprev=1';
	this.form.submit();
	return false;
  });
  
  // Настройки галереи изображений
  $.nyroModalSettings({
	// из всех элементов с атрибут rel="gallery" будем создавать галерею
	gallery: 'gallery',
	// Включаем прокрутку с последнего изображения на первое
	galleryLoop: true
  });
   
  // Увеличение изображение при клике на него и открытие галереи изображений
  $('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function(){
		
		// Идентификатор главной картинки
	var goodsImageId = $('.goodsDataMainImage input').attr("rel"),
		
		// Маленькое изображение, по которому на самом деле будем кликать
		goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a');

	// Для иконки изображения запустим галерею  
	goodsImageIconElement.nyroModalManual();
	return false;
  });
  
  
  // Добавление товара в корзину через ajax
  $('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit(function(){
	
	$(this).nyroModalManual({
	  formIndicator: 'ajax_q',  // Value added when a form is sent
	  minWidth: 450, // Minimum width
	  minHeight: 140, // Minimum height
	  gallery: null // Gallery name if provided
	});
	return false;
  });
  
  // Изменение главного изображения товара при нажатии на миниатюру
  $('.goodsDataMainImagesIcon a').click(function(){
		// Путь к среднему изображению
	var MediumImageUrl = $(this).find('img').attr('rel'),
		
		// Главное изображение, в которое будем вставлять новое изображение
		MainImage = $('.goodsDataMainImage img'),
		
		// В этом объекте хранится идентификатор картинки главного изображения для коректной работы галереи изображений
		MainImageIdObject = $('.goodsDataMainImage input'),
		
		// Получаем идентификатор этого изображения из соседнего input поля
		GoodsImageIconId = $(this).parent().find('input').attr("rel");
	
	// Изменяем главное изображение
	MainImage.attr('src',MediumImageUrl);
	
	// Изменяем идентификатор главного изображения
	MainImageIdObject.attr("rel",GoodsImageIconId);
	
	return false;
  });

  // Функция собирает свойства в строку, для определения модификации товара
  function getSlugFromGoodsDataFormModificationsProperties(obj) {
	var properties = new Array();
	$(obj).each(function(i){
	  properties[i] = parseInt($(this).val());
	});
	return properties.sort(function(a,B){return a - b}).join('_');
  }
  
  
  var goodsDataProperties = $('.goodsDataForm [name="form[properties][]"]');
  
  // Изменение цены товара при изменении у товара свойства для модификации
  goodsDataProperties.each(function(){
	$(this).change(function(){
	  var slug = getSlugFromGoodsDataFormModificationsProperties(goodsDataProperties),
		  modificationBlock			 = $('.goodsDataMainModificationsList[rel="'+slug+'"]'),
		  modificationId				= parseInt(modificationBlock.find('[name="id"]').val()),
		  modificationArtNumber		 = modificationBlock.find('[name="art_number"]').val(),
		  modificationPriceNow		  = parseFloat(modificationBlock.find('[name="price_now"]').val()),
		  modificationPriceNowFormated  = modificationBlock.find('.price_now_formated').html(),
		  modificationPriceOld		  = parseFloat(modificationBlock.find('[name="price_old"]').val()),
		  modificationPriceOldFormated  = modificationBlock.find('.price_old_formated').html(),
		  modificationRestValue		 = parseFloat(modificationBlock.find('[name="rest_value"]').val()),
		  modificationDescription	   = modificationBlock.find('.description').html(),
		  modificationMeasureId		 = parseInt(modificationBlock.find('[name="measure_id"]').val()),
		  modificationMeasureName	   = modificationBlock.find('[name="measure_name"]').val(),
		  modificationMeasureDesc	   = modificationBlock.find('[name="measure_desc"]').val(),
		  modificationMeasurePrecision  = modificationBlock.find('[name="measure_precision"]').val(),
		  modificationIsHasInCompareList= modificationBlock.find('[name="is_has_in_compare_list"]').val(),
		  goodsModificationId		   = $('.goodsDataMainModificationId'),
		  goodsPriceNow				 = $('.goodsDataMainModificationPriceNow'),
		  goodsPriceOld				 = $('.goodsDataMainModificationPriceOld'),
		  goodsAvailable				= $('.goodsDataMainModificationAvailable'),
		  goodsAvailableTrue			= goodsAvailable.find('.available-true'),
		  goodsAvailableFalse		   = goodsAvailable.find('.available-false'),
		  goodsArtNumberBlock		   = $('.goodsDataMainModificationArtNumber'),
		  goodsArtNumber				= goodsArtNumberBlock.find('span');
		  goodsCompareAddButton		 = $('.goodsDataCompareButton.add');
		  goodsCompareDeleteButton	  = $('.goodsDataCompareButton.delete');
		  goodsModDescriptionBlock	  = $('.goodsDataMainModificationsDescriptionBlock');
	   
	   // Изменяем данные товара для выбранных параметров. Если нашлась выбранная модификация
	   if(modificationBlock.length) {
		 // Цена товара
		 goodsPriceNow.html(modificationPriceNowFormated);
  
		 // Старая цена товара
		 if(modificationPriceOld>modificationPriceNow) {
		  goodsPriceOld.html(modificationPriceOldFormated);
		 } else {
		   goodsPriceOld.html('');
		 }
		 
		 // Есть ли товар есть в наличии
		 if(modificationRestValue>0) {
		   goodsAvailableTrue.show();
		   goodsAvailableFalse.hide();
		 // Если товара нет в наличии
		 } else {
		   goodsAvailableTrue.hide();
		   goodsAvailableFalse.show();
		 }
		 // Если товар есть в списке сравнения
		 if(modificationIsHasInCompareList>0) {
		   goodsCompareAddButton.hide();
		   goodsCompareDeleteButton.show();
		 // Если товара нет в списке сравнения
		 } else {
		   goodsCompareAddButton.show();
		   goodsCompareDeleteButton.hide();
		 }
		 
		 // Покажем артикул модификации товара, если он указан
		 if(modificationArtNumber.length>0) {
		   goodsArtNumberBlock.show();
		   goodsArtNumber.html(modificationArtNumber);
		 // Скроем артикул модификации товара, если он не указан
		 } else {
		   goodsArtNumberBlock.hide();
		   goodsArtNumber.html('');
		 }

		 // Описание модификации товара. Покажем если оно есть, спрячем если его у модификации нет
		 if(modificationDescription.length > 0) {
		   goodsModDescriptionBlock.show().html('<div>' + modificationDescription + '</div>');
		 } else {
		   goodsModDescriptionBlock.hide().html();
		 }
		 
		 
		 // Идентификатор товарной модификации
		 goodsModificationId.val(modificationId);
		 window.location.hash = '?modification='+modificationId;
	   } else {
		 // Отправим запись об ошибке на сервер
		 sendError('no modification by slug '+slug);
		 alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
	   }
	});
  });
  
  // Кнопка добавления товара на сравнение сравнения товаров
  $('.goodsDataCompareButton').click(function(){
	window.location.href = $(this).attr('rel') +
	($(this).attr('rel').indexOf( '\?' ) > -1 ? '&' : '?') +
	'id='+
	$('.goodsDataMainModificationId').val()+
	'&from='+
	$('input[name="form[goods_from]"]').val();
	return false;
  });
  
  // Сравнение товаров. Увеличение изображение при клике на ссылку увеличения и открытие галереии с изображениями этого товара
  $('.CompareGoodsImageZoom').click(function(){

	// Галлерея фотографий для данной модификации товаров
	var galleryBlock = $('.galleryBlock' +  $(this).attr('rel')),

	// Главное изображение товара, которое сейчас стоит у товара
	galleryMainImage = $('.CompareGoodsImageMain' +  $(this).attr('rel')),

	// Изображение по которому нужно кликнуть в галлерее изображений
	ImageIngallery = galleryBlock.find('.CompareGoodsImageGallery'+galleryMainImage.attr('rel'));
	
	// Запускаем галлерею изображений от изображения товара, чтобы если например кликнули по гайке, то и открылись гайка, а не еще какой-либо изображение этого товара
	ImageIngallery.nyroModalManual({
	  gallery: 'gallery' +  $(this).attr('rel')
	});

	return false;
  });
  
  // Сравнение товаров. Инвертирование свойств для сравнения товара
  $('.CompareCheckbox.invert').click(function(){
	var checked = true,
		checkboxes = $('.CompareCheckbox:not(.invert)');

	checkboxes.each(function(){
	  if($(this).attr('checked')) {
		checked = false;
		return false;
	  }
	});
	
	checkboxes.each(function(){
	  $(this).attr('checked', checked);
	});
	
	$(this).attr('checked', checked);
  });
  
  // Сравнение товаров. Скрытие характеристик товара, которые выделил пользователь
  $('.CompareGoodsHideSelected').click(function(){

	$('.CompareGoodsTableTbodyComparisonLine').each(function(){
	  var CheckedCheckbox = $(this).find('.CompareCheckbox:checked:not(.invert)');
	  if(CheckedCheckbox.length>0) {
		$(this).hide();
	  }
	});

	// отменяем выделение характеристик товаров
	$('.CompareCheckbox').attr('checked',false);

	return false;
  });
  
  // Сравнение товаров. Отображение скрытых характеристик товара
  $('.CompareGoodsShowAll').click(function(){
	$('.CompareGoodsTableTbodyComparisonLine:hidden').show();
	return false;
  });
  
  // Сравнение товаров. Верхняя навигация изменение фильтра на отображение всех характеристик товаров
  $('.CompareGoodsTableFilterShowAll').click(function(){
	$('.CompareGoodsTableFilterSelected').removeClass('CompareGoodsTableFilterSelected');
	$('.CompareGoodsTableTbodyComparisonLine:hidden').show();
	
	$(this).addClass('CompareGoodsTableFilterSelected');
	return false;
  });

  // Сравнение товаров. Фильтр в верхней навигации. Отображение только различающихся характеристик товара
  $('.CompareGoodsTableFilterShowOnlyDifferent').click(function(){
	$('.CompareGoodsTableFilterSelected').removeClass('CompareGoodsTableFilterSelected');
	$('.CompareGoodsTableTbodyComparisonLine:not(.same)').show();
	$('.CompareGoodsTableTbodyComparisonLine.same').hide();

	$(this).addClass('CompareGoodsTableFilterSelected');
	return false;
  });

  // Сравнение товаров. При наведении на строку сравнения, она выделяется цветом
  $('.CompareGoodsTableTbodyComparisonLine').hover(
	function () { $(this).addClass('hover'); }, 
	function () { $(this).removeClass('hover'); }
  );
  
  // При клике по строке выделяем свойство
  $('.CompareGoodsTableTbodyComparisonLine td:not(.ceil1)').click(function(){
	var CompareCheckbox = $(this).parent().find('.CompareCheckbox');

	if(CompareCheckbox.attr('checked')) {
	  CompareCheckbox.attr('checked', false);
	} else {
	  CompareCheckbox.attr('checked', true);
	}
  });

  // Форма регистрации нового пользователя, действие ссылки "показать пароль"
  $('.clientForm .showPass').click(function(){
	ChangePasswordFieldType(this, $('#sites_client_pass'));
	return false;
  });
  
  // Форма регистрации нового пользователя, при оформлении заказа
  $('.OrderShowPass').click(function(){
	ChangePasswordFieldType(this, $('#contactPassWord'));
	return false;
  });

  // При вводе пароля с caps lockом, покажет блок с сообщением для пользователя
  $('#sites_client_pass, #contactPassWord').capslock({
	caps_lock_on:function(){$("#caps_lock").show();},
	caps_lock_off:function(){$("#caps_lock").hide();}
  });
  
  // При оформлении заказа дадим возможность зарегистрироваться пользователю
  $('#contactWantRegister').click(function(){
	if($(this).attr("checked")) {
	  $('.contactRegisterNeedElement').show();
	  $('#contactEmail, #contactPassWord').addClass('required');
	} else {
	  $('.contactRegisterNeedElement').hide();
	  $('#contactEmail, #contactPassWord').removeClass('required');
	}
  });

  // Добавление отзыва о товаре. Рейтинг
  if(typeof($('.goodsDataOpinionTableRating').stars) == "function" ) {
	$('.goodsDataOpinionTableRating').stars({
	  inputType: "input",
	  split: 2,
	  captionEl: $(".goodsDataOpinionMsg"),
	  cancelShow: false
	});
  }
  
  // Список отзывов о товаре. Ссылка на отображение формы для добавление отзыва о товаре
  $('.goodsDataOpinionShowAddForm').click(function(){
	if(0 == $('#goodsDataOpinionAddBlock:visible').length) {
	  $('#goodsDataOpinionAddBlock').show('blind');
	} else {
	  $('#goodsDataOpinionAddBlock').hide('blind');
	  return false;
	}
  });

  // Добавление отзыва о товаре. кнопка reset скрывающая форму добавления отзыва о товаре
  $('.goodsDataOpinionAddForm input:reset').click(function(){
	$('#goodsDataOpinionAddBlock').hide('blind');
  });

  // Иконка для обновления изображение капчи
  $('.goodsDataOpinionCaptchaRefresh').click(function(){
	RefreshImageAction(this,1,1);
	$('.goodsDataOpinionCaptchaImg').attr('src',$('.goodsDataOpinionCaptchaImg').attr('src')+'&rand'+Math.random(0,10000));
	return false;
  });
  
  // Фильтры по товарам. При нажании на какую либо характеристику или свойство товара происходит фильтрация товаров
  $('.contentTbodySearchFilterBlock input').click(function(){
	$(this)[0].form.submit();
  });
  
  // Действия при выборе варианта доставки на этапе оформления заказа
  $('.deliveryRadio').click(function(){
	
	// Если текущая выделенная зона доставки не относится к выбранному варианту доставки, снимаем выделение с зоны доставки
	if($('.deliveryZoneRadio:checked').attr('deliveryid') != $(this).val()) {
	  $('.deliveryZoneRadio:checked').click().attr('checked', false);
	}
  });
  
  // Действия при выборе зоны внутри варианта доставки на этапе оформления заказа
  $('.deliveryZoneRadio').click(function(){
	
	var 
	  deliveryId = $(this).attr('deliveryid')
	  ,deliveryZonePrice = $(this).parent().find('.deliveryZonePrice')
	  ,deliveryTbody = $('.orderStageDeliveryListTable tbody[rel="' + deliveryId + '"]')
	  ,deliveryBlock = deliveryTbody.find('#deliveryId' + deliveryId)
	  ,deliveryZonePriceBlock = deliveryTbody.find('.orderStageDeliveryZonePrice')
	  ,deliveryDefaultPriceBlock = deliveryTbody.find('.orderStageDeliveryDefaultPrice')
	;

	// Если этот пункт уже выбран, при повторном клике пользователь видимо хочет снять выделение зоны доставки
	if('true' == $(this).attr('rel')) {
	  $(this).attr('checked', false);
	  $(this).attr('rel', 'false');
	  
	  // Показываем цену по умолчанию
	  deliveryDefaultPriceBlock.show();
	  // Скрываем цену образованную от зоны
	  deliveryZonePriceBlock.hide();
	  
	// Отмечаем у всех радио баттонов зон доставки свойство говорящее что они не отмечены
	} else {
	  $('.deliveryZoneRadio').attr('rel', 'false');
	  $(this).attr('rel', 'true');
	  
	  // Показываем цену по умолчанию
	  deliveryDefaultPriceBlock.hide();
	  // Скрываем цену образованную от зоны
	  deliveryZonePriceBlock.show().html(deliveryZonePrice.html());
	  
	  // Выделяем вариант доставки к которому относится зона доставки
	  deliveryBlock.attr('checked', true);
	}
	
  });

   $("#deliveryConvenientDate").datepicker({
		dayNames			: ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'],
		dayNamesMin		  : ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб' ],
		closeText			: 'Готово',
		currentText		  : 'Сегодня' ,
		duration			: '',
		monthNames		  : ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Окрябрь','Ноябрь','Декабрь'],
		monthNamesShort : ['Янв','Фев','Март','Апр','Май','Июнь','Июль','Авг','Сен','Окт','Ноя','Дек'],
		yearRange			: "-6:+6",
		dateFormat		  : 'dd.mm.yy',
		minDate		 : new Date(),
		firstDay			: 1
	});
$("#slider").nivoslider({
auto: true,
continuous: true
});
});
//sdvig ssilok
$(document).ready(function()
{
  slide("#cats-menu", "+=8", "-=8", 150, .8);
});

function slide(navigation_id, pad_out, pad_in, time, multiplier)
{
  // creates the target paths
  var list_elements = navigation_id + " li.cat-item";
  var link_elements = list_elements + " a span";
  
  //alert(link_elements);
  
  // initiates the timer used for the sliding animation
  var timer = 0;
  delay = 0;
  
  var orig_margin;
  // creates the slide animation for all list elements 
  $(navigation_id + " a span").each(function(i)
  {
  var id = $(this).attr('id');
  setTimeout( '$("#'+id+'").animate({ paddingLeft: "+=8" }, 200); $("#'+id+'").animate({ paddingLeft: "-=8" }, 200);', delay );
  delay += 20;
	
  /*  
	orig_margin = $(this).css("margin-left");	
	//right_state = 0;	
	// margin left = - ([width of element] + [total vertical padding of element])
	$(this).css("margin-left","-180px");
	// updates timer
	timer = (timer*multiplier + time);
	$(this).animate({ marginLeft: "-15px" }, timer);
	$(this).animate({ marginLeft: "0px" }, timer);
	$(this).animate({ marginLeft: "-15px" }, timer);
  */
  });

  // creates the hover-slide effect for all link elements	 
  $(navigation_id + " a").each(function(i)
  {
	$(this).hover(
	function()
	{
	  $(this).find('span').animate({ paddingLeft: pad_out }, 150);
	  //$(this).css({paddingLeft: '100px'});
	},	
	function()
	{
	  $(this).find('span').animate({ paddingLeft: pad_in }, 150);
	});
  });
}//sdvig silok
про айди не увидел ответ, где его брать и в каком именно месте какого файла прописывать, чтобы категории при наведении двигались? и где эти ссылки искать, которые в span обернуть надо?

#34 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 22 Февраль 2012 - 21:32

Возможно проблема в том, что у вас не корректно записано название функции nivo Slider У вас записано так  

$("#slider").nivoslider

попробуйте заменить на
$("#slider").nivoSlider
в данном случае регистр букв играет большую роль.

Цитата

про айди не увидел ответ, где его брать и в каком именно месте какого файла прописывать, чтобы категории при наведении двигались? и где эти ссылки искать, которые в span обернуть надо?


Выше в приведенном вами примере вы примерно верно сделали (заключили текст в тег span) я вам указала на ошибку - это делается для движения заголовков категорий. А id необходимо приписать каталогу т.е тегу <ul> каталога (<ul id="cats-menu">) Как видно на вашем сайте это уже сделано.

#35 VmestesApple

VmestesApple

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

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

Отправлено 22 Февраль 2012 - 22:04

Изменил регистр, не помогло!!! Что ещё можно сделать?
По движущимся ссылкам проблема в том ,что мне не ясно в каком файле их искать для обертывания в span ))) укажи,пожалуйста! значит,я каталога айди правильно прописал? но в том ли месте, котором нужно?
А когда указала на ошибку, то в чем ошибка заключалась? ведь я сделал по образцу из 30 поста:

Далее каталогу прописать id
<ul id="cats-menu">
Далее каждый текст внутри ссылки необходимо обвернуть в span
<a href="#">
<span>Текст</span>
</a>

Ответь пожалуйста подробно на все вопросы.

#36 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 24 Февраль 2012 - 11:42

Цитата

Изменил регистр, не помогло!!! Что ещё можно сделать?
Теперь видно что слайдер работает. Вам осталось подключить файл стилей nivo-slider.css
У вас имеется подключение
<link rel="stylesheet" href="http://js.storeland.ru/web/upload/assets/js/45/44405/nivo-slider.css" type="text/css" media="screen" />
Но данный файл отсутствует

По ссылкам. У вас сейчас код каталога выглядит так


<ul id="cats-menu">
  <li class="cat-item"> 
	<a style="font-weight:bold;" href="http://podariaromat.storeland.ru/catalog/ВСЕ-АРОМАТЫ">ВСЕ АРОМАТЫ</a>
  </li>
  <li class="cat-item"> 
	<a style="font-weight:bold;" href="http://podariaromat.storeland.ru/catalog/Для-БОГИНЬ">Для БОГИНЬ</a>
  </li>
  <li class="cat-item"> 
	<a style="font-weight:bold;" href="http://podariaromat.storeland.ru/catalog/ДЛЯ-БОГОВ">Для БОГОВ</a>
  </li>
</ul>

а должен выглядеть так

<ul id="cats-menu">
  <li class="cat-item"> 
	<a style="font-weight:bold;" href="http://podariaromat.storeland.ru/catalog/ВСЕ-АРОМАТЫ"><span>ВСЕ АРОМАТЫ</span></a>
  </li>
  <li class="cat-item"> 
	<a style="font-weight:bold;" href="http://podariaromat.storeland.ru/catalog/Для-БОГИНЬ"><span>Для БОГИНЬ</span></a>
  </li>
  <li class="cat-item"> 
	<a style="font-weight:bold;" href="http://podariaromat.storeland.ru/catalog/ДЛЯ-БОГОВ"><span>Для БОГОВ</span></a>
  </li>
</ul>


#37 VmestesApple

VmestesApple

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

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

Отправлено 25 Февраль 2012 - 21:18

1.Этот Файл присутствовал, но видя замечание перезалил его.  в результате получилось, что слайдер работает, выдавая куски одной из его картинок. Где глюк?
2. Ссылки искал во всех файлах с помощью поиска , не нашел ни в одном. Где они? в каком виде выражены?

Вот мой сайт http://podariaromat.storeland.ru/ и HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
  <title>{PAGE_TITLE}</title>
  <meta name="keywords" content="{PAGE_META_KEYWORDS}" />
  <meta name="description" content="{PAGE_META_DESCRIPTION}" />
  <meta http-equiv="X-UA-Compatible" content="IE=7" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="Content-Language" content="ru" />
  <link href="{ASSETS_IMAGES_PATH}favicon.ico" rel="icon" type="image/x-icon" />
  
  <!-- Стили которые не нужно менять, грузятся из папки общих файлов -->
  <link rel="stylesheet" href="{FORALL_STYLES_PATH}reset_03.css" type="text/css" />
  <link rel="stylesheet" href="{FORALL_STYLES_PATH}nyroModal/nyroModal.full.css" type="text/css" />
  <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" />

  <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
  {% IF TARIFF_FEATURE_GOODS_OPINION %}
	<!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга -->
	{% IFNOT SETTINGS_OPINION_DISABLE %}
	  <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui-stars/jquery.ui.stars.min.css" type="text/css" />
	{% ENDIF %}
  {% ENDIF %}

  <!-- Стили магазина -->
  <link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" />

  <!-- Скрипты которые не нужно менять, грузятся из папки общих файлов -->
  <!-- Это собранные в один файл скрипты из файлов:
	{FORALL_JS_PATH}jquery-1.4.2.min.js
	{FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js
	{FORALL_JS_PATH}jquery-ui-1.8.4.custom.min.js
	{FORALL_JS_PATH}jquery.validate.min.js
	{FORALL_JS_PATH}jquery.capslock.min.js
  -->
  <script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.min.js"></script>

  <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
  {% IF TARIFF_FEATURE_GOODS_OPINION %}
	<!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга -->
	{% IFNOT SETTINGS_OPINION_DISABLE %}
	  <script type="text/javascript" src="{FORALL_JS_PATH}jquery.ui.stars.min.js"></script>
	{% ENDIF %}
  {% ENDIF %}

  <!-- Скрипты магазина -->
  <link rel="stylesheet" href="{ASSETS_JS_PATH}nivo-slider.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"> </script>
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

<link type="text/css" rel="stylesheet" href="http://super22.ru/i/sms/lightbox-css.css">
</head>
<body style="background:url('http://podariaromat.storeland.ru/web/upload/assets/images/45/44405/1871707.jpg') repeat-xy center center;">
<div id="shadowing"></div>
<div id="box">
<div id="boxheader">
	Заказать звонок
   <span id="boxclose" onClick="document.getElementById('box').style.display='none';
   document.getElementById('shadowing').style.display='none'"> </span>
</div>
<div id="boxcontent">

<form style="width: 95%;" action="http://super22.ru/i/sms/univers1.php" onsubmit="document.getElementById('box').style.display='none';
   document.getElementById('shadowing').style.display='none'" target="_blank" method="POST">
<input type="hidden" name="tel2" value="79616496664" />
<input type="hidden" name="msg2" value="pod.arom" />
<input type="hidden" name="acc" value="podariaromat@gmail.com" />
<table>
<tr>
<td style="width: 40%;">
<p>Телефон:</p>
<input style="width: 90%;" type="text" name="tel"/>
</td>
<td style="text-align: center;vertical-align: top;width: 10%;"><p><strong>/</strong></p>
</td>
<td style="width: 40%;">
<p>E-mail:</p>
<input style="width: 90%;" ype="text" name="email"/>
</td>
<tr><td colspan="3">
<p>Сообщение:</p>
<textarea style="height:50px;width: 95%;" name="msg"></textarea>
<button  style="width: 95%;margin: 5px auto; background: #8ac;border:8px solid #8ac;color:#fff;border-radius: 15px;font-weight: bold;" class="Button" type="submit">Заказать</button>
</td>
</tr>
</table>
</form>
</div>
</div>
  <div class="b_page" id="wrapper">
	<div class="container" id="header">
  
	  <div class="pad-box cont620" id="logo"><h1><a href="http://{NET_DOMAIN}/"><span>На главную</span></a></h1></div>
  
	  <!-- Контакты -->
	  <div id="contactInfo">
		<table>
		  <tr>
			<td class="contactInfoContent">
			  <table>
				<!-- Первый контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
					</td>
				  </tr>
				{% ENDIF %}
				
				<!-- Второй контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
					</td>
				  </tr>
				{% ENDIF %}
			  
				<!-- Третий контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}
					</td>
				  </tr>
				{% ENDIF %}
	  
				<!-- Время работы магазина -->
				{% IF SETTINGS_STORE_WORK_TIME %}
				  <tr>
					<td class="contentTableHeadMainWorkTime">
					  {SETTINGS_STORE_WORK_TIME}
					</td>
				  </tr>
				{% ENDIF %}
				
				<!-- ICQ номер -->
				{% IF SETTINGS_STORE_ICQ %}
				  <tr>
					<td class="contentTableHeadMainIcq">
					  <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					  <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
					</td>
				  </tr>
				{% ENDIF %}
			  </table>
			</td>
		  </tr>
		</table>
	  </div>
	  <!-- end Контакты -->
	   
	  
	  <!-- Корзина -->
	  <div id="cartInfo">
		<a href="{CART_URL}">в корзине товаров на</a>:
		<span id="cartSum">
		  {% IF cart_count_empty %}
			<span>0</span> {CURRENCY_NAME}
		  {% ELSE %}
			{% FOR cart_sum %}
			  <span class="num">{cart_sum.NOW | money_format}</span><br />
			{% ENDFOR %}
		  {% ENDIF %}
		</span>
	  </div>
	  <!-- end Корзина -->
  
	  <!-- Поиск -->
	  <div id="search">
		<form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
		  <div>
			<input type="text"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" />
			<input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" />
			<div class="clr"></div>
		  </div>
		</form>
	  </div>
	  <a href="#" onClick="document.getElementById('shadowing').style.display='block';
	document.getElementById('box').style.display='block';"class="heda" style="display: block; width: 100px; height:34px; position: 

absolute; top: 55px; left: 800px; clear:both;" href="#">&nbsp;</a>
	  <div class="clr"></div>
	  <!-- end Поиск -->
	  
	  <!-- Верхний блок навигации -->
	  <div class="containerin" id="top-menu">
		<ul class="pad-box cont620" id="mainmenu">
		  {% FOR menu %}
			{% FOR header %}
			  {% FOR links %}
				<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
			  {% ENDFOR %}
			{% ENDFOR %}
		  {% ENDFOR %}
		</ul>
		<div class="clr"></div>
	  </div>
	  <!-- end Верхний блок навигации -->
	</div>

	<!-- контент -->
	<div class="container" id="cpages">
	  <div class="content_page">
		<table>
		  <tr>
			<td class="content_catalog cont250">
			<!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu"> 
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">КАТАЛОГ АРОМАТОВ</a></h2>
					<ul id="cats-menu">
					{%IFNOT catalog_empty %}
					  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <li class="cat-item"> 
						  <a href="{catalog.URL}" 
						  {% IF catalog.LEVEL=0%}style="font-weight:bold;"{% ENDIF %}
							  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
							>{catalog.NAME}</a>
						  </li>
						{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
					</ul><br />
				  </li>
				  <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?47"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "200", height: "290"}, 34968733);
</script>

				  <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				  {% IF TARIFF_FEATURE_GOODS_FILTERS %}
					<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
					{% IF SHOW_GOODS_FILTERS %}
					  <li class="goods_filters"><br /><h2>Фильтры</h2>
						<ul>
						  <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
						  <form action="" method="get">
							<div class="contentTbodySearchFilterBlock cornerAll">
  
							  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
							  {% FOR filter_attr_list %}
								<span class="contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
								<div class="contentTbodySearchFilterBlockValues">
								{% FOR values %}
								  <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} /> 
								  <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}</label><br />
								{% ENDFOR %}
								</div>
							  {% ENDFOR %}
  
							  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
							  {% FOR filter_prop_list %}
								<span class="contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
								<div class="contentTbodySearchFilterBlockValues">
								{% FOR values %}
								  <input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} > 
								  <label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE}</label><br />
								{% ENDFOR %}
								</div>
							  {% ENDFOR %}
							</div>
						  </form>
						</ul>
					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

				  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
					{% IFNOT SETTINGS_COMPARE_DISABLE %}
					  <li class="compare"><br /><h2><a href="{COMPARE_URL}">Сравнить товары</a></h2>
						<ul>
						  <div class="contentTbodyCompare">
							{%IF COMPARE_GOODS_COUNT=0 %}
							  <em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em>
							{% ELSE %}
							  <em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br />
							  <a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a>
							{% ENDIF %}
						  </div>
						</ul>
					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль сравнения товаров -->
				  
				  <!-- Если в тарифном плане подключен модуль новостей -->
				  {% IF TARIFF_FEATURE_NEWS %}
					<!-- Все новости -->
					{%IFNOT news_list_all_empty %}
					  <li class="news_all"><br /><h2><a href="{NEWS_ALL_URL}">Лента новостей</a></h2>
						<ul>
						  <div class="contentTbodyNews">
				
							<!-- Список новостей магазина -->
							<p class="contentTbodyNewsBlock">
							  {% FOR news_list_all %}
								<div class="contentTbodyNewsBlockItem"> 
								  <a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br />
								  
								  <div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div>
								  {% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
								</div>
							  {% ENDFOR %}
							  <a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a>
							</p>
						  </div>
						</ul>
					  </li>
					{% ENDIF %}

					<!-- Новости магазина -->
					{%IFNOT news_list_shop_empty %}
					  <li class="news_shop"><br /><h2><a href="{NEWS_SHOP_URL}">Новости магазина</a></h2>
						<ul>
						  <div class="contentTbodyNews">

							<!-- Список новостей магазина -->
							<p class="contentTbodyNewsBlock">
							  {% FOR news_list_shop %}
								<div class="contentTbodyNewsBlockItem"> 
								  <a href="{news_list_shop.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a><br />
								  
								  <div class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT} </div>
								  {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
								</div>
							  {% ENDFOR %}
							  <a class="contentTbodyNewsArchive" href="{NEWS_SHOP_URL}">Архив новостей</a>
							</p>
						  </div>
						</ul>
					  </li>
					{% ENDIF %}

					<!-- Статьи -->
					{%IFNOT news_list_articles_empty %}
					  <li class="news_articles"><br /><h2><a href="{NEWS_ARTICLES_URL}">Статьи</a></h2>
						<ul>
						  <div class="contentTbodyNews">

							<!-- Список статей -->
							<p class="contentTbodyNewsBlock">
							  {% FOR news_list_articles %}
								<div class="contentTbodyNewsBlockItem"> 
								  <a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br />
								  
								  <div class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div>
								  {% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
								</div>
							  {% ENDFOR %}
							  <a class="contentTbodyNewsArchive" href="{NEWS_ARTICLES_URL}">Архив статей</a>
							</p>
						  </div>
						</ul>
					  </li>
					{% ENDIF %}

					<!-- Материалы СМИ -->
					{%IFNOT news_list_mass_media_empty %}
					  <li class="news_mass_media"><br /><h2><a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a></h2>
						<ul>
						  <div class="contentTbodyNews">

							<!-- Список статей -->
							<p class="contentTbodyNewsBlock">
							  {% FOR news_list_mass_media %}
								<div class="contentTbodyNewsBlockItem"> 
								  <a href="{news_list_mass_media.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_mass_media.TITLE}</a><br />
								  
								  <div class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT} </div>
								  {% IF news_list_mass_media.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_mass_media.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
								</div>
							  {% ENDFOR %}
							  <a class="contentTbodyNewsArchive" href="{NEWS_MASS_MEDIA_URL}">Архив новостей</a>
							</p>
						  </div>
						</ul>
					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				  </div>

				</ul>
			  </div>
			</td>
			<td class="content_body cont700">
			  {BODY}
			  
			  <!-- Всевозможные списки товаров -->
			  {% IF index_page %}
				<!-- Список новинок на главной -->			  
	 <table>
		{% FOR index_page_new_goods %}
		  <td class="goodsListItem">  
			<div class="goodsListItemBlock withBorder cornerAll">
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{index_page_new_goods.URL}"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_new_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
				  </td>
				</tr>
			  </table>
			  
			  <h3 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3>
			  <div class="goodsListItemPriceNew">
				<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
			  </div>  
			  <div class="goodsListItemPriceOld">
				{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
				  <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>goods.MIN_PRICE_NOW %}
				  <a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %} 
			  </div>
			</div>
		  </td>
		{index_page_new_goods.index | is_divided("3","</tr><tr>","")}
		{% ENDFOR index_page_new_goods %}
	  </table>
				<!-- end Список новинок на главной -->
				
				<!-- Список хитов продаж на главной -->
				{% IFNOT index_page_favorites_goods_empty %}
				  <div class="pad-box">
					<h3><a href="{CATALOG_TOP_SALES_URL}" class="indexPage">Хиты продаж</a></h3>
					{% FOR index_page_favorites_goods %}
					  <div class="listing">
						<div class="imagem"><a href="{index_page_favorites_goods.URL}"><img {% IF index_page_favorites_goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{index_page_favorites_goods.IMAGE_SMALL}"{% ENDIF %} alt="{index_page_favorites_goods.NAME}" /></a></div>
				  
						<div class="contm">
						  <h3><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></h3>
						  <p>
							{index_page_favorites_goods.DESCRIPTION_SHORT}
						  </p>
						  <p>
							Цена сейчас: <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a><br />
							{% IF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
							  Старая цена: <a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
							{% ENDIF %}
						  </p>
						  <p>
							<a class="readmore" title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL}">Подробнее</a>
						  </p>
						</div>
						<div class="clr"></div>
					  </div>
				  {% ENDFOR index_page_favorites_goods %}
				  </div>
				{% ENDIF %}	   
				<!-- end Список хитов продаж на главной -->
				
				<!-- Список товаров на главной -->
	<table>
		{% FOR index_page_goods %}
		  <td class="goodsListItem">  
			<div class="goodsListItemBlock withBorder cornerAll">
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{index_page_goods.URL}"><img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a>
				  </td>
				</tr>
			  </table>
			  
			  <h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>
			  <div class="goodsListItemPriceNew">
				<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
			  </div>  
			  <div class="goodsListItemPriceOld">
				{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
				  <a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				{% ELSEIF index_page_goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				  <a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %} 
			  </div>
			</div>
		  </td>
		{index_page_goods.index | is_divided("3","</tr><tr>","")}
		{% ENDFOR index_page_goods %}
	  </table>
				<!-- end Список товаров на главной -->
			  {% ENDIF %}
			  <!-- END Всевозможные списки товаров -->
			  
			</td>
			
		  </tr>
		</table>
	  </div>
	</div>
  </div>


  <!-- Подвал сайта -->
  <div id="footer">
	<div class="left">
	  <p>&copy; {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
	  <ul>
		{% FOR menu %}
		  {% FOR footer %}
			{% FOR links %}<li {% IF menu.footer.links.last %}class="last"{% ENDIF %}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
	  </ul>
	</div>
	<div>{SETTINGS_STORE_HTML_CODE}</div>
  </div>
</body>
</html>


#38 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 27 Февраль 2012 - 17:05

По данному пути

<link rel="stylesheet" href="{ASSETS_JS_PATH}nivo-slider.css" type="text/css" media="screen" />

у вас отсутствует файл nivo-slider.css

Вам необходимо или залить его или изменить путь.

#39 VmestesApple

VmestesApple

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

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

Отправлено 27 Февраль 2012 - 20:33

путь поменял, заменив
<link rel="stylesheet" href="{ASSETS_JS_PATH}nivo-slider.css" type="text/css" media="screen" />
на
<link rel="stylesheet" href="http://podariaromat.storeland.ru/web/upload/assets/styles/45/44405/nivo-slider.css" type="text/css" media="screen" />

получилась следующая картина: http://podariaromat.storeland.ru/
картинки наслаиваются друг на друга ниже самого слайдера,зачем стоит цифра "1" ниже картинок, как подтянуть вверх блок товаров и убрать указатели переключения слайдов по слайдером?

2.
Далее каталогу прописать id
<ul id="cats-menu"> прописал
Далее каждый текст внутри ссылки необходимо обвернуть в span
<a href="#">
<span>Текст</span>
</a>

там идет вот такой кусок, в котором я не вижу названия категорий...:
  <!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu"> 
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">для вас</a></h2>
				  <ul id="cats-menu"> 
						 {%IFNOT catalog_empty %}
					  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}

<li class="cat-item">

  <a href="{catalog.URL}" 
							  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
							>{catalog.NAME}</a>
						  </li>
						{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
					</ul><br />
				  </li>
		 
						   </ul>
				  <!-- Если в тарифном плане подключен модуль фильтров по товарам -->


#40 Aptems

Aptems

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

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

Отправлено 28 Февраль 2012 - 14:13

Вот отличная видео-инструкция по Nivo Slider. http://www.unicegrou...er/2011-07-01-9
Я себе поставил: http://vangl.ru




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

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