Слайдер из бокса рекомендуемых

[eugenem 11]

Озадачился сделать слайдер из бокса рекомендуемых. В общем-то, оказалось не так сложно реализовать, используя jQuery. Всем интересующимся http://www.molodezky.pp.ua/2010/02/21/peredelyvaem-boks-rekomenduemye-v-slajder-vam-shop/.

[support 447]

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

[Kyle 0]

Попробовал поставить слайдер, но ничего не вышло. Как ни кручусь - отображает товары один под одним. Такое ощущение, что jquery не подгружается.

Можете подсказать что-нибудь?

[support 447]

Проверяйте, подлючились ли js файлы.

Обычно в этом проблема, либо путь неправильно указан, либо файла на месте нет.

[Kyle 0]

Проверил, все на месте.

Но jquery перестаёт работать вообще после добавления любой из этих строк:

<script type="text/javascript" src="jscript/jquery/plugins/codaslider/jquery.easing.1.3.js"></script>

<script type="text/javascript" src="jscript/jquery/plugins/codaslider/jquery.coda-slider-2.0.js"></script>

А в случае с каруселькой (http://sorgalla.com/projects/jcarousel/) после добавления:

<script type="text/javascript">

jQuery(document).ready(function() {

jQuery('#mycarousel').jcarousel({

wrap: 'circular'

});

});

</script>

При чем, если убрать знак # в строке: jQuery('#mycarousel').jcarousel({

то jquery начинает работать, но каруселька - нет.

[support 447]

Дайте хоть ссылку на страницу, посмотрю.

[Kyle 0]

http://www.4adventure.ru

Сейчас карусель подцеплена.

[support 447]

Попробуйте добавить перед Вашим jQuery кодом:

jQuery.noConflict();

[/code]

[Kyle 0]

Разобрался с проблемой. Была банальная опечатка. По ночам надо меньше работать.

Но появился другой вопрос - как подгрузить в карусель фрагмент кода бокса...

Вот такой код бокса:

{config_load file="$language/lang_$language.conf" section="boxes"}


<!-- Бокс рекомендуемые -->


<div id="boxFeatured">


<ul id="mycarousel" class="jcarousel-skin-ie7">

{foreach name=aussen item=box_content from=$box_content}

<div id="boxFeaturedContent">

{if $box_content.PRODUCTS_IMAGE}

<p>

<a href="{$box_content.PRODUCTS_LINK}"><img src="{$box_content.PRODUCTS_IMAGE}" alt="{$box_content.PRODUCTS_NAME}" /></a>


</p>

{/if}


<p>

<a href="{$box_content.PRODUCTS_LINK}">{$box_content.PRODUCTS_NAME}</a>

</p>


<p>

{$box_content.PRODUCTS_PRICE}

</p>


{if $box_content.PRODUCTS_VPE}<p>{$box_content.PRODUCTS_VPE}</p>{/if}


{if $box_content.PRODUCTS_SHIPPING_LINK}

<p>

{$box_content.PRODUCTS_TAX_INFO}{$box_content.PRODUCTS_SHIPPING_LINK}

</p>

{/if}



</div>

{/foreach}

</ul>

</div>



<!-- /Бокс рекомендуемые -->[/code]

[support 447]

Так ведь по умолчанию бокс выводит один товар всего, что Вы крутить будете?!

Для начала наверное нужно делать так - http://vamshop.ru/forum/topic/8106-%D0%BA%D0%B0%D0%BA-%D1%81%D0%B1%D0%BE%D0%BA%D1%83-%D0%B2-%D0%B1%D0%BE%D0%BA%D1%81%D0%B5-%D1%80%D0%B5%D0%BA%D0%BE%D0%BC%D0%B5%D0%BD%D0%B4%D1%83%D0%B5%D0%BC%D1%8B%D0%B5-%D0%B2%D1%8B%D0%B2%D0%BE%D0%B4%D0%B8%D1%82%D1%8C-%D1%81%D1%80%D0%B0%D0%B7%D1%83/

А потом уже цеплять крутилку.

[Kyle 0]

Так я это и сделал в первую очередь. Там если крутилку отключить - несколько товаров выводятся, один под одним.

А потом ставлю крутилку и она их все в столбик и крутит, вместо разбиения на отдельные элементы.

[support 447]

Так это ж уже наверное от настроек javascript'a зависит, подбирайте подходящую крутилку.

Например bxslider.com

[Kyle 0]

Сделал все при помощи bxslider.com

Спасибо за наводку!

[support 447]

Не за что

[bobby-1 0]

Сделал слайдер рекомендуемых с использованием codaslider все получилось, единственный вопрос как сделать тоже самое в боксе новинки?

[support 447]

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

[bobby-1 0]

я понимаю что для знающих это скорее всего очень просто но для меня на данном этапе моих знаний это достаточно сложно, я все делал по инструкции тут и куда вставлять этот код

<div class="panel">

<div class="panel-wrapper">

[/CODE]
 я не могу понять

[support 447]

Вы сначала сделайте вывод нескольких товаров, а потому уже украшайте js кодом.

[bobby-1 0]

ну видимо в этом весь мне и нужна помощь я не знаю как это сделать вот код бокса новинки

{config_load file="$language/lang_$language.conf" section="boxes"}

<!-- Р&#8216;РѕРєСЃ РЅРѕРІРёРЅРєРё -->

<div id="boxWhatsNew">

<h5>{#heading_whatsnew#}</a></h5>



<div id="boxWhatsNewContent">


{if $box_content.PRODUCTS_IMAGE}

<p>

<a href="{$box_content.PRODUCTS_LINK}"><img src="{$box_content.PRODUCTS_IMAGE}" alt="{$box_content.PRODUCTS_NAME}" title="{$box_content.PRODUCTS_NAME}" width="160" /></a>

</p>

{/if}

<p>

<a href="{$box_content.PRODUCTS_LINK}">{$box_content.PRODUCTS_NAME}</a>

</p>

<p>

{$box_content.PRODUCTS_PRICE}

</p>

{if $box_content.PRODUCTS_VPE}<p>{$box_content.PRODUCTS_VPE}</p>{/if}

{if $box_content.PRODUCTS_SHIPPING_LINK}

<p>

{$box_content.PRODUCTS_TAX_INFO}{$box_content.PRODUCTS_SHIPPING_LINK}

</p>

{/if}

</div>

</div>

<!-- /Р&#8216;РѕРєСЃ РЅРѕРІРёРЅРєРё -->

[/CODE]

что необходимо сделать (дописать) помогите пожалуйста

[support 447]

Я ж не буду за Вас код писать, есть уже все примеры.

Берите за основу php код правленного бокса рекомендуемые и правиьте немного sql запрос.