Опубликовано: 7 мая 2015
Слайдер продукта автопрокрутка Есть решение
Подскажите пожалйуста как сделать слайдеры продуктов с автоматической прокруткой?
Инструкция из Вопрос/ответ не подходит, в новой версии отсутствует такая строка
buttonPrevHTML: '<div><i class="icon-circle"><i class="icon-angle-left"></i></i></div>'
в файле "product-slider.html"
Комментарии (6)
в файле "buysimply.shop.js" (магазин-витрина-дизайн-шаблоны)
замените строки
$('ul[class^="product-slider-"]').jcarousel({
scroll: 1,
buttonNextHTML: '<div><i class="icon-angle-right"></i></div>',
buttonPrevHTML: '<div><i class="icon-angle-left"></i></div>'
});
на
$('ul[class^="product-slider-"]').jcarousel({
wrap: 'circular',
auto: 1,
scroll: 1,
buttonNextHTML: '<div><i class="icon-angle-right"></i></div>',
buttonPrevHTML: '<div><i class="icon-angle-left"></i></div>'
});
Здравствуйте.
При реализации данного решения наблюдается следующий побочный эффект: если для товара выбран список "С этим товаром покупают", этот список так же прокручивается. Как избежать этого нежелательного явления? Вот ссылка:
http://chukokkala.ru/shop/benua-a-vozniknovenie-mira-iskusstva/
Попробуйте в файле buysimply.shop.js после строк:
$('ul[class^="product-slider-"]').jcarousel({ wrap: 'circular', auto: 1, scroll: 1, buttonNextHTML: '<div><i class="icon-angle-right"></i></div>', buttonPrevHTML: '<div><i class="icon-angle-left"></i></div>' });добавить строки:
$('ul.product-slider-crossselling, ul.product-slider-upselling').jcarousel({ scroll: 1, buttonNextHTML: '<div><i class="icon-angle-right"></i></div>', buttonPrevHTML: '<div><i class="icon-angle-left"></i></div>' });Не могли бы для "Выгодной покупки" подсказать как включить автопрокрутку для, например "ЛУЧШИЕ ПРЕДЛОЖЕНИЯ НА ..."
Вопросы по другим темам оформления задавайте в соответствующем разделе/форуме.
Александру Тирону:
Ваша заплатка не дает необходимого эффекта, автоматическая прокрутка рекомендованных товаров продолжается.
Тогда попробуйте следующее:
1) В файле product.html замените строки:
product-slider
строками:
product-slider related-products
2) В файле buysimply.shop.js после строк:
$('ul[class^="product-slider-"]').jcarousel({ wrap: 'circular', auto: 1, scroll: 1, buttonNextHTML: '<div><i class="icon-angle-right"></i></div>', buttonPrevHTML: '<div><i class="icon-angle-left"></i></div>' });вставьте строки:
$('ul[class^="product-slider-"].related-products').jcarousel({ scroll: 1, buttonNextHTML: '<div><i class="icon-angle-right"></i></div>', buttonPrevHTML: '<div><i class="icon-angle-left"></i></div>' });строку:
$('ul[class^="product-slider-"]').jcarousel({заменить строкой:
$('ul[class^="product-slider-"]').not('.related-products').jcarousel({А как расширить этот слайдер?Я расширил страницу и вместе с ней все блоки, только вот обсуждаемый в данной теме слайдер продуктов на главной странице так и остался прежнего размера...
1. в файле buysimply.css в самом низу пропишите
.banner-wrapper {
width:740px;
}
ширину замените на желаемую ширину
2. в файле banner-slider.html
в строке
{$wa->photos->getImgHtml($pohoto, "740x0")}
740 замените на желаемую ширину