I am using Prestashop 1.7.8.11 with bxSlider for a product slider. When a product has many photos (e.g., 40), all the dots are displayed, which makes the interface cluttered and difficult to navigate.
I would like to limit the visible dots to 9 at a time, with the active dot always centered. As I scroll through the images, the active dot should remain in the middle of the visible dots. Additionally, when clicking on dots, the display should adjust to keep the active dot centered, moving forward or backward as necessary.
I have tried several solutions but have not been able to achieve this functionality. Could you please provide guidance on how to implement this feature?
Thank you!
té Dprmont is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
1