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


Помогите Поставить Слайдер Интересных Предложений


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

#341 Stasya

Stasya

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

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

Отправлено 11 Февраль 2014 - 18:27

 Jerek (11 Февраль 2014 - 11:20) писал:

Огромное Вам спасибо !!! :wub: :rolleyes:
Подскажите пожалуйста можно ли её чуть-чуть расширить, что бы 3й товар показывался  полностью, и сделать её в автономном режиме (Сама крутилась, а при наведении на товар останавливалась). УЖЕ РАЗОБРАЛСЯ )))

Других каруселей вроде бы у меня нет, но очень хотелось бы такую же карусель сделать к товарам которые часто смотрят, а то их выходит по 20 штук и очень не красиво получается (С этим товаром смотрят)

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

#342 Jerek

Jerek

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

  • Пользователи
  • PipPipPip
  • 120 сообщений
  • ГородОренбург

Отправлено 12 Февраль 2014 - 12:49

 Stasya (11 Февраль 2014 - 18:27) писал:


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

#343 Castiel

Castiel

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

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

Отправлено 12 Февраль 2014 - 13:29

 Jerek (12 Февраль 2014 - 12:49) писал:

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

Здравствуйте, попробуйте такой вариант. Предварительно сделайте бекап шаблона.
Редактируем шаблон Товар
Находим
	<!-- С этим товаром смотрят -->
	{% IFNOT related_views_goods_empty %}
	  <h3><h3 style="text-align: center;"><br />
<span style="font-size:18px;"><em><strong><span style="color: rgb(255, 140, 0);"><span style="font-family: comic sans ms,cursive;">С этим товаром смотрят</span></span></strong></em></span></h3></h3><br />
	 
		 
		  <div class="d-carousel" style="margin-left:-30px;">
		 <ul class="carousel">
		 {% FOR related_views_goods %}
	   
		  <li class="goodsListItem">
			<div class="goodsListItemBlock withBorder cornerAll">
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_views_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a>
				  </td>
				</tr>
			  </table>
			  <h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;">{related_views_goods.NAME}</a></h3>
			  <div class="goodsListItemPriceNew">
				<a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
			  </div>
			  <div class="goodsListItemPriceOld">
				{% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
				<a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				{% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
				<a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %}
			  </div>
			</div>
		  </li>
		 
		{% ENDFOR %}
	  </ul>
	  </div>
	{% ENDIF %}
	<!-- END С этим товаром смотрят -->

Заменяем на
	<!-- С этим товаром смотрят -->
	{% IFNOT related_views_goods_empty %}
	  <h3><h3 style="text-align: center;"><br />
<span style="font-size:18px;"><em><strong><span style="color: rgb(255, 140, 0);"><span style="font-family: comic sans ms,cursive;">С этим товаром смотрят</span></span></strong></em></span></h3></h3><br />
	 
		 
		  <div class="d-carousel"
		 <ul class="carousel">
		 {% FOR related_views_goods %}
	   
		  <li>
	<div style = "margin-top: 5px; height:40px;"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;" style="font-size:12px; color: #644482;">{related_views_goods.NAME}</a></div>
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_views_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a>
				  </td>
				</tr>
			  </table>
	 <div class="goodsListItemPriceNew"><div style=" margin-top: 5px;  float:right; background: url(http://7free.ru/web/upload/assets/images/150/149839/cena.jpg); width:126px; height:40px;">
	  <div style="margin-top:12px;margin-left:30px;" class="cena">
				<a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
			  </div></div></div>
			  <div class="goodsListItemPriceOld">
				{% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
				<a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				{% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
				 <div style=" margin-top: 12px; "><a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a></div>
				{% ENDIF %}
			  </div>
		  </li>
		 
		{% ENDFOR %}
	  </ul>
	  </div>
	{% ENDIF %}
	<!-- END С этим товаром смотрят -->


#344 Jerek

Jerek

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

  • Пользователи
  • PipPipPip
  • 120 сообщений
  • ГородОренбург

Отправлено 12 Февраль 2014 - 15:31

 Castiel (12 Февраль 2014 - 13:29) писал:



Что то совсем не то получилось

#345 Castiel

Castiel

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

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

Отправлено 12 Февраль 2014 - 15:54

 Jerek (12 Февраль 2014 - 15:31) писал:

Что то совсем не то получилось

Отмените последние изменения, сейчас напишем другую инструкцию

#346 Castiel

Castiel

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

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

Отправлено 12 Февраль 2014 - 16:17

Редактируем шаблон Товар
Находим
<script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
scroll: 1,
auto: 2,
wrap: 'circular'
});
});
</script>
<!-- Begin Wrapper -->
<div id="wrapper1">
 
		<!-- С этим товаром смотрят -->
		{% IFNOT related_views_goods_empty %}
		  <h3><h3 style="text-align: center;"><br />
