Карусель товаров для bootstrap

[xside 0]

Пытаюсь установить карусель для "Возможно вас так же заинтересует" см. здесь http://buybeauty.com.ua/product/Ultrazvukovoj-skraber-ultrasonic-fresh-iv.html

Однако ниодна не хочет работать под bootstrap. Какую посоветуете такого типа что бы работала?

[support 447]

Так по умолчанию в boostrap есть карусель - http://getbootstrap.com/javascript/#carousel

+ в VamShop 2 идёт ведь по умолчанию sequence карусель, на главной http://demo2.vamshop.ru

Наверное что-то не так делаете, работать должен любой jQuery модуль карусели, если он не древний.

Да и вот bxslider карусель в виде модуля - http://support.vamshop.ru/modules/wfdownloads/singlefile.php?cid=6&lid=17

т.е. уже как минимум 3 карусели рабочих и проверенных для VamShop 2.

[xside 0]

Это немного не такая карусель, мне нужно для 4х товарных блоков, а это обычная я ссылку давал в самом низу страницы, скриншот внизу.

 

 

[support 447]

bxslider умеет так делать, на который я выше ссылку давал.

[xside 0]

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

[support 447]

Если Вы у себя на сайте убрали объединение и сжатие файлов, то вместо bender ... надо писать <link rel="stylesheet" ... для стилей и <script src ... для js файлов.

Наверное неправильно подключили css, js файлы bxslider.

У Вас на сайте, кстати, js ошибки (да и я Вам уже об этом писал, насколько я помню), к примеру, не работает подсветка полей форм, в случае ошибок, например если не заполнены поля в модуле капить за 1 клик, в модуле отзвов.

По умолчанию всё работает - http://demo2.vamshop.ru/product/samsung-galaxy-note-3.html

Например попробуйте у себя в закладке Добавить отзыв ничего не заполнять и нажать кнопку Добавить.

А затем тоже самое на http://demo2.vamshop.ru/product/samsung-galaxy-note-3.html

Аналогично и в окне Купить за 1 клик.

А так конечно сайт хорошо сделан, всё наглядно, крупно, понятно, симпатично получилось.

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

Это не хорошо.

По умолчанию в VamShop 2 опять же всё адаптируется под экран и никаких полос прокрутки нет.

[xside 0]

Это как раз сайт который немного нехорошо сделали, и сейчас мне переделывают его. т.к. есть много нюансов, например неработают атрибуты (связанные товары), и много других. Взяли последнюю версию и перетягивают. На этом работает карусель, а на новом как раз не хочет, спасибо за советы, поробуем, и отпишусь.

[xside 0]

снимок консоли с ошибкой (можно посмотреть по нижней ссылке какие ошибки), на втором экране код инициализации, ясно видно что ошибки там нет.

 

 

Вот внизу пытались вывести  bxslider

http://test.ia-shelon.ru/product/Pipetka-dlja-butylochek2.html

[support 447]

Так а где код для слайдера самого, где css файл bxslider?!

В любом случае, деле не движке, это точно, и не в bxslider.

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

[xside 0]

