[intro]In this Guide, you can learn how to edit and configure the Image Carousel section within the Aerial Theme on your EKM online shop.[/intro]
[caution]This Section is not available if you are using EKM Lite. To be able to add this Section to your Theme, you will need to upgrade your account. [/caution]
The Image Carousel section of the Aerial Theme allows you to display up to five slides, with different images for desktop and mobile browsers. Before you begin to edit this section, it’s a good idea to create the images for your Carousel:
- Desktop images 1920px x 600px
- Mobile images 800px x 1000px
[remember]Before you upload any Design Images to your EKM online shop, you need to upload them to Tinypng or Tinyjpg first to optimise them. Optimising your images means removing superfluous data from the image without affecting the quality of the image itself. This ensures that your Design Images do not negatively impact the page loading speed of your EKM online shop.[/remember]
1. When you have created the images to add to the number of slides you’d like to create, click the Edit symbol for the Image Carousel section:
2. Click the down arrow to reveal the settings within this section:
Slider Settings
3. Here is where you set up how you would like the carousel to behave. Use the drop-down menu to select the number of slides you would like to use, and then you need to select how the slides will transition into each other, by using the Slide Type drop-down:
4. Scroll a little further down, and you need to select whether you want the carousel to Autoplay, Loop and use Dot Navigation by clicking the relevant switches:
5. To amend the Dot Navigation Colour, click the box to reveal the Colour Picker window and select your ideal colour there, before selecting how fast you would like your slides to rotate using the Slide Duration drop-down menu:
Slider Content 1, 2, 3, 4, 5
6. For the Slider Content settings, you need to click the Select Image button for the Desktop image:
7. In the window that appears, click the Upload Image button in the top right-hand corner:
8. In the second window, click the Select File button:
9. When you have located the image on your computer, you’ll see a preview of it in the window. Click the green Upload File button:
10. In the remaining window, click the file name and the image will be applied:
11. Repeat this process for your Mobile image on the first slide and then click the Edit symbol to hyperlink both slides to a specific Product, Category or Webpage on your EKM online shop:
[remember]The Category, Product or Webpage that you want to link to the slides must be visible and not hidden on your EKM online shop, otherwise, they won’t be visible in the menu when you are creating the link. [/remember]
12. You then the entire process for the rest of your slides. When you have finished editing this section, click the green Save button in the bottom left-hand corner:
[tips]If you only upload mobile images to your slides for the Image Carousel, the entire Carousel will only be visible to visitors using their mobile devices to visit your EKM online shop. [/tips]
[more]
- Aerial Theme Support Guides
- Theme Editor Image Dimensions
- How to change Fonts on your EKM online shop
- How to change the colours of your Theme
[/more]
[contact] If you need our help with your EKM online shop, contact your Ecommerce Expert or the Customer Support Team, who will be able to point you in the right direction. We're open from 8am-6pm weekdays and 9am-5.30pm weekends. If you'd like to suggest a feature or an upgrade on any of the EKM platforms, please let us know on the EKM Suggestions Board. If you have a non-account-specific question to ask the EKM Team, join us in the EKM Community. [/contact]