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 ...How to design your Mobile App in The Design Editor?
qikify Mobile App Builder is the fastest and easiest way to create a custom mobile app for your Shopify store without any coding knowledge. Our no-code platform is affordable and comes equipped with a powerful Design Editor and features like product ...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 ...Thank you page
You can create Cross-sell and Customer service offers in Thank you page. In Trigger Button settings, choose Show offer when on Thank you page. In Thank you page, the offers will only display as Embed. After finishing the setup of your offer, go to ...