<span style="font-size:18px;"><em><strong><span style="color: rgb(255, 140, 0);"><span style="font-family: comic sans ms,cursive;">С этим товаром смотрят</span></span></strong></em></span></h3></h3><br />
		
				
				  <div class="d-carousel"
				 <ul class="carousel">
				 {% FOR related_views_goods %}
		  
				  <li>
		<div style = "margin-top: 5px; height:40px;"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;" style="font-size:12px; color: #644482;">{related_views_goods.NAME}</a></div>
						  <table class="goodsListItemImage">
								<tr>
								  <td>
										<a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_views_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a>
								  </td>
								</tr>
						  </table>
		 <div class="goodsListItemPriceNew"><div style=" margin-top: 5px;  float:right; background: url(http://7free.ru/web/upload/assets/images/150/149839/cena.jpg); width:126px; height:40px;">
		  <div style="margin-top:12px;margin-left:30px;" class="cena">
								<a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
						  </div></div></div>
						  <div class="goodsListItemPriceOld">
								{% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
								<a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
								{% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
								 <div style=" margin-top: 12px; "><a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a></div>
								{% ENDIF %}
						  </div>
				  </li>
				
				{% ENDFOR %}
		  </ul>
		  </div>
		{% ENDIF %}
		<!-- END С этим товаром смотрят -->
</div>

Заменяем на
	<!-- С этим товаром смотрят -->
   
{% IFNOT related_views_goods_empty %}
<div style="text-align: center;"><span style="color:#eb6917;font-family:comic sans ms,cursive;font-size:26px;"><strong><em>С этим товаром смотрят</em></strong></span></div>
				 <script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
scroll: 1,
auto: 2,
wrap: 'circular'
});
});
</script>
<!-- Begin Wrapper -->
<div id="wrapper1">
<div class="d-carousel">
		 <ul class="carousel">
		 {% FOR related_views_goods %}
		 <li>  <div style = "margin-top: 5px; height:40px;">
						  <a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;" style="font-size:12px; color: #644482;">{related_views_goods.NAME}</a>  </div>
							<table class="goodsListItemImage">
							  <tr>
								<td>
								  <a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_views_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a>
								</td>
							  </tr>
							</table>
   
							<div class="goodsListItemPriceNew"><div style=" margin-top: 5px;  float:right; background: url(http://7free.ru/web/upload/assets/images/150/149839/cena.jpg); width:126px; height:40px;">
								<div style="margin-top:12px;margin-left:30px;" class="cena">
							  <a href="{related_views_goods.URL_MAX_PRICE_NOW}">&nbsp;&nbsp;{related_views_goods.MAX_PRICE_NOW | money_format}</a>
							</div>  </div>  </div> 
							<div class="goodsListItemPriceOld">
							  {% IF related_views_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MAX_PRICE_NOW %}
								<a href="{related_views_goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
							  {% ELSEIF related_views_goods.MAX_PRICE_OLD>related_views_goods.MAX_PRICE_NOW %}
								 <div style=" margin-top: 12px; "> <a href="{related_views_goods.URL_MAX_PRICE_OLD}" class="lineThrough">{related_views_goods.MAX_PRICE_OLD | money_format}</a> </div>
							  {% ENDIF %}
							</div>
						 
		 </li>
		 {% ENDFOR related_views_goods %}
		 </ul>
</div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->
{% ENDIF %}
	<!-- END С этим товаром смотрят -->


#347 Jerek

Jerek

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

  • Пользователи
  • PipPipPip
  • 120 сообщений
  • ГородОренбург

Отправлено 12 Февраль 2014 - 16:38

Спасибо большое! Подскажите пожалуйста ещё такой вопросик, Как стрелку "вправо" сделать кликабельной и чуть сместить влево, что бы не выходила за белые поля

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

  • 412412.jpg


