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

[MikDark]

tega4 (30 Май 2014 - 08:43) писал:

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

В main.css есть код:

.text-center {
margin-top: -38px;
background: #359395;
width: 210px;
height: 20px;
position: relative;
text-align: center;
}

уберите оттуда width: 210px;

[tega4]

MikDark (30 Май 2014 - 08:59) писал:

В main.css есть код:

.text-center {
margin-top: -38px;
background: #359395;
width: 210px;
height: 20px;
position: relative;
text-align: center;
}

уберите оттуда width: 210px;

спасибо, а вы еще не посмотрите. что я напортачила с сопуткой тот же аккаунт, карусель идет, но еще товары дублируется, это нужно убрать.

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

• 

[Taisia]

внесли изменения в код
у вас в блоке "с этим товаром смотрят" был пропущен закрывающий тег </div>

[tega4]

Taisia (30 Май 2014 - 15:51) писал:

внесли изменения в код
у вас в блоке "с этим товаром смотрят" был пропущен закрывающий тег </div>

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

[Vaccina]

мне кажется, теперь у вас много лишних закрывающих </div> =)
в шаблоне Товар найдите:

<h3>С этим товаром смотрят</h3><br />
	 <table>
<!-- Begin Wrapper -->
		 <div id="wrapper1">
		 <div class="d-carousel1">
				 <ul class="carousel">
								 {% FOR related_goods %}
								 <li><div class="goodsListItemImage">
								 <div class="height-img">
								 <a href="{related_goods.URL}">
								 <img class="goods-image-small" src="{% IF related_goodsIMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" />
								
								 </a>
								
								 </div>
										 <div class="prosmotr">
						 <p style="margin-top:10px !important;font-weight:bold;" class="text-center">
			 <a href="{related_goods.URL}" onClick="QuickLook('{related_goods.URL}'); return false;" class="ajax pt-sans font-size-16">БЫСТРЫЙ ПРОСМОТР &raquo;</a>
		 </p>
	 </div>
										 <h3 class="goodsListItemName"style="margin-top:-30px"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
										 <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
										 </div>
						 </li>{% ENDFOR related_goods %}
								
				 </ul>
		 </div>
		 </div>
						 <div class="clear"></div>
								 <!-- End Wrapper -->
								
</div>
</div>

замените на:

<h3>С этим товаром смотрят</h3><br />
<div id="wrapper1">
<div class="d-carousel1">
<ul class="carousel">
{% FOR related_goods %}
<li>
	 <div class="goodsListItemImage">
	 <div class="height-img">
	 <a href="{related_goods.URL}">
	 <img class="goods-image-small" src="{% IF related_goodsIMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" />
						 </a>
					 </div>
					 <div class="prosmotr">
	 <p style="margin-top:10px !important;font-weight:bold;" class="text-center">
	 <a href="{related_goods.URL}" onClick="QuickLook('{related_goods.URL}'); return false;" class="ajax pt-sans font-size-16">БЫСТРЫЙ ПРОСМОТР &raquo;</a>
	 </p>
	 </div>
	 <h3 class="goodsListItemName"style="margin-top:-30px"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
	 <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
				 </div>
			 </li>
{% ENDFOR related_goods %}
	 </ul>
</div>
</div>
<div class="clear"></div>

[tega4]

спасибо, все работает теперь корректно.

[Cybernetic]

Проблемы с каруселью (все добавил как по инструкции - tinycarousel.css,jquery.tinycarousel.js, jquery.tinycarousel.min.js ) максимум что смог добиться это смещение в лево. Скорее всего ошибка в коде, но как её найти я не знаю. Что делать? http://santechbomba.ru/

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

• 

[Сake]

У вас по идее tinycarousel работает, не работает карусель jcarousel, так как нет необходимых файлов. Подключать одновременно файлы "jquery.tinycarousel.js, jquery.tinycarousel.min.js" не нужно, так как они идентичны, за исключением того, что .min.js это сжатая версия файла jquery.tinycarousel.js. Выполните следующие изменения - в шаблоне "HTML" найдите код

<!-- Скрипты магазина -->
	<script type="text/javascript" src="{ASSETS_JS_PATH}forall.js"></script>
	<script type="text/javascript">var zoomloaderPath = '{ASSETS_IMAGES_PATH}loader.gif';</script>
	<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
	 <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.tinycarousel.js"></script>
	  <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.tinycarousel.min.js"></script>
   <script type="text/javascript">
	$(document).ready(function()
		{
						$('#slider1').tinycarousel();
				});
		</script>  
{% IF index_page %}
			   <script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
scroll: 1,
auto: 2000
});
});
</script>

{% ENDIF %}

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

<!-- Скрипты магазина -->
	<script type="text/javascript" src="{ASSETS_JS_PATH}forall.js"></script>
	<script type="text/javascript">var zoomloaderPath = '{ASSETS_IMAGES_PATH}loader.gif';</script>
	<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.tinycarousel.min.js"></script>
	<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

после этого в конец вашего файла main.js добавьте код

$(function() {
  $('#slider1').tinycarousel();
});

[Cybernetic]

Сake сделал все как вы написали.

Переходов(хотелось что бы карусель сама пролистывалась) нет
Карусель на всех страницах сайта а хотелось бы только на главной
Хотелось бы видоизменить карусель как на втором ресунке и к сожадению ошибка js с сайта не уходит(браузер firefox)

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

• 
• 

[Сake]

Цитата

Переходов(хотелось что бы карусель сама пролистывалась) нет

Для этого необходимо задать дополнительную опцию. В файле main.js замените строку

$('#slider1').tinycarousel();

на

$('#slider1').tinycarousel({ interval: true });

Цитата

Карусель на всех страницах сайта а хотелось бы только на главной

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

{% IF index_page %}
  Код слайдера
{% ENDIF %}

Цитата

Хотелось бы видоизменить карусель как на втором ресунке и к сожадению ошибка js с сайта не уходит(браузер firefox)

На данный момент у вас отсутствует карусель, вы её удалили?

[Cybernetic]

Сake (18 Июнь 2014 - 02:56) писал:

Для этого необходимо задать дополнительную опцию. В файле main.js замените строку

$('#slider1').tinycarousel();

на

$('#slider1').tinycarousel({ interval: true });

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

{% IF index_page %}
Код слайдера
{% ENDIF %}

На данный момент у вас отсутствует карусель, вы её удалили?

Карусель удалил по тому что она ломает верстку всего сайта все смещается, помогите пожалуйста поставить её корректно как на второй картинке

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

• 
• 

[Vaccina]

Слайдер, найдите:

.flexslider .slides img {
	display: block;
	height: 181px;
	width: 100%;
}

Попробуйте удалить: height: 181px;


При вставке карусели, в ней попробуйте удалить строчку: <divclass="clear"></div>