Reply To: Dots instead of thumbnails on the product page image carousel

Actually, there is no HTML code for dots for the main product gallery images.
You can achieve it changing the file js/functions.js while JS optimization is turned off in Theme Settings -> Performance

change this part

mainCarouselArg : {
                rtl: $('body').hasClass('rtl'),
                items: 1,
                autoplay: ( basel_settings.product_slider_autoplay ),
                autoplayTimeout:3000,
                loop: ( basel_settings.product_slider_autoplay ),
                dots: false,
                nav: false,
                autoHeight: ( basel_settings.product_slider_auto_height == 'yes' ),
                navText:false,
                onRefreshed: function() {
                    $(window).resize();
                }
            }

to this

mainCarouselArg : {
                rtl: $('body').hasClass('rtl'),
                items: 1,
                autoplay: ( basel_settings.product_slider_autoplay ),
                autoplayTimeout:3000,
                loop: ( basel_settings.product_slider_autoplay ),
                dots: true,
                nav: false,
                autoHeight: ( basel_settings.product_slider_auto_height == 'yes' ),
                navText:false,
                onRefreshed: function() {
                    $(window).resize();
                }
            }

Regards