#348 empty9228

empty9228

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

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

Отправлено 12 Февраль 2014 - 17:06

Здравствуйте, найдите в файле nivo.css код

.d-carousel .jcarousel-container-horizontal {
  width: 580px;
height: 325px;
padding: 0 45px;
}

замените его на
.d-carousel .jcarousel-container-horizontal {
  width: 580px;
height: 325px;
padding: 0 45px;
  right: 25px;
}


#349 Jerek

Jerek

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

  • Пользователи
  • PipPipPip
  • 120 сообщений
  • ГородОренбург

Отправлено 12 Февраль 2014 - 17:55

 empty9228 (12 Февраль 2014 - 17:06) писал:



Что-то я не найду такой код :-(

#350 Castiel

Castiel

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

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

Отправлено 12 Февраль 2014 - 19:01

 Jerek (12 Февраль 2014 - 17:55) писал:

Что-то я не найду такой код :-(

Редактируем  carousel.css
Находим
.d-carousel .jcarousel-container-horizontal {
width: 580px;
height: 325px;
padding: 0 45px;
}

Заменяем на
.d-carousel .jcarousel-container-horizontal {
width: 580px;
height: 325px;
padding: 0 30px;
}


#351 Jerek

Jerek

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

  • Пользователи
  • PipPipPip
  • 120 сообщений
  • ГородОренбург

Отправлено 13 Февраль 2014 - 11:25

 Castiel (12 Февраль 2014 - 19:01) писал:



Спасибо Вам большое !!!!!!!!!! <_< :)

#352 Gapix

Gapix

    Новичок

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

Отправлено 01 Март 2014 - 17:47

Доброго времени суток. Помогите пожалуйста установить слайдер для нескольких пунктов только на главной странице.

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

  • слайдер.jpg


#353 Alexey11

Alexey11

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

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

Отправлено 03 Март 2014 - 18:07

Здравствуйте, для начала скачайте пожалуйста приложенный архив с файлами.
Далее распакуйте данный архив. После этого добавьте все распакованные файлы к себе в бэк-офис в раздел "Сайт" - "Редактор шаблонов" с помощью кнопки "Добавить файлы".

После этого найдите данный блок кода в шаблоне HTML:

<script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js"></script>

замените его на:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="{FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js"></script>
<script src="{FORALL_JS_PATH}jquery-ui-1.8.4.custom.min.js"></script>
<script src="{FORALL_JS_PATH}jquery.validate.min.js"></script>
<script src="{FORALL_JS_PATH}jquery.capslock.min.js"></script>

далее найдите данную строку кода в шаблоне HTML:

</head>

Перед ней вставьте данный блок кода:


<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}style1.css" />
<script src="{ASSETS_JS_PATH}modernizr.custom.63321.js"></script>


далее найдите в шаблоне HTML данный блок кода:

{BODY}

перед ним вставьте:


<div class="container">
<header class="clearfix">
<h1>Простой многоуровневый слайдер <span>на анимациях CSS</span></h1>
</header>
<div class="main">
<div id="mi-slider" class="mi-slider">
<ul>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}1.jpg" alt="img01"><h4>Ботинки</h4></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}2.jpg" alt="img02"><h4>Классика</h4></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}3.jpg" alt="img03"><h4>Мокасины</h4></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}4.jpg" alt="img04"><h4>Кроссовки</h4></a></li>
</ul>
<ul>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}5.jpg" alt="img05"><h4>Ремни</h4></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}6.jpg" alt="img06"><h4>Шляпы и кепи</h4></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}7.jpg" alt="img07"><h4>Очки</h4></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}8.jpg" alt="img08"><h4>Шарфы</h4></a></li>
</ul>
<ul>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}9.jpg" alt="img09"><h4>Свобода</h4></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}10.jpg" alt="img10"><h4>Роскошь</h4></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}11.jpg" alt="img11"><h4>Спорт</h4></a></li>
</ul>
<ul>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}12.jpg" alt="img12"><h4>Чемоданы</h4></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}13.jpg" alt="img13"><h4>Дорожные сумки</h4></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}14.jpg" alt="img14"><h4>Для ноутбуков</h4></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}15.jpg" alt="img15"><h4>Портфели</h4></a></li>
</ul>
<nav>
<a href="#">Обувь</a>
<a href="#">Аксессуары</a>
<a href="#">Часы</a>
<a href="#">Сумки</a>
</nav>
</div>
</div>
</div><!-- /container -->

