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 flexible service plans-zh
eshopland 網店平台範本-Gamma
eshopland 網店平台範本-Lambda
eshopland 網店平台範本-Zeta

You May Also Like

Charge on Delivery

eshopland ecommerce platform allows merchants to add multiple shipping methods, to match merchants’ operational requirements and satisfy customers’ different shipping needs. Charge shipping fees on

Bank Transfer

Bank Transfer template is a system template. You can edit the content and save it as your personalized payment collection method. Follow the guidelines below to set bank transfer as one of your paym

PayPal Auto Payment Method

eshopland platform supports the international well-known payment platform, PayPal. Merchants and customers can process online ordering and payment transactions via PayPal, making online shopping mor

Advanced Text Field

The advanced text field module is equipped with different text formatting and styling features. You can write the shop content and design the layout with this functional module.1. Add a Advanced T

Recommended Articles