Home Forums Basel support forum Single Product Navigation

Single Product Navigation

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #292157

    kosarkas94
    Participant

    Hello,
    How to add arrow navigation on the single-product main image?
    I would like to change images on arrow click.

    Attachments:
    You must be logged in to view attached files.
    #292323

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .single-product-content .product-images .thumbs-position-bottom .owl-nav {
    	top: -56px;
    	right: 64px;
    	bottom: auto;
    }

    The main gallery and thumbnail gallery are two different blocks. If you want to show the navigation on the main gallery add this custom:

    .woocommerce-product-gallery__wrapper .owl-nav {
    	display: block !important;
    }
    body .single-product-content .thumbs-position-bottom .woocommerce-product-gallery__wrapper .owl-nav {
    	bottom: 14px;
      right: 70px;
    }

    If you want to remove the navigation on the thumbnails, add this code:

    body .single-product-content .thumbs-position-bottom .thumbnails .owl-nav {
    	display: none;
    }

    If you have any questions please feel free to contact us.

    Best Regards

    Best Regards

    #292525

    kosarkas94
    Participant

    Thank you very much!

    #292546

    We are always happy to help you, write to us when you have any difficulties or issues with our theme.

    We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

    Thank you in advance

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Single Product Navigation’ is closed to new replies.