<script src="{ASSETS_JS_PATH}jquery.catslider.js"></script>
<script>
$(function() {

$( '#mi-slider' ).catslider();

});
</script>
{%ENDIF%}

Прикрепленные файлы

  • Прикрепленный файл  123.zip   291,82К   54 Количество загрузок:


#354 Gapix

Gapix

    Новичок

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

Отправлено 03 Март 2014 - 20:01

Спасибо огромное за помощь. Все получилось. Только перед кодом пришлось поставить: {% IF index_page %} , чтобы заработало, а то ошибку выдавало.

#355 АвтоПрезенты.рф

АвтоПрезенты.рф

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

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

Отправлено 21 Март 2014 - 21:56

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

дизайн сайта.jpg

#356 Сake

Сake

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

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

Отправлено 22 Март 2014 - 00:33

Вы можете использовать инструкцию по установке карусели из следующей темы форума http://forum.storela...ресных-предлож/
Вот только товары по акции на главной странице не доступны. На главной странице доступны только товары из спец. категорий "Товары на главной", "Новинки", "Хиты продаж".

#357 АвтоПрезенты.рф

АвтоПрезенты.рф

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

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

Отправлено 26 Март 2014 - 08:08

Здравствуйте. Установила карусель по инструкции. помогите привести ее в порядок.

надо, чтобы было 4 картинки, сами они чуть побольше (чтобы описание влезало), название товара поярче и, если возможно, сделать автоматическую прокрутку с остановкой при наведении курсора.

карусель.jpg

И как убрать блок Новинки с главной (чтобы не дублировать карусель)

#358 empty9228

empty9228

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

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

Отправлено 26 Март 2014 - 09:59

Здравствуйте, для редактирования карусели найдите в файле carousel.css код

.d-carousel .jcarousel-container-horizontal {
width: 650px;
height: 325px;
padding: 0 45px;
}
замените на

.d-carousel .jcarousel-container-horizontal {
width: 650px;
[size=4] height: 390px; [/size]
padding: 0 45px;
}


найдите
#wrapper .d-carousel ul li {
background: none;
background-color: #FFF;
-webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;
-moz-box-shadow: 0px 1px 2px 0px #b7b7b7;
box-shadow: 0px 1px 2px 0px #b7b7b7;
padding: 15px;
width: 175px;
}
замените на
#wrapper .d-carousel ul li {
background: none;
background-color: #FFF;
-webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;
-moz-box-shadow: 0px 1px 2px 0px #b7b7b7;
box-shadow: 0px 1px 2px 0px #b7b7b7;
padding: 15px;
width: 119px;
height: 346px;
}

найдите
.d-carousel a {
text-decoration: none;
color: #4b4b4b;
}
замените на
.d-carousel a {
text-decoration: none;
color: #DB2020;
font-size: 15px;
}

найдите
.d-carousel a {
text-decoration: none;
color: #4b4b4b;
}
замените на
.d-carousel a:hover {
text-decoration: none;
color: #1A1414;
}

С новинками найдите в файл html код

<!-- end-Список хитов главной -->
{% IFNOT index_page_new_goods_empty %}
	 <div class="headline dinline clr fnt16 txtalgnlft fmlptn fntupcase anone0 padd51">
		 <a>
		 <span class="l fleft"></span>
		 <span>Новинки &nbsp;</span>
		 <span class="fnt16 b">магазина</span>
		 <span class="r fright"></span>
		 </a>
	 </div>
