Style your shop tool

Design you can change with design tool.

Colors combinations can make different e-shop designs :

Change inner and outer page parts and you will see different designs:

If you want to change design, click: Components > Freeshop > Style your shop or Site > Control Panel > icon Freeshop > Style your shop

1. Design tool

Links:
Style your shop - you can change the color, the same elements, such as buttons, the upper band of the page (header), the login icon, shopping cart.
Images - you can upload the images, which will be used later in Style your shop.

Tool has two menus. You will see all parts of the page design and every part has elements: Background, Text, Borders.

You can change color, select the image or see, where this element is in page.

None/Transparent - tick the box and it means, that the item is clear and unvisible.

2. How change design?

If you want to change the element color - write the color code in the row Color or Background color. Example, black #000000, white #FFFFFF, red #FF0000. Code must be # and number.

If you want to change the link color:
sometimes link has few colors: main color, hyperlinks color and active link color. Sometime it is necessary to change all colors to see correct result.

If you want to show image in design position:
1. At first click the link Images > then click button Browse (select the image and Open) > click icon Upload images.
2. Then in the row Picture select the image. If the image is not full, just part, you can select in the row Repeating Repeat.

If you want to add button or icon:
1. Prepare the button or icon form in png format.
2. Click the link Images > then click button Browse (select the image and Open) > click icon Upload images.
3. Then in the row Picture select the image.

3. How save changes?

Click the icon Save - if you want save, but not apply template with changes. Click icon Apply template - if you want apply the design templates.

4. View changes

After changes clean cache.

Click Tools > Clean cache > tick all rows and click the icon Delete

Now refresh the e-shop page or click combination ctrl+F5)

5. Returned standard design template

If you want to undo all changes and return the standard template settings, click icon Reset style on the top right.

After changes clean cache.

Click Tools > Clean cache > tick all rows and click the icon Delete

Now refresh the e-shop page or click combination ctrl+F5)