Вывод дополнительного списка товаров (топ-продуктов) через слайдер

Psychotron · 19 апр 2013

Привет всем!

Есть модуль топ-продуктов v2 (Доп. списки товаров). Если нужен можно взять тут http://rghost.ru/45396859, пароль "через личку"

Задумка такова

Реализовать вывод списка топовых товаров через данный слайдер

Спойлер

http://tympanus.net/codrops/2012/12/31/how-to-create-a-simple-multi-item-slider/[/spoiler]

И так, после установки идем в созданный файл по адрессу /published/SC/html/scripts/templates/frontend/top_prod.html

заменяем весь код на этот

Спойлер

<link rel="stylesheet" type="text/css" href="ТУТ ВАШ ПУТЬ К файлу/top_prod.css" />
<script src="/ ТУТ ВАШ ПУТЬ К скрипту/js/modernizr.custom.63321.js"></script>
{if $main_content_template eq "home.html"}
<div class="container">
<div id="mi-slider" class="mi-slider">
{section name=i loop=$fields}
<ul>
{section name=j loop=$fields.products}
<li>
<table style="height:300px;width:170px;">
<tr><td><img src="{$smarty.const.URL_PRODUCTS_PICTURES}/{$fields.products[j].default_picture}"></td></tr>
<tr><td> <a href="/index.php?productID={$fields.products[j].productID}">{$fields.products[j].name_ru}</a></td></tr>
<tr><td> <div class="totalPrice">{$fields.products[j].Price} руб.</div> </td></tr>
<td><tr>
<form rel="{$fields.products[j].productID}" action="/index.php?productID={$fields.products[j].productID}&ukey=product" method="post">
<input name="productID" value="{$fields.products[j].productID}" type="hidden" />
<input class="product_price" value="{$fields.products[j].Price}" type="hidden" />
<div class="prdbrief_name" style="display:none;">{$fields.products[j].name_ru}</div>
</form>
</td></tr>
</table>
</li>
{/section}
</ul>
{/section}
<nav>
{section name=i loop=$fields}
<a><span>{$fields.name}</span></a>
{/section}
</nav>
</div></div>
{/if}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="/f/js/jquery.catslider.js"></script>
{literal} <script>
$(function() {

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

});
</script>
{/literal}

Все должно работать, правда за корректное отображение в IE не ручаюсь!

ivanuch90 · 28 апр 2013

Можете написать как его установить и настроить?

Psychotron · 29 апр 2013

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

Paha123 · 5 июн 2013

самое интересное начинаеться с IE ))))) ктото с IE справился?

Вывод дополнительного списка товаров (топ-продуктов) через слайдер

Psychotron

ivanuch90

Psychotron

Paha123