Saturday, 2 September 2017

Moduł PrestaShop darmowej karuzeli produktów na stornie cms

Dzien dobry 
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:
  1. "cms products": https://mypresta.eu/modules/front-office-features/products-on-cms-pages.html
  2. "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


No comments:

Post a Comment