How to Use Electro Moving Image Banner
This article will help you on how to set up Electro Moving Image Banner, to find the best way to feature your product-related images properly.
Overview
The Electro theme includes the moving image banner that you can use to promote your products, services, or events. The banner is fully customizable, so you can change the images, text, and buttons to match your store’s campaign.
The Moving Image banner section has 4 editing options: General, Layout, Text and Button.
| How many images can be added to the Electro Moving Image Banner? | Up to 5 |
| What is the Moving Speed Mode? | Slow and Normal |
| Type of Images I could add? | JPG, PNG, GIF |
About Image Moving Banner Section
What is Electro Moving Image Banner?
Electro Moving Image Banner is a type of banner ad that uses animation to capture the attention of viewers.
Electro theme includes the moving image banner that you can use to promote your products, services, or events. The banner is fully customizable, so you can change the images, text, and button to match your store’s campaign.
Configure Electro Image Moving Banner Section
Electro Moving image banner section comes with 4 tabs: General, Layout, Text and Button.
General
To adjust the Overlay opacity, slide the percentage bar in the Overlay settings to the desired opacity. The Overlay opacity can be adjusted from 0% to 90%.
The overlay opacity will be applied to the section and background image list. Therefore, it highlights the content inside the section.
After that, you can select a color scheme for the section. The available schemes are Scheme 1 and Scheme 2, which have been updated from the Theme settings.
This scheme will be applied to all the text elements on the section, including the overlay opacity color, subheading, heading, description, and button.
Next, you can set the banner’s movement speed.
- Slow: the banner will move with the speed of 10s for each block image
- Normal: the banner will move with the speed of 7s for each block image
After that, you can enable large heading if you use this section as a hero section.
In the Layout tab, the section has 2 options to show 70% or full screen height based on your need, which is reflected in the Height dropdown selector. By default, the banner section will be set at 70% screen height for highest quality.
Please note that this height will always set to 100% on mobile.
You can adjust position for the content of the section area, which can be changed at Content Position dropdown selector:
- Top left
- Top center
- Middle left
- Middle center
- Bottom left
- Bottom center
Text
You can change the content in the section in the Text tab with Subheading, Heading and Description:
Button
In the Buttons card, insert the button label names for the Primary and Secondary buttons to add buttons to the section. Click on the button link to add a direct link for them. If you want to remove one button, delete the text in the button label.
Note: If the button link fields are empty, these buttons will be shown in their disabled state.
Image Block Configurations
The maximum number of blocks that can be added to this section is 5.
To add more blocks to this section, click on the “Add Image” button. To adjust the block image, click on the block and go to the Settings tab.
In the Block image settings, you can set background images by uploading the image here.
Please note that it is advisable to use dimensions of 1600 x 800 pixels.
Frequently Asked Questions
What is a Moving Image Banner?
A moving image banner is a type of banner ads, normally displayed on the top of the page, using animation to capture the attention of viewers.
Difference between ‘Electro Moving Image Banner’ and ‘Slideshow’?
Using the Moving image banner to display images continuously in ‘slow’ or ‘normal’ speed, as the Electro Slideshow shows the images changing by the number of seconds set by sellers. With moving image banners, sellers can easily tell a story with beautiful images, as it brings less commercial vibes at first glance when visiting the page.
Similar between ‘Electro Moving Image Banner’ and ‘Slideshow’?
With both types of banner sections, you can add up to 5 images from the current library or to update new photos from your laptop. Both of them have choices of color schemes with opacity options, to make sure the image section is suitable for the page.
Do I have to add text, description and CTA button to the Electro Moving Image Banner?
No, you can leave it blank to display fully animated image series