Support > Design > Manage Modules

Manage Modules


Utilizing modular layout design, eshopland offers various text and media web design modules for you to add, edit and arrange in the Layout Designer. Build your own unique online shop with ease and convenience on eshopland platform.


Below are the basic settings of the web design modules.


1.    Adding modules.


Go to Admin Panel > Design > Pages > select a page > Layout Designer.



Press Add New  and select a module to add.

Adding a module, the module will be synchronized onto other language pages (if any).

The synchronized module is blank, content to be added individually.

Add-module feature is only available for designated plan users.

If your service plan does not include add-module feature, you can still edit and design the system default modules in your account.



The added module will be displayed on the preview area on the right.

You can add other new modules over or below the current module.



2.    Setting the Width and Interval of the module.



Enter or adjust the number on the bottom left corner of the module, to set the width of the module.

Using pixel (px) as the unit.



Enter or adjust the number on the top and bottom right corner of the module, to set the intervals between modules.

Using pixel (px) as the unit.



Height Ratio

Enter or adjust the number on the bottom left corner of the module to set the module height ratio (%) according to the displaying screen.

The system will auto crop the image according to the module height ratio setting.



3.    Setting Background Color of the Modules.


The background color of the modules is white by default.

Click on Background Color , select color or enter RBG or HEX color code to change the background color of the module.

The updated background color will be synchronized onto other language pages (if any).



4.    Setting the Modules.


You can drag and move the modules on the left Tools area to reorder the modules.



Other settings:


             Adding a link

Link the module to the designated page of the online shop, such as a specific page, category or product.



Set the module to “Visible” or “Hidden”.

You can set different visibility of an individual image or module in different language pages (if any).


              Deleting a module

Deleting a module will be applied to all language pages.


5.    Save  the changes.

eshopland - NGO Offer
eshopland - Start free trial now
eshopland 14-day free trial
No credit card required
eshopland 網店平台-SEO-對網店的重要性
eshopland 網店平台範本-Epsilon
eshopland 網店平台範本-Lambda
eshopland 網店平台範本-Theta

You May Also Like

Product List Style

eshopland e-commerce platform allows merchants to design the product listing style in the Layout Designer. Users can adjust the product list style to match your shop design.eshopland offers you high

Tracking Tools – Google Tag Manager

You can add Google Tag Manager (GTM) onto your eshopland online shop, to manage multiple tags of your online shop (such as Google Ads, Google Analytics, Facebook Pixel, etc.) and effectively track a

Social Media Links

eshopland allows you to add social media link icons onto the footer of your online shop webpage. Connect your social media accounts with your online shop can enhance promotional results and boost sa

Banner Image

When you design your online shop with eshopland Layout Designer, you can add banner images onto your shop, to attract customers’ attentionand build up your shop image.1. Add a Banner Image module.

Recommended Articles