Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

12

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

Автор ALEXp, 25 нояб. 2012 18:56

Авторизуйтесь для ответа в теме

Сообщений в теме: 495

#321 miyako

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

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

Отправлено 27 Январь 2014 - 12:14

poznanskii (27 Январь 2014 - 11:38) писал:

Файлы, загрузил! А как поменять размер и выставить цены в этой карусели?

Я вообще изначально хотел передвинуть блог "Новинки" наверх и сделать из них карусель! Это вообще возможно?

Вместо кода -

<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
		 <ul class="carousel">
		 {% FOR index_page_new_goods %}
		 <li> <a href="#"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
				 <h4><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>
				 <p>{index_page_new_goods.DESCRIPTION_SHORT}</p>
		 </li>
		 {% ENDFOR index_page_new_goods %}
		 </ul>
</div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->

используйте код -

<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
		 <ul class="carousel">
		 {% FOR index_page_new_goods %}
		 <li> <a href="#"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
				 <h4><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>
				 <p>{index_page_new_goods.DESCRIPTION_SHORT}</p>
	<div class="price fnt12b txtalgncnt">
												  Цена:
												  {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
														<span>{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
												  {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
														<span>{index_page_new_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
												  {% ENDIF %}
												  <em class="fnt12b">{index_page_new_goods.MIN_PRICE_NOW | money_format}</em>
												</div> 
	
		 </li>
		 {% ENDFOR index_page_new_goods %}
		 </ul>
</div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->

Уточните размеры какого элемента в карусели Вы хотите изменить?

Сейчас у Вас в карусели как раз Новинки. Уточните что значит поверх?

Наверх

#322 poznanskii

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

Пользователи
65 сообщений

Отправлено 27 Январь 2014 - 13:02

Вообщем в итоге я хочу сделать вот так! Поменял код, ничего не изменилось!

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

Наверх

#323 miyako

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

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

Отправлено 27 Январь 2014 - 15:23

poznanskii (27 Январь 2014 - 13:02) писал:

Вообщем в итоге я хочу сделать вот так! Поменял код, ничего не изменилось!

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

<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
				 <ul class="carousel">
				 {% FOR index_page_new_goods %}
				 <li> <a href="#"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
								 <h4><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>							
	 <div class="price fnt12b txtalgncnt">
																								 Цена:
																								 {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
																											 <span>{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
																								 {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
																											 <span>{index_page_new_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
																								 {% ENDIF %}
																								 <em class="fnt12b">{index_page_new_goods.MIN_PRICE_NOW | money_format}</em>
																							 </div>
	
				 </li>
				 {% ENDFOR index_page_new_goods %}
				 </ul>
</div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->

Также уменьшим размеры изображений.

.d-carousel img{width:100px;}

этот код нужно вставить в конец carousel.css.

Далее в этом же коде находим код -

.d-carousel .jcarousel-item {
width: 190px;
height: 290px;
}

и меняем его на -

.d-carousel .jcarousel-item {
width: 190px;
height: 183px;
}

тогда изменится длина карусели.

Ширину товаров в карусели меняем в коде -

#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: 10px;
width: 117px;
}

Далее найдите код -

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

и замените на -

.d-carousel .jcarousel-container-horizontal {
width: 446px;
padding: 0 32px;
}

Результат должен быть такой как на скриншоте.

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

Наверх

#324 poznanskii

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

Пользователи
65 сообщений

Отправлено 27 Январь 2014 - 16:33

miyako (27 Январь 2014 - 15:23) писал:

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

<!-- Begin Wrapper -->
<div id="wrapper">
<div class="d-carousel">
				 <ul class="carousel">
				 {% FOR index_page_new_goods %}
				 <li> <a href="#"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
								 <h4><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h4>							
	 <div class="price fnt12b txtalgncnt">
																								 Цена:
																								 {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
																											 <span>{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
																								 {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
																											 <span>{index_page_new_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
																								 {% ENDIF %}
																								 <em class="fnt12b">{index_page_new_goods.MIN_PRICE_NOW | money_format}</em>
																							 </div>
	
				 </li>
				 {% ENDFOR index_page_new_goods %}
				 </ul>
</div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->

Также уменьшим размеры изображений.

.d-carousel img{width:100px;}

этот код нужно вставить в конец carousel.css.

Далее в этом же коде находим код -

.d-carousel .jcarousel-item {
width: 190px;
height: 290px;
}

и меняем его на -

.d-carousel .jcarousel-item {
width: 190px;
height: 183px;
}

тогда изменится длина карусели.

Ширину товаров в карусели меняем в коде -

#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: 10px;
width: 117px;
}

Далее найдите код -

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

и замените на -

.d-carousel .jcarousel-container-horizontal {
width: 446px;
padding: 0 32px;
}

Результат должен быть такой как на скриншоте.

Спасибо, вроде то что хотел! А как поменять цвет цены на сини (как в основном каталоге)? И как сделать, что бы карусель сама прокатывала товары? И как сверху карусели написать НОВИНКИ? И что бы новинки не отображались (дублировались) внизу каталога?

Наверх

#325 Vaccina

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

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

Отправлено 28 Январь 2014 - 02:15

На счет цены, в carousel.css найдите:

#wrapper .d-carousel ul li {
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 1px 2px 0 #B7B7B7;
	padding: 10px;
	width: 117px;
}

ниже пропишите:

#wrapper .d-carousel ul li .price {
	color: red;
}

только вместо red подставьте свое значение цвета.

на счет заголовка, перед кодом карусели с товарами пропишите:

<div class="box padd">
			  <div class="titlebox fnt11b txtalgnlft">
				<ul>
				  <li class="blue fnt11b">
					<h2><a href="http://hobbimir39.ru/catalog/Новинки">Новинки</a></h2>
				  </li>
				</ul>
			  </div></div><br />

На счет дубликата в html найдите и удалите:

<!-- Список новинок на главной -->
		  {% IFNOT index_page_new_goods_empty %}
			<div class="hr"></div>
			<div class="box padd">
			  <div class="titlebox fnt11b txtalgnlft">
				<ul>
				  <li class="blue fnt11b">
					<h2><a href="{CATALOG_NEW_URL}">Новинки</a></h2>
				  </li>
				</ul>
			  </div>
			  <table class="table" cellpadding="0 " cellspacing="0">
				<tr>
				  {% FOR index_page_new_goods %}
					<td>
					  <div class="tabproduct">
						<div class="title fnt12b txtalgncnt">
						  <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;">{index_page_new_goods.NAME}</a>
						</div>
						<div class="img txtalgncnt">
						  <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;"><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="price fnt12b txtalgncnt">
						  Цена:
						  {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
							<span>{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
						  {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
							<span>{index_page_new_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
						  {% ENDIF %}
						  <em class="fnt12b">{index_page_new_goods.MIN_PRICE_NOW | money_format}</em>
						</div>
						<div class="buttons txtalgncnt">
						  {% IF index_page_new_goods.MAX_REST_VALUE>0 %}<a href="{index_page_new_goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;">Подробнее</a>
							<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" 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}" />
								<button type="submit"class="blgreen">Купить</button>
							  </div>
							</form>
						  {% ENDIF %}
						  {% IF index_page_new_goods.MAX_REST_VALUE=0 %}
							<a href="{index_page_new_goods.URL}" class="whtgreen" style="margin:0 0 0 70px;" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;">Подробнее</a>
						  {% ENDIF %}
						</div>
					  </div>
					</td>
					{% IFNOT index_page_new_goods.last %}{index_page_new_goods.index | is_divided("2","</tr><tr>","")}{% ENDIF %}
				  {% ENDFOR index_page_new_goods %}
				</tr>
			  </table>
			</div>
		  {% ENDIF %}
		  <!-- end Список новинок на главной -->

На счет функции и настройки карусели вы можете изучить информацию тут: http://jquerylist.ru.../jcarousel.html
Как у вас вставлено код JS для карусели?

Наверх

#326 poznanskii

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

Пользователи
65 сообщений

Отправлено 28 Январь 2014 - 10:28

Vaccina (28 Январь 2014 - 02:15) писал:

На счет цены, в carousel.css найдите:

#wrapper .d-carousel ul li {
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 1px 2px 0 #B7B7B7;
padding: 10px;
width: 117px;
}

ниже пропишите:

#wrapper .d-carousel ul li .price {
color: red;
}

только вместо red подставьте свое значение цвета.

на счет заголовка, перед кодом карусели с товарами пропишите:

<div class="box padd">
			 <div class="titlebox fnt11b txtalgnlft">
			 <ul>
				 <li class="blue fnt11b">
				 <h2><a href="http://hobbimir39.ru/catalog/Новинки">Новинки</a></h2>
				 </li>
			 </ul>
			 </div></div><br />

На счет дубликата в html найдите и удалите:

<!-- Список новинок на главной -->
		 {% IFNOT index_page_new_goods_empty %}
		 <div class="hr"></div>
		 <div class="box padd">
			 <div class="titlebox fnt11b txtalgnlft">
			 <ul>
				 <li class="blue fnt11b">
				 <h2><a href="{CATALOG_NEW_URL}">Новинки</a></h2>
				 </li>
			 </ul>
			 </div>
			 <table class="table" cellpadding="0 " cellspacing="0">
			 <tr>
				 {% FOR index_page_new_goods %}
				 <td>
					 <div class="tabproduct">
					 <div class="title fnt12b txtalgncnt">
						 <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;">{index_page_new_goods.NAME}</a>
					 </div>
					 <div class="img txtalgncnt">
						 <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;"><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="price fnt12b txtalgncnt">
						 Цена:
						 {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
						 <span>{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
						 {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
						 <span>{index_page_new_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
						 {% ENDIF %}
						 <em class="fnt12b">{index_page_new_goods.MIN_PRICE_NOW | money_format}</em>
					 </div>
					 <div class="buttons txtalgncnt">
						 {% IF index_page_new_goods.MAX_REST_VALUE>0 %}<a href="{index_page_new_goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;">Подробнее</a>
						 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" 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}" />
							 <button type="submit"class="blgreen">Купить</button>
							 </div>
						 </form>
						 {% ENDIF %}
						 {% IF index_page_new_goods.MAX_REST_VALUE=0 %}
						 <a href="{index_page_new_goods.URL}" class="whtgreen" style="margin:0 0 0 70px;" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;">Подробнее</a>
						 {% ENDIF %}
					 </div>
					 </div>
				 </td>
				 {% IFNOT index_page_new_goods.last %}{index_page_new_goods.index | is_divided("2","</tr><tr>","")}{% ENDIF %}
				 {% ENDFOR index_page_new_goods %}
			 </tr>
			 </table>
		 </div>
		 {% ENDIF %}
		 <!-- end Список новинок на главной -->

На счет функции и настройки карусели вы можете изучить информацию тут: http://jquerylist.ru.../jcarousel.html
Как у вас вставлено код JS для карусели?

СПАСИБО ОГРОМНОЕ! Не знаю как JS для карусели установлен! Всё делал так, как писали на форуме!

Наверх

#327 miyako

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

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

Отправлено 28 Январь 2014 - 11:57

poznanskii (28 Январь 2014 - 10:28) писал:

СПАСИБО ОГРОМНОЕ! Не знаю как JS для карусели установлен! Всё делал так, как писали на форуме!

За что отвечает скрипт -

<script type="text/javascript" src="http://my.39sms.ru/support/support.js?h=3a14b899e79bc97ab3cf8d25b610a6b1" id="supportScript"></script>

?

Наверх

#328 poznanskii

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

Пользователи
65 сообщений

Отправлено 29 Январь 2014 - 16:23

miyako (28 Январь 2014 - 11:57) писал:

За что отвечает скрипт -

<script type="text/javascript" src="http://my.39sms.ru/support/support.js?h=3a14b899e79bc97ab3cf8d25b610a6b1" id="supportScript"></script>

?

Это быстрый связь по смс! И ещё искал в настройках карусели автопрокрутка! Не могу найти! Может подскажите?

Наверх

#329 Vaccina

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

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

Отправлено 30 Январь 2014 - 03:31

В шаблоне HTML найдите:

jQuery('.d-carousel .carousel').jcarousel({
		 scroll: 1

замените на:

jQuery('.d-carousel .carousel').jcarousel({
		 scroll: 1,
		 auto: 1000

Наверх

#330 nail

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

Пользователи
15 сообщений

Отправлено 31 Январь 2014 - 22:37

Vaccina (26 Ноябрь 2012 - 22:03) писал:

Для установки данного слайдера необходимо следующее:

1) Скачать архив http://baijs.nl/tiny...sel/example.zip

2) Извлечь все файлы в архиве и закачать файлы website.css, jquery.tinycarousel.min.js, buttons.png в разделе редактора тем.

3) В шаблоне "HTML" перед строкой

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

вставить

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}website.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.tinycarousel.min.js"></script>

Далее в шаблоне "HTML" найти

<!-- Список товаров на главной -->
			 {% IFNOT index_page_goods_empty %}
			 <h3>Интересные предложения</h3>
			 <table>
				 <tr>
				 {% FOR index_page_goods %}
				 <td class="goodsListItem">
					 <div class="goodsListItemBlock withBorder cornerAll">
				 	 <div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div>
				 	 <h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>
			 	 <a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
			 	 {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
						 <br /><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>index_page_goods.MIN_PRICE_NOW %}
						 <br /><a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
						 {% ENDIF %}
					 </div>
					 </td>
				 {% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
				 {% ENDFOR index_page_goods %}
				 </tr>
			 </table>
			 {% ENDIF %}	
			 <!-- end Список товаров на главной -->

и заменить на

<!-- Список товаров на главной -->
			 {% IFNOT index_page_goods_empty %}
			 <h3>Интересные предложения</h3>
			 <div id="slider-code">
				 <a class="buttons prev" href="#">left</a>
				 <div class="viewport">
					 <ul class="overview">
					 {% FOR index_page_goods %}
						 <li><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></li>
					 {% ENDFOR index_page_goods %}
				 </ul>
				 </div>
				 <a class="buttons next" href="#">right</a>
			 </div>
			 {% ENDIF %}	
			 <!-- end Список товаров на главной -->

Далее в файле main.js после строки

$(document).ready(function(){

вставьте

$('#slider-code').tinycarousel({ display: 2 });

После данных изменений на вашем сайте должен появиться слайдер из 3х товаров из раздела "Товары на главной".

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

Наверх

#331 pin

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

Пользователи
71 сообщений

ГородМосква

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

Помогите мне пожалуйста! я хотел установить слайдер товаров на главной и уменя получилась полная ерунда. Я наверное перепутал весь шаблон, у меня смешалось всё. помогите мне пожалуйста все вернуть или исправить.

Наверх

#332 @lina_va

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

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

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

pin (01 Февраль 2014 - 15:50) писал:

Помогите мне пожалуйста! я хотел установить слайдер товаров на главной и уменя получилась полная ерунда. Я наверное перепутал весь шаблон, у меня смешалось всё. помогите мне пожалуйста все вернуть или исправить.

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

Наверх

#333 Jerek

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

Пользователи
120 сообщений

ГородОренбург

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

Подскажите как скачать фаил, что бы установить карусель на новинки. По инструкции который
Koderhan

на первой странице

Наверх

#334 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

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

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

Подскажите как скачать фаил, что бы установить карусель на новинки. По инструкции который
Koderhan

на первой странице

Здравствуйте, вам необходимо нажать на данный файл и он скачается.

Скачать

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

horizantal-carousel-news.zip 8,91К 43 Количество загрузок:

Наверх

#335 Jerek

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

Пользователи
120 сообщений

ГородОренбург

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

Castiel (06 Февраль 2014 - 20:18) писал:

Спасибо большое, а то на ссылки данные раннее у меня почему то вылетает ошибка.

Наверх

#336 Jerek

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

Пользователи
120 сообщений

ГородОренбург

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

Всем добрый день. Вставил себе карусель но получилось что то не так. Всё растянулось и цена с блоком товара стала другая. Помогите поставить ее ровно, что бы как сейчас выглядели новинки, но только со стрелками и автоматические двигались.

Пример как хотелось бы это видеть прикрепил

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

Наверх

#337 Vaccina

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

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

Отправлено 08 Февраль 2014 - 04:42

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

Наверх

#338 Jerek

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

Пользователи
120 сообщений

ГородОренбург

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

Vaccina (08 Февраль 2014 - 04:42) писал:

<!-- Список новинок на главной -->
				{% IFNOT index_page_new_goods_empty %}
				  <div class="pad-box">
					<h><a href="{CATALOG_NEW_URL}" class="indexPage moder"><h2 style="text-align: center;"><strong><em><span style="color: #ff6600;"><a class="indexPage moder" href="http://7free.ru/catalog/%D0%9D%D0%BE%D0%B2%D0%B8%D0%BD%D0%BA%D0%B8"><div style="text-align: center;"><span style="color:#572d74;"><span style="font-size:28px;"><span style="font-family:comic sans ms,cursive;"><em><strong>Новинки</strong></em></span></span></span></div></a></span></em></strong></h2></a></h3>
				   
					<table>
					  <tr>
					  {% FOR index_page_new_goods %}
						<td class="goodsListItem"> 
						  <div class="goodsListItemBlock withBorder1 cornerAll"><div style = "margin-top: 5px; height:40px;">
						  <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;" style="font-size:12px; color: #644482;">{index_page_new_goods.NAME}</a>  </div>
							<table class="goodsListItemImage">
							  <tr>
								<td>
								  <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;"><img class="goods-image-other" 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>
   
							<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:8px;" class="cena">
							  <a href="{index_page_new_goods.URL_MAX_PRICE_NOW}">&nbsp;&nbsp;{index_page_new_goods.MAX_PRICE_NOW | money_format}</a>
							</div>  </div>  </div> 
							<div class="goodsListItemPriceOld">
							  {% IF index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MAX_PRICE_NOW %}
								<a href="{index_page_new_goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
							  {% ELSEIF index_page_new_goods.MAX_PRICE_OLD>index_page_new_goods.MAX_PRICE_NOW %}
								 <div style=" margin-top: 12px; "> <a href="{index_page_new_goods.URL_MAX_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MAX_PRICE_OLD | money_format}</a> </div>
							  {% ENDIF %}
							</div>
						  </div>
						</td>
						{% IFNOT index_page_new_goods.last %}{index_page_new_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
					  {% ENDFOR index_page_new_goods %}
					  </tr>
					</table>
				   
				   
				   
				   
				   
				   
				   
				   
				   
				   
				  </div>
				{% ENDIF %}
				<!-- end Список новинок на главной -->

Данный код у меня выглидет так

Наверх

#339 Stasya

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

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

Отправлено 10 Февраль 2014 - 21:39

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

<!-- Список новинок на главной -->
			 {% IFNOT index_page_new_goods_empty %}
				 <div class="pad-box">
				 <h><a href="{CATALOG_NEW_URL}" class="indexPage moder"><h2 style="text-align: center;"><strong><em><span style="color: #ff6600;"><a class="indexPage moder" href="http://7free.ru/catalog/%D0%9D%D0%BE%D0%B2%D0%B8%D0%BD%D0%BA%D0%B8"><div style="text-align: center;"><span style="color:#572d74;"><span style="font-size:28px;"><span style="font-family:comic sans ms,cursive;"><em><strong>Новинки</strong></em></span></span></span></div></a></span></em></strong></h2></a></h3>
				
				 <table>
					 <tr>
					 {% FOR index_page_new_goods %}
					 <td class="goodsListItem">
						 <div class="goodsListItemBlock withBorder1 cornerAll"><div style = "margin-top: 5px; height:40px;">
						 <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;" style="font-size:12px; color: #644482;">{index_page_new_goods.NAME}</a> </div>
						 <table class="goodsListItemImage">
							 <tr>
							 <td>
								 <a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;"><img class="goods-image-other" 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>

						 <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:8px;" class="cena">
							 <a href="{index_page_new_goods.URL_MAX_PRICE_NOW}">&nbsp;&nbsp;{index_page_new_goods.MAX_PRICE_NOW | money_format}</a>
						 </div> </div> </div>
						 <div class="goodsListItemPriceOld">
							 {% IF index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MAX_PRICE_NOW %}
							 <a href="{index_page_new_goods.URL_MAX_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
							 {% ELSEIF index_page_new_goods.MAX_PRICE_OLD>index_page_new_goods.MAX_PRICE_NOW %}
								 <div style=" margin-top: 12px; "> <a href="{index_page_new_goods.URL_MAX_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MAX_PRICE_OLD | money_format}</a> </div>
							 {% ENDIF %}
						 </div>
						 </div>
					 </td>
					 {% IFNOT index_page_new_goods.last %}{index_page_new_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
					 {% ENDFOR index_page_new_goods %}
					 </tr>
				 </table>
				
				
				
				
				
				
				
				
				
				
				 </div>
			 {% ENDIF %}
			 <!-- end Список новинок на главной -->

Данный код у меня выглидет так

Все необходимые изменения произвела. Вы можете увидеть результат на своем сайте. Уточните, пожалуйста, у Вас на сайте еще где-нибудь установлена карусель?

Наверх

#340 Jerek

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

Пользователи
120 сообщений

ГородОренбург

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

Stasya (10 Февраль 2014 - 21:39) писал:

Огромное Вам спасибо !!! :wub:

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

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