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.
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.
Note: Currently, it is unable to re-style the navigation buttons.
You can enable the Auto Play option for the carousel to automatically scroll to the next image in a fixed speed interval.
Tip: you can also enable the Navigation button and Auto play method to show the image.
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.
You can manage to hide the form on Point-of-Sale (POS) system or Online store by choosing those options.
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.
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 only one Image Carousel section, you don't have to fill the Entry ID. Our app will auto show the Image Carousel once the condition is reached.
In case you have multiple Image Carousel sections and want to show multiple sections or display each section in different positions, please kindly type the Carousel ID to the Entry ID label. You can find the Carousel ID at the preview section in Image Carousel settings.
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.
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.
Note: Currently, it is unable to re-style the navigation buttons.
You can enable the Auto Play option for the carousel to automatically scroll to the next image in a fixed speed interval.
Tip: you can also enable the Navigation button and Auto play method to show the image.
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 only one Image Carousel section, you don't have to fill the Entry ID. Our app will auto show the Image Carousel once the condition is reached.
In case you have multiple Image Carousel sections and want to show multiple sections or display each section in different positions, please kindly type the Carousel ID to the Entry ID label. You can find the Carousel ID at the preview section in Image Carousel settings.
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!