<!--Вывод товаров таблицей-->
	 <div class="goodstabl clr">
		 {% FOR index_page_new_goods %}
			 <div class="goodstable over fleft">
			 <div class="title anone fnt11 fntarl">
				 <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;">{index_page_new_goods.NAME}</a>
				 <div class="clr"></div>
			 </div>
			 <div class="maingoodstable">
				 <div class="img txtalgncnt clr">
				 <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>
				 </div>
				 <div class="text fnt11 fntarl txtalgnjsf clr">{index_page_new_goods.DESCRIPTION_SHORT}</div>
				 <div class="price over">
					 <ul class="cost fnt11 fntupcase txtalgnlft fntarl fleft ">
					 <li class="only">Цена: {index_page_new_goods.MIN_PRICE_NOW | money_format}</li>
					 {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
					 <li class="last linethrough">Старая цена:
						 {index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}
					 </li>
					 {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
					 <li class="last linethrough">Старая цена:
					 {index_page_new_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}
					 </li>
					 {% ENDIF %}
					 </ul>
					 <!-- Если товара нет в наличие и в настройках отключена возможность класть -->
					 {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_new_goods.MAX_REST_VALUE==0 %}
						 <div class="tovar-available fnt11 fntupcase aunder">
						 <a href="#" rel="false" class="catalog-available-false" >
							 <div class="stikno">Товара нет в наличии</div>
						 </a>
						 </div>
					 {%ELSE%}
						 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
						 <div>
							 <input type="hidden" name="hash" value="{HASH}" />
							 <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
							 <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
							 <a class="orangebut fnt11 fntarl txtalgncnt fright fntupcase anone0" onclick="$('#goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину">Купить</a>
						 </div>
						 </form>
					 {% ENDIF %}
				 </div>
			 </div>
		 <div class="bottom"></div>
		 </div>
		 {% ENDFOR index_page_new_goods %}
</div>

<!--Вывод товаров таблицей-END-->
{% ENDIF %}

замените его на
<!-- end-Список хитов главной -->
<!--{% IFNOT index_page_new_goods_empty %}
	 <div class="headline dinline clr fnt16 txtalgnlft fmlptn fntupcase anone0 padd51">
		 <a>
		 <span class="l fleft"></span>
		 <span>Новинки &nbsp;</span>
		 <span class="fnt16 b">магазина</span>
		 <span class="r fright"></span>
		 </a>
	 </div>
<!--Вывод товаров таблицей-->
	 <!--<div class="goodstabl clr">
		 {% FOR index_page_new_goods %}
			 <div class="goodstable over fleft">
			 <div class="title anone fnt11 fntarl">
				 <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;">{index_page_new_goods.NAME}</a>
				 <div class="clr"></div>
			 </div>
			 <div class="maingoodstable">
				 <div class="img txtalgncnt clr">
				 <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>
				 </div>
				 <div class="text fnt11 fntarl txtalgnjsf clr">{index_page_new_goods.DESCRIPTION_SHORT}</div>
				 <div class="price over">
					 <ul class="cost fnt11 fntupcase txtalgnlft fntarl fleft ">
					 <li class="only">Цена: {index_page_new_goods.MIN_PRICE_NOW | money_format}</li>
					 {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
					 <li class="last linethrough">Старая цена:
						 {index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}
					 </li>
					 {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
					 <li class="last linethrough">Старая цена:
					 {index_page_new_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}
					 </li>
					 {% ENDIF %}
					 </ul>
					 <!-- Если товара нет в наличие и в настройках отключена возможность класть -->
						 <!--{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_new_goods.MAX_REST_VALUE==0 %}
						 <div class="tovar-available fnt11 fntupcase aunder">
						 <a href="#" rel="false" class="catalog-available-false" >
							 <div class="stikno">Товара нет в наличии</div>
						 </a>
						 </div>
					 {%ELSE%}
						 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
						 <div>
							 <input type="hidden" name="hash" value="{HASH}" />
							 <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
							 <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
							 <a class="orangebut fnt11 fntarl txtalgncnt fright fntupcase anone0" onclick="$('#goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину">Купить</a>
						 </div>
						 </form>
					 {% ENDIF %}
				 </div>
			 </div>
		 <div class="bottom"></div>
		 </div>
		 {% ENDFOR index_page_new_goods %}
</div>

<!--Вывод товаров таблицей-END-->
	 <!--{% ENDIF %} -->


#359 АвтоПрезенты.рф

АвтоПрезенты.рф

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

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

Отправлено 26 Март 2014 - 11:13

Стрелки прокрутки залезли на картинки и полкартинки лишней вылезает, правда я немного изменила показатели width и height. Помогите поправить.

карусель после исправлений.jpg

И еще, можно ли сделать так, чтобы картинки шли по кругу?

#360 АвтоПрезенты.рф

АвтоПрезенты.рф

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

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

Отправлено 26 Март 2014 - 11:19

и еще один вопрос, можно ли изменить как-то порядок товаров в этой карусели?




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

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