Там в консоли то все видно помоему? Файл стилей не подключался, просто взял отуда нужные стили и скопировал в основную таблицу точно так же как на сатром сайте (http://buybeauty.com.ua/product/Ultrazvukovoj-skraber-lw-006.html) только там работает, а здесь нет (http://test.ia-shelon.ru/product/Ultrazvukovoj-skraber-lw-006.html). А разница в том что на том сайте где работает, был сверстан без bootstrap (т.е. были отключены почти все вамовские скрипты). Поэтому если проблема не в ваших скриптах то в чем тогда?

[support 447]

Я не вижу под слайдера, только подключение bxslider файла.

Кроме js файла должен быть сам код для слайдера, с настройками.

[xside 0]

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

Вставляю код на главную страницу по правилам http://bootstrap-3.ru/javascript.php#carousel, что бы добавить кнопки управления. Однако при нажатии OK он полностью исчезает (код ниже). Почему?

<!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>

[support 447]

Не используйте glyphicon

По умолчанию лучше fontawesome иконки, т.е. fa fa-icon, список иконок на - http://fontawesome.io/icons/

[xside 0]

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

 

<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
      <i class="fa fa-cevron-left"></i>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <i class="fa fa-cevron-right"></i>
  </a>

[support 447]

Редактор да, занимается самодеятельностью, html-код можно попробовать вставлять через меню Инструменты - Исходный код. Либо вообще отключать редактор.

 

[xside 0]

как, можно подробней? Как редактор отключить? В и меню инструментов не вижу ничего кроме "резервного копирования" и "статистики продаж".

[support 447]

В /app/View/Helper/TinyMceHelper.php закомментируйте например:

	$code .= $this->Html->script('tinymce/tinymce.min.js', false);

js файла не будет и редактор вряд ли запустится.

[xside 0]

Появился доступ на FTP теперь хочу вернуться к слайдеру, можно утонить какой и где должен быть этот код слайдера. Я думал настройки регулируются в init фале (количество слайдов, ширина и т.д.), потом выводтся тегом в шаблоне и в микрошаблоне (см.ниже), а после подключения регулируются стилями, который у меня в стилях (vamshop.css). Что за код еще и где он должен быть?

 

    $('#slider-featured').bxSlider({
        minSlides: 2,
        maxSlides: 4,
        moveSlides:4,
        slideWidth:200,
        slideMargin:10

 

Этим тегом выводится внизу в шаблоне «карточка товара» - {xsell template='bbxsell'}

 

Код в микрошаблоне bbxsell

 

<h1>Возможно, вас также заинтересует</h1>

<div class="cross">

                                   <div id="slide-featured">

                                               <ul id="slider-featured">

{foreach from=$relations item=node}

                  <li>

                        <div class="product-block2">

           {if $node.reviews > 0}<div class="rewRating"><span class="rating">{$node.star_rating}</span> <span class="reviews">{lang}Feedback{/lang}: {$node.reviews}</span></div>{/if}

                                                           <div class="product-img">

                     

                      

                      <a href="{$node.url}"> <img src="{$node.image.image}" alt="{$node.name}" width="181"/></a></div>

                                                           <div class="product-name">{$node.name}</div>

                                                            {if $node.old_price}

                                                                       <div class="product-price">{$node.price}<span class="old-price">{$node.old_price}</span></div>

           {else}

   <div style="text-align:center;" class="product-price">{$node.price}</div>

                                                          

                                                                       {/if}

                                                           <div class="label"> {product_label template="new-label" label_id={$node.label_id}}</div>

          <div class="sales">{if $node.discount > 0}-{$node.price_save_percent|round}%{/if}</div>

          <div class="a-but">

                                                                       {if $node.stock > 0}

                                                                        {product_form product_id={$node.id}}

                                                                       <p><button  type="submit" class="button" value="{lang}Buy{/lang}">Добавить в корзину</button></p>

                                                                        {/product_form}

                                                                        {else}

                                                                        <p><span class="no-nal">Нет в наличии</span></p>

                                                                        {/if}

                                                                        </div>

                                               <div class="add-button2">

                    

                    

                                                           </div>

</div>

                                                                      

                        </li>

 

 

Дальше стили в фале vamshop.css, я уже не буду их выискивать это не имеет значения.

[support 447]

Вы модуль bxslider поставили, он работает для картинок?!

Я проверял его, был рабочий, вот ставите и на его основе делаете свой слайдер.

[xside 0]

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

Вы поняли что я хочу? Вот карусель как здесь в самом низу: http://buybeauty.com.ua/product/Gibridnaja-uv-ccflled-lampa-36w-sinjaja.html. Только там почти все вамовские скрипты были отключены и нормально поставился без проблем, а через jquery никак не получается.

 

Можно подробней описать весь процесс установки на каком то примере, возможно мы что то упускаем и будем так долго решать этот вопрос.

 

[support 447]

Был встроенный, потом решить его удалить и вынести в отдельные модули.

Я ж Вам ссылку давал на модуль - http://support.vamshop.ru/modules/wfdownloads/singlefile.php?cid=6&lid=17

Вот Вам готовый пример рабочего слайдера.

Берёте его за основу и делаете свой.

В любом месте магазина его добавить без проблем.

т.е. добавляете js настройки слайдера и делаете правильную html разметку товаров в нужном месте.

[xside 0]

Хоть убейте я всерано не понимаю, это же слайдер для картинок как указано там, но у  меня совсем другая ситуация, мне нужен слайдер гле выводятся товарные блоки. Или он для всего и пользватся им можно с теме же параметраими (см.нижи) и он рабтоает как стандартный? Если не так же ползоваться, то как, где описание параметров?

 

 $('#slider-featured').bxSlider({
        minSlides: 2,
        maxSlides: 4,
        moveSlides:4,
        slideWidth:200,
        slideMargin:10

 

И еще, эти строки что там описаны {bender src="{base_path}/css/jquery/plugins/bxslider/jquery.bxslider.css"} нужно добавоять обязательно в основной шаблон или только на старницу где он будет применяться или в основной и в  то место где будет слайдер (карточку товара)?

[xside 0]

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

[support 447]

Какая разница, товарные блоки, не товарные.

Всё это html-код, а значит его можно использовать в слайдере, любой html-код можно вывести в слайдер.

и в чём была проблема, если не секрет!?

[xside 0]

Я уже понял что разницы никакой. Как раз в вверстке то и небыло проблемы, проблема была в подключении bxslider. Для его подключения недостаточно было скопировать скрипт bx и инициализировать его при помощи параметров в файле init. Нужно заменить файл функции и прорисать в основном шаблоне строки. Без рекомендация по ссылке на модуль запустить не удавалось.

И вопрос, я там с вами общалмся по поводу глюков в атрибутах, уже почти месяц прошел, скоро будет поправка (обновление)? Жду уже сайт готов...