Change all design

You can change e. store design in control panel by your self. Design template will be the same in all e-shop pages. If you want to use images as element of the page, upload them png format.

Design tool - Style your shop let you to change:
1. Header
2. Menu
3. Inner and Footer
4. Module and buttons

You can change other elements in design tool.

 

1. Change header

1.1. Upload images: Site > Control Panel > Freeshop > Style your shop > link Images > click button Browse and select your image > save image by clicking the button Upload images. Images must be in png format.
1.2. Change header: Site > Control Panel > Freeshop > Style your shop:

 

 

 

 

 

 


Header >Background

In Example no. 1
- it's header background style
- if header inner is empty, then header outer and inner background the same
- row Background color has color code


In Example no. 2
- it's header inner background
- row Picture - selected uploaded image

- row Background color - has white color code. If the image is not enough, the system will display a white color


- row Repeating - selected repeated-x (horisontal)


In Example no. 8
- it's header wrapper input boxes background
- row Background color has pink color code





In Example no. 3
- it's login icon
- icon size: length 20 px, height
14 px, format png, transparent
- row Picture selected uploaded image


In Example no. 5
- it's cart icon
- icon size: length 20 px, height
14 px, format png, transparent
- row Picture selected uploaded image


In Example no. 6
- it's search field
- icon size: length 206px, height
40 px, format png, transparent
- row Picture selected uploaded image

In Example no. 7
- it's search button
- icon size: length 91px, height
40px, format png, transparent
- row Picture selected uploaded image

 

 

 

 

 

 

Header > Texts



In Example no. 4
- it's text and link in header
- all texts are in dark gray color
- Header list hovered hyperlinks color
row has different color, which is shown,
when the mouse is over the link

 

 

 
Header > Borders



In Example no. 8
- it's input field border (in example currency)
- row Size (border) - write border size in px

1.3. Save changes by clicking Apply template
1.4. Clean cache: Tools > Clean cache > tick all rows and click Delete

 

2. Change menu

2.1. Upload images: Site > Control Panel > Freeshop > Style your shop > link Images > click button Browse and select your image > save image by clicking the button Upload images. Images must be in png format.
2.2. Change header: Site > Control Panel > Freeshop > Style your shop:

 

 

 

 

 

 

 

 


























 





Menu > Background


In Example no. 1
- it's outer menu background
- if menu inner is empty, then menu outer and inner background the same
- row Background color - write the color code



In Example no. 4
- it's menu inner background style
- row Background color - write the color code

 

 

 

 

 

 

Without example
- it's the vertical separator (slash)
between menu items
- row Background color write the color code (when the color matches with the menu background color the tab is not visible)

In Example no. 2
- tai aktyvaus meniu punkto fonas
- įkeltas paveiksliukas, kurio aukštis
38px, ilgis 1px


- row Repeated - selected repeated-x (horizontal)
























Menu > Texts


In Example no. 4 (text)
- write menu link color


hover - write dark color, because the background color of hovered menu box will be white
active - it's active menu color



- write Side menus hyperlinks color


- write Category menu colors
(please fill in all categories menu link)

Hover - color will change, when the mouse will be over the link
Active - it's active menu link color

 

 

 

 

Menu > Borders


Without example
- it's a horizontal line below the menu link

- size - it's thickness in pixels
- color - write the color code

2.3. Save changes by clicking Apply template
2.4. Clean cache: Tools > Clean cache > tick all rows and click Delete

 

3. Change page center and footer

3.1. Upload images: Site > Control Panel > Freeshop > Style your shop > link Images > click button Browse and select your image > save image by clicking the button Upload images. Images must be in png format.
3.2. Change header: Site > Control Panel > Freeshop > Style your shop:

Example: "Page center"

Example: "Footer"

 

 

 


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Body > Background


Without example
- it's Body background style:
the top, center, bottom of the page
lower part of the "padding"
- row Background color - write the color code


In Example "Footer" no. 1 and 3
- it's footer outer style
- row Background color - write the color code
- if footer inner color row is empty, footer outer color will be the same in footer inner

 

 

 

 

 

 

 

 

In Example "Page center" no. 1
- it's Content outer background style
- row Background color - write the color code
- if Content inner background color row is empty, footer outer color will be the same in inner

In Example "Page center" no. 2
- it's content inner background color
- row Background color write the color code - this color will be in empty place of page
- row Picture - select the image

- row Repeated - select repeat

 

 

 

 

 

Body > Texts

In Example "Footer" no. 2
- it's links and texts on the footer position
- row Color - write the color code
- if you change Body text color, Body hyperlinks color style and Body hovered hyperlinks color - all texts in the e-shop will be changed

3.3. Save changes by clicking Apply template
3.4. Clean cache: Tools > Clean cache > tick all rows and click Delete

 

4. Change modules title and buttons

4.1. Upload images: Site > Control Panel > Freeshop > Style your shop > link Images > click button Browse and select your image > save image by clicking the button Upload images. Images must be in png format.
4.2. Change header: Site > Control Panel > Freeshop > Style your shop:

 

 

 

 

 

 

 

 

 

 

 


Modules > Background

















In Example no. 4
- it's Module box title background style
- row Background color - write the color code

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

 

 

Module > Texts





























In Example no. 3
- Module box title text color
- row Background color - write the color code

 

 

 

 

 

 

Buttons > Background



In Example no. 6
- it's button background color
- click the link Where is it? and you will see the button place in website
- row Background color - write the color code

or

if you want to upload your own
specific buttons, at first you need to prepare the correct size images in png format > upload the images and select on the row Picture.

4.3. Save changes by clicking Apply template
4.4. Clean cache: Tools > Clean cache > tick all rows and click Delete

 

All design after changes

Page before and after



E-shop rent services

Freeshop.lt e-shop solution is regularly updated, developed and created according the SEO requirements. E-shops are placed on the our servers in Lithuania. Customer support is via e-mail in two languages: Lithuanian and English. Help instructions and consultations are free of charge.


Partners integration

If you want to see integration description, please click the partner logo.