add to slider icon in product page on images

Store Design
,

Topic summary

A user wants to add slider navigation arrows/icons to the product image gallery on their Shopify store’s product pages (specifically for https://www.kbirwellness.com/products/aloevera-fiber).

Suggested Solution:

  • Locate the product slider script (likely in custom.js or theme.js)
  • Set the arrows: true parameter in the slider configuration
  • Example provided shows modifying a jQuery slick slider initialization

Current Status:

  • The suggested solution did not work
  • User is requesting alternative approaches
  • Issue remains unresolved
Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
1

Hi i would like to add to slider icon in product page on images scroller.

this is link : https://www.kbirwellness.com/products/aloevera-fiber

naveenbalhara_0-1671450747204.png
naveenbalhara_0-1671450747204.png1599×840 165 KB

2

@naveenbalhara
Find the product slider which is used in product description page find that particular script and make arrows:true (May be you can find slider in custom.js file or theme.js file )
You can see in below example

$(document).ready(function(){
        $('.slider').slick({
            centerMode: true,
            centerPadding: '60px',
            dots: false,
            infinite: true,
            speed: 300,
            slidesToShow: 4,
            slidesToScroll: 1,
            arrows: true
        });
      });
3

Not Working Please Suggest another way