Customize the looks

Customize Design Mode gives you an incredible point and click power to totally customize the look of any website theme selected – beyond recognition.

Check this video to see how easy this is.

Just point and click with your mouse to change colors, design images and more.

An Undo function allows you to test a new look before applying it.

You can also easily restore the original look of the Website theme by simply selecting the theme again.

(Note: You can not undo design image changes, but you can always restore the original website design images)

Website Colors

website-colors

Designer Button / Customize Design:

These are the colors used in your website. Click on a website color in the to Website or text color you want to change - then select a new color.

Select the color by clicking on the color palette provided.

Reassign colors

Designer Button / Customize Design / Advanced Mode:

In the preview area click on a color you want to change.

A menu opens.

Select the appropriate item, such as background color or text color.

As you move your mouse over the item, a color swatch appears above the menu, to help you select the correct item. 

Click on the item and select one of the colors in the color selector which comes up.

Add more colors

add-color

Designer Button / Customize Design / Advanced Mode:

Click on the Add color button below the Website Colors display. Once you have selected a color it will be added to the Website colors, and you can apply it to the website items by selecting the item and then picking the color (see .

Color Schemes

Designer Button / Customize Design:

This function allows you to quickly create a new website color scheme for your website.

Click on the "Colorpicker" button.

Select the main color you want to assign to your website.

ShopFactory automatically creates a number of color schemes for you, which you can apply to your website simply by clicking on them.

This action can be undone. 

Edit an existing Design image

Designer Button / Customize Design:

Design images are images which determine the look and feel of a website. You can change most Design images easily in Designer.

Click on the Design image you want to change in the preview window. (Page and product images cannot be changed in Designer).

A small menu pops up.

Select edit image for the appropriate item. On mouse over the image is displayed above the menu, to help you with the selection.

The image dialog opens, allowing you to change the image.

You can delete or replace the image, or edit it with your favorite image editor.

ShopFactory will even help you to resize the image you select to make it fit properly.

Image changes cannot be undone. However the original image from your chosen theme can be restored.

Design images have a fixed size, which you can not change. ShopFactory will automatically adjust images which are too large to the required size and even help you crop an image to achieve this.

Add a design image

Designer Button / Customize Design / Advanced Mode:

Images can be added to an area in much the same way as editing an existing image. Click on the area you want to add an image to in the preview window.

If the Add image option appears, you can add an image.

Note: Image changes can not be undone automatically.

Customize the Navigation look

Designer Button / Select Navigation style:

You can change the look of the Index 1 and Index 2 Navigation just as easily as changing other colors and design images. Simply click on an index and select the item you want to change. Indexes have a left, center and right area which you can adjust by adding colors or design images. The center area always contains the text.

The Mouse-Over colors refer to the look of a button when the mouse cursor is on top of it – making it easy to create great looking dynamic menus.

Undo your changes

Designer Button / Customize Design:

Don't like the new color you selected? Simply undo your change.

The undo and redo functions allow you to experiment with your website's color scheme until you are happy with it.

Image changes in designer mode cannot be undone, but you can usually restore the original image which came with the selected theme in the image selection dialog.

Note: Image changes can not be undone automatically.

Saving your changes

Designer Button / Customize Design:

Changes you make will not be applied to your website until you save them.

Your color changes and frameset adjustments will be saved using anyone of the following methods:

  • Clicking on the Save button in the main toolbar.
  • Exit Designer mode and clicking on OK in response to the “Apply changes?” message box.

Save as new Website Theme

Designer Button / Customize Design:

Once you have customized a Website Theme, you can save it by clicking on Designer > Save as new Template. (However the image displayed will still be the one from the original template until you manually replace it in the website theme folder).

Restore Website Theme

To restore a website theme, simply reselect it under Properties > Select Website Theme.

Navigating links in the Preview window

Designer Button / Customize Design:

When you change website colors, other pages may be affected as well. You can navigate to all parts of your website to view the effect a color change will have.

To navigate, click on a link and select Follow Link in the menu which pops up.

Change the preview area size

Designer Button / Customize Design:

Websites created with ShopFactory are responsive, so they can look great on many different devices.

This happens automatically, without you doing anything.

You can adjust the preview area to see the look of your website on desktops, tablets and mobile phones by selecting the appropriate icon in Customize Design.