Search the Community

10 Скачать / Купить дополнение Category Tabs The Category Tabs module displays carousel products from a selected category. It is possible to set the first item of slide(the text, a picture and also a button for visit to a category page are added in the settings). Module using the owl carousel plugin. Open source code. The module does not require the replacement of files. Module include russian and english localisation For quick contact with the developer, write to Skype dubok1195 Thank you for your choice! Regards Glove Модуль Category Tabs отображает карусель товаров из выбраной категрии. Есть возможность указать первым елементом слайда - добавленый в настройках текст, картинку а также кнопку для перехода в категорию. Используеться плагин owl carousel. Открытий код. Модуль не требует замены файлов. Модуль включает русскую и английскую локализацию. Для быстрого контакта с разработчиком пишите в скайп dubok1195 Спасибо за Ваш выбор! С уважением Glove Добавил dubok1195 Добавлено 21.03.2019 Категория Слайдшоу, баннеры, галереи Системные требования Метод активации Без активации Ioncube Loader Нет ocStore 2.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет  

На сайт нужно сделать раздел "С этим товаром покупают". Принял решение использовать стандартный блок "Рекомендуемые" в связке с "Owl Carousel 2". Вставил нужный код OWL в head, модифицировал файл "featured.tpl" следующим образом: <h3><?php echo $heading_title; ?></h3> <div class="row"> <div class="owl-carousel owl-theme"> <?php foreach ($products as $product) { ?> <!-- <div class="item"> --> <div class="product-layout col-xs-12"> <!-- col-lg-3 col-md-3 col-sm-6 --> <div class="transition"> <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" /></a></div> <div class="caption txt_cntrd"> <h4><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></h4> <!-- <p><?php echo $product['description']; ?></p> <?php if ($product['rating']) { ?> <div class="rating"> <?php for ($i = 1; $i <= 5; $i++) { ?> <?php if ($product['rating'] < $i) { ?> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <?php } else { ?> <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span> <?php } ?> <?php } ?> </div> <?php } ?>--> <?php if ($product['price']) { ?> <p class="price"> <?php if (!$product['special']) { ?> <?php echo $product['price']; ?> <?php } else { ?> <span class="price-new"><?php echo $product['special']; ?></span> <span class="price-old"><?php echo $product['price']; ?></span> <?php } ?> <?php if ($product['tax']) { ?> <span class="price-tax"><?php echo $text_tax; ?> <?php echo $product['tax']; ?></span> <?php } ?> </p> <?php } ?> </div> <!-- <div class="button-group"> <button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button> <button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button> <button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i></button> </div> --> </div> </div> <!-- </div> --> <?php } ?> <script> $(document).ready(function() { var owl = $('.owl-carousel'); owl.owlCarousel({ items: 4, loop: false, margin: 10, nav: true, autoplay: true, autoplayTimeout: 12500, autoplayHoverPause: true }); $('.play').on('click', function() { owl.trigger('play.owl.autoplay', [12500]) }) $('.stop').on('click', function() { owl.trigger('stop.owl.autoplay') }) }) </script> <!-- <a class="button secondary play">Play</a> <a class="button secondary stop">Stop</a> --> </div> </div> И все бы хорошо, если бы не пробелы в карусели. Пробовал ставить показ 3-х, 4-х, 5-ти элементов. Но откуда они все равно берутся – не понятно... Может кто сталкивался, либо у кого есть идеи для готового решения...

Привет! Установил модуль Owl Carousel на OcStore 2.3.0.2, теперь рамочки товаров на главной (выводимые этим модулем) выходят разных размеров, в зависимости от длинны текста описания товара. Автор модуля для исправления просит доступы, а мне бы хотелось обойтись без этого. Подскажите, пожалуйста, что, как и где нужно отредактировать, чтобы рамки товаров были одной величины. По возможности поподробнее, ибо ни разу не кодер, но стараюсь. Во вложении изображение того, о чем собственно и идёт речь (это ещё цветочки). Заранее благодарен всем!

Для своего сайта своими силами решил сделать миниатюры для слайдшоу В интернете нашел, что-то похожее, что мне нужно: в slideshow.tpl заменил: на И в owl.carousel.css добавил оформление: Все получилось так как я хотел. Единственный косяк в том, что при изменении размеров окна браузера миниатюры пропадают. При обновлении страницы снова появляются. Не могу понять, в чем дело.(( Может, кто поможет решить проблему?