Support > Design > Modules > Multi-Effects Carousel

Multi-Effects Carousel

 

Web DesignModular DesignDesign Module

 

To enhance the visual effects of the online shop webpages, eshopland ecommerce platform has specially incorporated a carousel design module with various transition effects, allowing merchants to easily beautify the web design through simple operations, making the online shop pages more eye-catching to customers.

 

1.      Add a Multi-Effects Carousel

 

Homepage Design:

Go to Admin Panel > Design > Shopfront, to directly access the “Layout Designer” of the shop homepage.

 

Design on other pages:

Go to Admin Panel > Design > Pages,

Select or add a page,

and enter the Layout Designer.

 

Press Add  to add a Carousel module.

 

 

2.      Manage the Module

 

You can manage the following settings of the Multi-Effects Carousel module:

Width

Interval

Background Color

Visibility

For more details about managing the modules, you can visit the Manage Modules tutorial.

 

 

3.      Setting the Multi-Effects Carousel Module

 

Select Settings  in the module settings toolbar on the left side.

 

 

Adding Images:

You can add up to 12 images onto the Multi-Effects Carousel module.

Press the Image  icon to enter the Media Gallery and select an image.

 

 

Select an image, Confirm  to apply the image onto the specific language page.

You can select and apply different images for the Multi-Effects Carousel on pages in different languages.

 

The system will automatically scale the image size proportionally based on the module width you have set; the images will not be cropped.

For optimal display, you are recommended to use images with the same pixel dimensions (px) within the same carousel.

 

 

Arrange the Images:

Press the Arrange  icon, you can drag and move the images and change their sequences.

 

 

Delete the Image:

Press the Delete  icon, you can delete the selected image.

 

 

4.      Setting the Carousel Effects

 

You can set the effect for each carousel image.

 

Duration:

The time for images to play on the Multi-Effects Carousel, count in seconds.

You can configure the playback duration for each image.

The default image playback duration for the Multi-Effects Carousel module is 6 seconds.

 

Transition Time:

The time it takes for the image transition to complete, count in seconds.

 

 

Transition Effect:

The transition effects for the images.

 

 

By selecting a transition effect, you can preview the transition effect.

 

 

Number of Slices:

The number of segments for the “Slices” transition effect.

 

 

“Slices” Transition Effect includes:

Slices

Slice from Top Left

Slice from Top Right

Slice from Bottom Left

Slice from Bottom Right

Blinds

 

 

Number of Grids:

The number of grids per row for the “Grids” transition effect.

 

 

Link:

Carousel image link.

You can Enable  the Open link in new tab feature.

 

 

5.      Apply

 

After completing the settings for each image, you must Confirm  and apply.

Then, Save  the settings on the “Layout Designer”.

 

eshopland - NGO Offer
eshopland - Start free trial now
eshopland 14-day free trial
No credit card required
eshopland flexible service plans-zh
eshopland 網店平台-完善雲端訂單管理系統
eshopland 網店平台-會員積分獎賞 points rewards,電子禮券 e-coupons「購物金」
eshopland 網店平台-網店管理手機 App
eshopland 網店平台-網店管理手機 App,所有用戶均可免費任用
eshopland 網店平台-貼文自動接單
eshopland 網店平台-連每一個細節位,都可以任您自主設計
eshopland 網店平台範本-Theta

You May Also Like

Pop-up Advertisement

Adding pop-up advertisement onto shop pages properly can attract customers’ attention and boost sale. eshopland online shop platform has in-built with pop-up ad feature. Merchants are not required t... [read more]

Category List Style

When you design your online shop website, adding an All Categories & Products module on the page or select the All Categories & Products style on the “Products” page and add your own design on the ... [read more]

Connect your GoDaddy Domain

After purchasing a domain on GoDaddy, you can follow the steps below to connect your GoDaddy domain to the eshopland e-commerce platform, to be your online shop's URL.Before operating on GoDaddy por... [read more]

Receipts and Bills

You can view the receipts and bills of your online shop on eshopland admin panel. Clear billing for effective accounting management.1. Billing List.Go to Admin Panel > Account > Billing to view all... [read more]

Recommended Articles