Image Carousel
This extension is included located in the Extra Widget section. This extension could be used to showcase more product images in the checkout page.
1. 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.
2. 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.
3. 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 and click on Customize Checkout.
- Step 2: Choose the page you need to add extension and then click on Add app button at the bottom left.
- Step 3: On the left page, choose the Extra Widget.
- Step 4: Click on "Select an option" and choose Image Carousel. You can also remove this extension 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.
Related Articles
How to create Image Choice
In this guideline article, we will provide you with a detailed, step-by-step explanation of how to create an 'Image Choice' in the qikify Contact Form Builder. What difference between Image Chocie and Ratio/Multiple Choice? 'Image Choice' allows you ...Add Sections in Mobile Menu app
Mobile Menu app supports 12 types of section: Menu Use this section to add your Links list. Section settings: Section title (optional): Enter a title for the section. This title will be displayed in the menu. Disable title: If you don't want to show ...Submenu settings
There are 3 types of Submenu: Flyout (tree) menu, Mega menu & Tab menu. Click the pencil button to edit a parent item and choose among the 3 types. 1. Flyout menu settings When selecting Flyout Submenu type, your menu will be displayed as a normal ...Trusted Badges
Trusted Badge is another feature of Extra Widget from Checkout Plus app. Trusted Badge is to build trust for customer and increase conversion rate. 1. General Settings There are two badges display layouts which are Vertical and Horizontal. Vertical: ...Customize Quick View Popup
Popup Layout Main image position You can choose to display main product image on the left or on the right of the popup. Thumbnails position The other images can be arranged on the left, right or bottom of the main image, or not to be displayed. ...