Czy jest możliwe wykorzystanie modułu "Prestashop Products on CMS pages" lub "shortcodes" do budowy karuzeli produktów na stronie CMS? chodzi o to aby w przypadku kilkunastu produktów wyswietlić karuzelę zamiast kilku wierszy produktów
Karuzela produktów na stronie cms
Są sposoby na implementacje karuzeli do modułu, ale wymaga on dodatkowego kodu, który trzeba będzie umieścić na danej stronie CMS
przykładowo, za pomocą modułu:
- "cms products": https://mypresta.eu/modules/front-office-features/products-on-cms-pages.html
- "shortcodes": https://mypresta.eu/modules/front-office-features/shortcodes.html
na wybranej stronie CMS tworzymy listę produktów, ja przykładowo wykorzystam
{products:1.2.3.4.5.6.7}
następnie do strony CMS dodajemy kod:
<style>ul.product_list.grid > li.first-in-line { clear: none!important; } </style> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/lightslider/1.1.6/css/lightslider.min.css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/lightslider/1.1.6/js/lightslider.min.js"></script> <script> $('document').ready(function(){ $('.cmsproductspro ul').lightSlider({ item:4, loop:false, slideMove:2, easing: 'cubic-bezier(0.25, 0, 0.25, 1)', speed:600, responsive : [ { breakpoint:800, settings: { item:3, slideMove:1, slideMargin:6, } }, { breakpoint:480, settings: { item:2, slideMove:1 } } ] }); }); </script>
efekt będzie taki:
http://demos.mypresta.eu/html-box-pro/en/content/5-secure-payment
0 comments:
Post a Comment