Image Carousel
This extension is included in the Extra Widget section. This extension could be used to showcase more product images on the checkout page.
General Settings
Navigation buttons allow customers to click on arrows to move to the next image in a gallery. You can set up the arrows to display under or beside the images.
To enable navigation buttons:
- Open the image gallery.
- Click Settings.
- Under Navigation, select Enable navigation buttons.
- Select Under images or Beside images to choose where the arrows should appear.
- Click Save.
You can enable the Auto Play option for the carousel to automatically scroll to the next image in a fixed speed interval.
To modify the image size, you can adjust the width and height to fit your image frame. You can also choose to display the image as Cover or Contain the frame.
- Cover: The image will be resized to fill the entire frame, cropping any excess.
- Contain: The image will be resized to fit within the frame without cropping.
Display settings
You can manage to hide the form on Point-of-Sale (POS) system or Online store by choosing those options.
Slider Settings
- You can enter the image name to the Image Label. However, it won't display on your storefront. It will only display if your image is unable to display or encounter any display issue.
- When uploading an image, please note that the file must be less than 20,000KB, and the image resolution must be less than 20 megapixels.
- Remember to add your product/collection link to the Link to label field. The Link to label field allows you to enter a link to a product or collection page. When a customer clicks on the label, they will be taken to the linked page.
Preview
To add an Image Carousel to your Checkout page in Checkout editor. Please go to your theme customization and follow our steps to add Image Carousel
Step 1: Choose Checkout page > Choose Add app block > Select Extra Widget.
Step 2: Choose Reward Bar in Extra widget type option.
You can also remove this feature by clicking on the bin icon at the bottom right and change the position of this Image Carousel by holding the item and dragging it to the place you want.
If you have any questions or need assistance with this feature, please do not hesitate to contact our support team. We will get back to you as soon as possible.
Updated on: 19/01/2025
Thank you!