Товар в 2 строки слайдером

[daramal]

в этом случай можно просто так сделать:

<div class="coda-slider"  id="slider-id">
      <div>
        <p>
        <a href="http://сайт/catalog/suhoj-korm_2"><img src="img/1 (1).jpg" title="" alt="Картинка"/></a>	
      <a href="http://сайт/catalog/kletki-dlya-gryzunov"><img src="img/1 (1).png" title="" alt="Картинка"/></a>
     
      <a href="http://сайт/catalog/igrovye-kompleksy-kogtetochki"><img src="img/1 (2).jpg" title="" alt="Картинка"/></a>
       <a href="http://сайт/catalog/perenoski"><img src="img/1 (2).png" title="" alt="Картинка"/></a>
       </p>
      </div>
    </div>

то есть добавите для следующих 4-х фото еще div к примеру так все будет выглядеть для 8 фото:

<div class="coda-slider"  id="slider-id">

      <div> //для 1-го блока 4 фото
        <p>
        <a href="http://сайт/catalog/suhoj-korm_2"><img src="img/1 (1).jpg" title="" alt="Картинка"/></a>	
      <a href="http://сайт/catalog/kletki-dlya-gryzunov"><img src="img/1 (1).png" title="" alt="Картинка"/></a>
     
      <a href="http://сайт/catalog/igrovye-kompleksy-kogtetochki"><img src="img/1 (2).jpg" title="" alt="Картинка"/></a>
       <a href="http://сайт/catalog/perenoski"><img src="img/1 (2).png" title="" alt="Картинка"/></a>
       </p>
      </div>

<div> //для 2-го блока 4 фото и т.д.
        <p>
        <a href="http://сайт/catalog/suhoj-korm_2"><img src="img/1 (1).jpg" title="" alt="Картинка"/></a>	
      <a href="http://сайт/catalog/kletki-dlya-gryzunov"><img src="img/1 (1).png" title="" alt="Картинка"/></a>
     
      <a href="http://сайт/catalog/igrovye-kompleksy-kogtetochki"><img src="img/1 (2).jpg" title="" alt="Картинка"/></a>
       <a href="http://сайт/catalog/perenoski"><img src="img/1 (2).png" title="" alt="Картинка"/></a>
       </p>
      </div>

    </div>

[ilyasimahin]

Огромнейшее спасибо! Все получилось!!!

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

А потом дошло что в <p></p> все поставил, а для <p></p> margin задан был)

[daramal]

вот и отлично! очень рад...

[Delious]

Мне кажется, в архиве есть ненужные файлы, такие как 1jquery.coda-slider-3.0
А вообще, все делаю по инструкции, но как-то все равно криво встает.

[daramal]

все верно, т.к. архив рассчитан для 3-х слайдов - рекомендуемые, скидки и новинки. по этому я подключил 3 js-файла

[Delious]

В архиве для слайдеров 4 js файла, можете проверить сами
jquery.coda-slider-3.0
jquery.coda-slider-3.1
jquery.coda-slider-3.2
и 1jquery.coda-slider-3.0
В общем суть в том, что все равно ставится как-то криво( 
Не могу до конца разобраться, что и как

[daramal]

1jquery.coda-slider-3.0 - не нужен.

 

остальные:

jquery.coda-slider-3.0
jquery.coda-slider-3.1
jquery.coda-slider-3.2

 

они для 3-х слайдеров на главной.

[Jan]

а можно этот слайдер сделать вертикальным?

[Delious]

Залил даже новую симплу, все сделал ТОЧНО по инструкции.
Вот, что получилось  http://pikucha.ru/ibWDc

Как исправить?? 

[Rash]

Залил даже новую симплу, все сделал ТОЧНО по инструкции.

Вот, что получилось  http://pikucha.ru/ibWDc

Как исправить?? 

 

Все работает, сам лично проверял, давно правда да в общем и не суть. Внимательнее еще раз все проверь!

[FastHeel]

Все работает, сам лично проверял, давно правда да в общем и не суть. Внимательнее еще раз все проверь!

Попробовал, тоже все робит)

[Sereniya]

 

Залил даже новую симплу, все сделал ТОЧНО по инструкции.
Вот, что получилось    http://pikucha.ru/ibWDc

Как исправить?? 

Такая же ситуация весь контент в слайдере, как решили эту проблему?

[Foх]

все верно, т.к. архив рассчитан для 3-х слайдов - рекомендуемые, скидки и новинки. по этому я подключил 3 js-файла

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

[tsybart]

у меня так же, подтягивает все подряд со страницы.

[pavnik]

Помогите... Мне необходимо чтобы в одну строку прокручивались рекомендуемые товары. Сделал по варианту Darmal, прокрутка работает, но не совсем так как нужно. В коде ставлю лимит 12 товаров,  прокручиваются по 4 товара 3 раза с товарами, а потом еще 9 пустых слайдов и только после этого возвращаемся к 1-ому слайду. Мне же нужно возвращение к 1 слайду после 3 прокруток в данном случае...

Вот код

{* Рекомендуемые товары *}
{get_products var=featured_products featured=1 limit=12 sort=random}
{if $featured_products}
<!-- Список товаров-->

<a href="hits" class="more">Все рекомендуемые</a>
<h1>Рекомендуемые товары</h1>
<div class="coda-slider"  id="slider-id">
<div>
<ul  class="tiny_products" >
	{foreach $featured_products as $product}	
<!-- Товар-->
	<li class="product">		
		<!-- Фото товара -->
		{if $product->image}
		<div class="image">
		<div class="icons">
		{if $product->new}
		<img src="design/{$settings->theme|escape}/images/icon-new.png" title="Новинка!" alt="Новинка!"/>
		{/if}
		{if $product->variant->compare_price > 0}
		<img src="design/{$settings->theme|escape}/images/icon-sale.png" title="Суперцена!" alt="Суперцена!"/>
		{/if}
		{if $product->featured}
		<img src="design/{$settings->theme|escape}/images/icon-hit.png" title="Хит продаж!" alt="Хит продаж!"/>
		{/if}		
		</div>
			<a href="products/{$product->url}"><img src="{$product->image->filename|resize:200:200}" alt="{$product->name|escape}"/></a>
		</div>
		{/if}
		<!-- Фото товара (The End) -->
		<div style="text-align:center;"  class="product_info">
		<!-- Название товара -->
		<h3   class="{if $product->featured}featured{/if}"><a data-product="{$product->id}" href="products/{$product->url}">{$product->name|escape}</a></h3>
		<!-- Название товара (The End) -->                   	
		</div>
	</li>
	<!-- Товар (The End)-->
	{if $smarty.foreach.fproducts.iteration%1 == 0} 
					</div> 
					{if $smarty.foreach.fproducts.iteration != $featured_products|@count} 
					<div> 
					{/if} 
					{/if} 
	{/foreach}				
</ul></div>
</div>
{/if}