{if $block->carousell==1}
{literal}
    <script>
        document.addEventListener("DOMContentLoaded", function(event) {
            var {/literal}homefeatured{$block->id}{literal} = $('.{/literal}hpp{$block->id}{literal} .products').lightSlider(
                {
                    item: {/literal}{$block->carousell_nb}{literal},
                    loop: false,
                    slideMove: 1,
                    speed: 600,
                    pager: {/literal}{if $block->carousell_pager==1}true{else}false{/if}{literal},
                    loop: {/literal}{if $block->carousell_loop==1}true{else}false{/if}{literal},
                    controls: false,
                    pauseOnHover: true,
                    auto: {/literal}{if $block->carousell_auto==1}true{else}false{/if}{literal},
                    responsive: [
                        {
                            breakpoint: 1200,
                            settings: {
                                item: {/literal}{$block->carousell_nb_large_tablet}{literal},
                                slideMove: 1,
                                slideMargin: 6,
                            }
                        },
                        {
                            breakpoint: 992,
                            settings: {
                                item: {/literal}{$block->carousell_nb_tablet}{literal},
                                slideMove: 1,
                                slideMargin: 6,
                            }
                        },
                        {
                            breakpoint: 768,
                            settings: {
                                item: {/literal}{$block->carousell_nb_mobile}{literal},
                                slideMove: 1
                            }
                        }
                    ]
                }
            );{/literal}{if $block->carousell_controls==1 && $block->carousell==1}{literal}$('.hppb{/literal}{$block->id}{literal}').click(function () {{/literal}homefeatured{$block->id}{literal}.goToPrevSlide();});$('.hppf{/literal}{$block->id}{literal}').click(function () {{/literal}homefeatured{$block->id}{literal}.goToNextSlide();});{/literal}{/if}{literal}});</script>
{/literal}
{/if}