Hello,
I have published two instances of Eshop product module on the same page. The second module, inherits the "number of products shown" setting from the first instance of the module. This is due Jquery selector for Slick Carousel code.
I've solved by adding an id to the module container in slider.php row 13:
Code:
id="eshop-product-<?php echo $module->id; ?>"
And then ar row 231 I have modified the code such as:
Code:
$('#eshop-product-<?php echo $module->id; ?> .top-seller-image-product').slick({
Now, by givind the unique id (made by the module id) to the module wrapper, I can set the right jQuery selector, so Slick Carousel works properly in each different instance of the module, even if on the same page and if both the modules are sliders. This is useful to create a mobile-dedicated slider, with only one product per row, hidden on desktop and, viceversa, a full module with more products per row, hidden on mobile.
Maybe @Giang you want to integrate this modification in the next Eshop release. Besides this modification works very well also in override mode, so if somebody wants to take advantage, it's really easy.
Greetings, stay safe.
Gregorio
Topic Author
