Product Gallery
Follow these steps Customize Product Look on Product Page
Step 1: From the Dashboard, Go to “Templatemela > Setting > Product Gallery“
1. Enable Product Slider Gallery
- This changes the woocommerce product image and gallery into a slider.
- Choose a gallery type = choose a gallery type as you like in main and mobile media.
2. Enable Custom Size for Gallery Images
- This enables options to set custom image sizes for the product gallery.
- Product image width = Add product page image width
- Product image ratio = choose product image ratio as you like
- i) Square 1:1 = choose this for square product image
- ii) Custom = choose this for custom product image as you like
- Product image Height = Add product page image height
3. Select how many thumbnail columns are visible at a time
- Add number a for show thumbnail columns visible at a time
4. Slider transition
- Choose slider transition like slide , fade for image transition
5. Slider transition speed
- Add milliseconds, for how long the transition takes.
6. Enable Product Image Hover Zoom
- This allows you to magnify product images without having to click to a lightbox. Note that slider arrows do not show with zoom on.
7. Show slide arrows on product image?
- Enable the slider arrows on product images.
8. Enable thumbnail hover selection.
- This changes the main image when you hover over a thumbnail image.
9. Enable Lightbox
- This allows users to open a lightbox of your product images on click
- Lightbox Style = choose lightbox style like Dark , Light