Support > Design > Modules > Full Width Carousel

Full Width Carousel

 

On eshopland, you can add full width carousel (slider) onto your online shop webpage to enhance shop and product marketing effects, attract customers’ attention and boost your online shop sales.

 

1.      Add a Full Width Carousel module.

 

Go to Admin Panel > Design > Pages.

Select or add a page and enter the Layout Designer.

Press Add  to add a Full Width Carousel module.

 

 

2.      Manage the Module.

 

 

You can manage the following settings of the Full Width Carousel module:

Height Ratio

Interval

Visibility

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

 

3.      Adding images.

 

You can add up to 4 images onto the Full Width Carousel module.

Select from Image 1 – 4, then click Image  to choose an image in the Media Gallery.

Select an image, check to apply image to the specific language pages and Confirm .

You can set different images for the Full Width Carousel module on different language pages.

 

 

When the images are added onto the module, the thumbnails will appear on the left tools bar.

 

 

Adjust the screen height ratio (%), the system will auto crop the images according to the setting.

To project better visual effects, all images to be used in the same carousel module should be the same size in pixels (px).

 

 

4.      Setting Image Color Overlay.

 

Click the Color Box to select an Image Color Overlay.

Move the adjustment bar to set the Opacity of the color overlaying the image.

 

 

5.      Setting individual images.

 

 

Visibility

Choose an image on the module and click on Visible Status  of the module on the left tools bar.

You can set a specific image to be visible or hidden on different language pages.

 

Text Box Position

The system has divided the image into 9 grids based on “left-center-right” and “top-center-bottom”. You can customize the position of the text box.

The default position is bottom-center.

 

Duration

Choose an image on the module and click on Settings  of the module on the left tools bar.

You can set the duration for each carousel image.

The default duration of the carousel image is 8 seconds.

 

 

6.      Image Text Field.

 

Adding text.

Click Edit  to enter the Image Text Field.

The text field has the same features as the Advanced Text Field.

Optional.

 

 

Text Box Background Color

When you write content into the text box, the background color will be auto applied by default.

Click the Color Box next to the Text Box to change the text background color.

Move the adjustment bar to set the Opacity of the background color.

 

 

You can adjust the Text Box Position and apply Image Color Overlay to achieve better visual effects.

 

 

7.      Save  the changes.

eshopland - NGO Offer
eshopland - Start free trial now
eshopland 14-day free trial
No credit card required
eshopland 網店平台-社交媒體店主善用網店賺更多
eshopland 網店平台-網店貨源一覽
eshopland 網店平台-送貨必用「順豐自動化」
eshopland 網店平台-開網店的好處及重要性
eshopland 網店平台-零抽佣,無隱藏收費
eshopland 網店平台服務計劃明碼實價,零抽佣,無插件費,無隱藏收費,無系統維護費
eshopland 網店平台範本-Epsilon
eshopland 網店平台範本-Nu

You May Also Like

Submit Sitemap to Google

All eshopland shops auto generate sitemap, which is sitemap.xml file providing information of a website. Search engines read this file to crawl the website more efficiently. You only have to submit ... [read more]

Live Stream Auto Order Setup

Merchants who have enabled the “Live Stream Auto Order” feature can easily set up live stream auto order on eshopland online shop backend. This allows you to automatically receive customer orders i... [read more]

Announcement Bar

eshopland e-Commerce Platform allows merchants to add an announcement bar onto your online shop to display important information such as free shipping arrangement, latest news, offers and promotions... [read more]

ShipAny Logistics Automation

eshopland ecommerce platform has integrated with ShipAny logistics gateway, supporting various shipping methods such as Hong Kong Post, Havi Cold, LALAMOVE, SF Express, ZTO Express, UPS, Jumpoint, a... [read more]

Recommended Articles