left right arrow button for product image in product page

  • Resolved ongkahyee

    (@ongkahyee)


    4 years ago

    My client request to have the left right arrow for the product pictures as clicking on the thumbnail is not very effective because one have to scroll up and down to click on icon then scroll back up to view the product picture. Hence, following this link (https://wpbeaches.com/add-navigation-arrows-in-woocommerce-product-gallery-slider/), i have applied this code to function php and css, however the left right arrow image does not appear, it only has a small box with grey color border. anyone can help? i just want the left right arrow button to be visible and clear.
    Thanks

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Hi there ??

    I’ve checked the code and added into my site, that it is using the Storefront theme and it worked great!

    I normally recommend using the Code Snippet plugin in order to add custom PHP code into your site without having to touch the functions.php file. Here is a link on how to use the Code Snippet plugin:

    https://www.wpbeginner.com/plugins/how-to-easily-add-custom-code-in-wordpress-without-breaking-your-site/

    And regarding the CSS you can add it into the customizer.

    Cheers!

    Thread Starter ongkahyee

    (@ongkahyee)

    @gabrielfuentes , i think i did right with the functions.php and also added the css into the customizer, the left right arrow button did turned out functional, just that the image of the arrow is not really an arrow, it is a box with a grey border, however, it works exactly what i want by clicking on it, so i guess it is the image that i need to fix, or the image file was not pointed correctly ?

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Perhaps what is happening is that your site isn’t supporting font-family: 'Font Awesome 5 Free'; and that’s why you do not see the arrow icons.

    I would try with a different Font Awesome icon, or by integrating Font Awesome into your site by following the steps from this guide:

    https://www.wpbeginner.com/wp-themes/how-to-easily-add-icon-fonts-in-your-wordpress-theme/

    I hope that helps ??

    Thread Starter ongkahyee

    (@ongkahyee)

    @gabrielfuentes , that solved the problem! I installed Font Awesome Plugin and now the arrows appeared. thank you so much !

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Happy to help ??

    That’s great! If you have any further questions, you can start a new thread.

    Cheers!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘left right arrow button for product image in product page’ is closed to new replies.