Support > Design > Modules > Full Width Image & Text

Full Width Image & Text


On eshopland Layout Designer, you can add Full Width Image & Text modules onto your online shop webpages to enhance the visual effects and attract customers’ concentration, improve marketing results.


1.      Add a Full Width Image & Text module.


Go to Admin Panel > Design > Pages.

Select or add a page and enter the Layout Designer.

Press Add  to add a Full Width Image & Text module.



2.      Manage the Module.



You can manage the following settings of the Full Width Image & Text module:

Height Ratio


Background Color



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


3.      Add an image.


Click Image  to choose an image in the Media Gallery.

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

You can set different images for the Full Width Image & Text module on different language pages.



When the image is added onto the module, the thumbnail will appear on the left tools bar.

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



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.

Press Swap  to adjust the position of the color overlaying on the left (default), whole-image or right side of the image.



5.      Adding Text.


Click Edit  to enter the text field.

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



6.      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 網店平台範本-Alpha
eshopland 網店平台範本-Lambda
eshopland 網店平台範本-Mu
eshopland 網店平台範本-Zeta

You May Also Like

Instagram Auto-receive Post Orders

eshopland e-commerce platform has launched the Instagram (IG) Auto-receive Post Orders feature, allowing merchants to effortlessly receive customer orders through Instagram Business Account posts. W

Contact Info & Google Map

On eshopland Layout Designer, merchants can add contact details and Google map location onto the online shop for customers’ information.1. Add a Contact Info & Map module.Go to Admin Panel > Desig

Adding Products

On eshopland platform, you can sell different types of products, like physical items or digital products. Follow the simple steps below to add a new product onto your online shop and launch to the m

Tracking Tools – Google Analytics

On eshopland platform, you can add Google Analytics to track the page traffic, visitors, sessions and other customer behaviors on your online shop.1. Sign in Google AnalyticsYou are required to Crea

Recommended Articles