Add Product Image Gallery to Slider in Pages

Modified on Mon, 23 Aug, 2021 at 10:43 AM

1. Go to Pages > All Pages.



2. Mouse over to the page that has the image slider, click "Edit with UX Builder".



3. Scroll down until reaching the section that has the image slider, click the image.



4. Click the < icon from the top left corner of the left sidebar.



5. Find the "Image" that has a blue color background and it is under "Slider" from the left sidebar.



6. Click on the Gear icon of the "Image" first, then click "Duplicate".



7. The image is now duplicated, click "Change media" from the left sidebar.



8.1. Option 1: Select the existing image.

Choose and click one of the existing images, click "Use this image" at the bottom right corner.



8.2. Option 2: Upload a new image from your device.

Click "Upload Files" at the top left corner first, then click "Select Files" and choose one of the images from your device to upload, then click "Use this image".



9. Click "Apply" at the bottom left corner of the left sidebar.


10. Repeat step 6 to step 9 if you wish to add more images to the same slider.


11. Repeat step 3 to step 9 if you wish to add images to another slider.



12. Click "Update" at the bottom of the left sidebar after all done.



13. Wait until the x icon with white background appeared on the right side of "Update". This indicated that the page is now saved and updated.



14. Click on the x icon at the top left corner of the left sidebar to exit the UX Builder.


15. Done.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article