Community X.

Connect with other creators, share ideas, give feedback and get the latest product updates.

Jun 17

Can I add 'Dot Navigation' under the slider gallery?

Hello

Can you please help me adding dot navigation under a slider gallery. It is already available in the default product page gallery. I know nothing about coding... can i create it on my custom dynamic pages?

1

Hi Sebi, good to hear from you.


Basically I need product page design with a slideshow for multiple images of same product-item. Now, the default product page design provides this option, but it is not responsive on different desktop view. What I mean to say is, on 1366 px, the size of the slider is uneditable, taking up too much space and the layout becomes cluttered. On the other hand, on mobile view, the size of the slide show is too small.


I tried to achieve my goal by creating custom dynamic product page with the available slider, which I could edit at every desired breakpoints. On Mobile view, with arrow navigation on both sides, the size of the image on the slider becomes too small. If I put the arrow navigation off, the image size increases, but then, without any navigation symbol, the slider looks unprofessional.


I needed this kind of slider/slideshow with Dot (Bullet) navigation beneath the images. It is available in the app market but i do not want to pay extra for this simple issue.