With the built-in layout editor, you can create a layout by choosing a template and colors. There are plenty of features so that you can distinguish yourself from other web sites. This is the easiest and the most economical option.
Tip: keep the layout simple and upload high quality product photos. Your customers want to see your products, without being distracted by the web site design.
If you do not achieve the desired result with the layout editor, you can let a web designer create a custom layout for you. EasyWebshop does not offer customized web design, but we have good connections with reliable partners.
You can also look for a web designer yourself. Verify that the person is competent, ask for references! When the web designer module is used without the necessary technical knowledge, then the following problems can occur:
We can not provide support or customizations in the HTML and CSS codes. We can however get you in touch with a web designer.
On this page we collect all useful info and tips for web designers. This page is not meant to learn HTML5 or CSS, you can visit W3Schools for that. (but you already knew that of course, being a web designer)
You find this functionality at Settings > Web designers > Code editor. If Web designers is not displayed in the menu, first adjust the user level to Expert at Settings > User experience level.
Use this method to make adjustments to a pre-selected template.
You can now make adjustments to the CSS code. The CSS code you enter here will override the layout settings. As long as this module is active, most of the layout settings will not work.
To start over: clear the text field and click save. The default CSS code of the selected template will then be loaded. Disable the module if you want to use the easy layout settings again.
The activation code for this module is MODCSS.
Use this method to create template yourself.
The activation code for this module is MODL.
The code editor has the following features:
With the upload icon, you can upload files:
After uploading, click Insert to include the file into the HTML code.
If you want to edit several files at the same time, open multiple browser tabs with the editor and a tab with the shop to see the result.
If there are multiple persons managing the webshop, it might be useful to create a folder layout for your scripting, CSS, logos, and backgrounds. This way there is no confusion if someone else uses photos for products or pages.
Save the files also on your pc. This way you can restore the layout if a file is deleted by accident, and you can reuse the code for multiple webshops.
|[WEBSHOP_HEADER]||Title and meta tags, depending on the page, required|
|[WEBSHOP_CONTENT]||Page content, required|
|[WEBSHOP_LANGUAGE]||Language selection menu|
|[WEBSHOP_CURRENCY]||Currency selection menu|
|[WEBSHOP_SIDEPANEL]||CMS: Side panel|
|[WEBSHOP_BACKLINK]||Backlink to EasyWebshop, required|
|[WEBSHOP_FOOTSCRIPTS]||Scripting at the bottom of the page for webshop functionality, required|
If you want to remove [WEBSHOP_BACKLINK], use the backlink removal module.
These keywords can be used in CMS. Make sure that the appropriate module is activated.
|[WEBSHOPAPP_AppName]||Insert a HTML5 app|
|[WEBSHOP_PAGEURL]||HTTP address of the current page|
|[WEBSHOP_SLIDESHOW1]||Slideshow 1 (maximum = 25)|
|[WEBSHOP_SOCIAL]||Social networks logos|