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


Share on Google Plus

About VEKIA

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment

0 comments:

Post a comment