Theme editor

Theme editor

The theme editor is on the left of the customize page, it contains a series of tools for you to edit or add things to your template. 

Add Blocks

You can drag and drop blocks anywhere on the template. The available blocks are text, banner, gallery, and featured products.

To add a block to the template, follow these steps:

  1. In the theme editor, click on the + icon.
  2. Select the block you want to add.
  3. Drag and drop the block onto the template.

To move a block on a template, follow these steps:

  1. On the template page, hover over the block.
  2. On the floating menu, click the up or down Arrow to move the block up or down.

To change the layout of a block, follow these steps:

  1. On the template page, hover over the block.
  2. Click the Layout icon in the floating menu.
  3. Select the desired layout from the options on the right side of the screen.

To change the image of a block, follow these steps:

  1. On the template page, hover over the block.
  2. Click the Image icon in the floating menu.
  3. Select the image from your computer.

To change the link of a block, please follow these steps:

  1. On the template page, hover over the block.
  2. Click the Link icon in the floating menu.
  3. Select the destination type of the link.
  4. Select the destination of the link.
  5. Click Save.

To delete a block, follow these steps:

  1. On the template page, hover over the block.
  2. Click the Delete icon in the floating menu.
  3. Click Yes, delete item on the pop-up dialog.

Site Identity

You can enter your website’s title, tagline, and upload your logo here.

Design settings

You can change the color and fonts of the template.

To change the design settings, please follow these steps:

  1. In the theme editor, click on the Design Setting icon.
  2. Click on the color theme you want.

To change an individual color in the current color theme, please follow these steps:

  1. In the theme editor, click on the Design Setting icon.
  2. Click Customize to the right of the current color theme.
  3. Click the drop-down icon of the color you want to change.
  4. Select your desired color.
  5. Click Save.

To change fonts, follow these steps:

  1. In the theme editor, click on the Design Setting icon.
  2. Scroll down to the Fonts section.
  3. Click on the drop-down arrow next to the font you want to change.
  4. Select your desired font.

To change font size, follow these steps:

  1. In the theme editor, click on the Design Setting icon.
  2. Scroll down to the font size section.
  3. Drag the blue dot left to make the font smaller or right to make it larger.

You can customize the top menu, footer menu, and social media links of your store.


To add a menu item, follow these steps:

  1. In the theme editor, click on the Menus icon.
  2. Click Add Item.
  3. Enter the name of the menu item and select the destination it links to.
  4. Click Add.

To add a submenu item, follow these steps:

  1. In the theme editor, click on the Menus icon.
  2. Click on the three dots to the right of the parent menu.
  3. Select Add Submenu from the drop-down menu.
  4. Enter the name of the submenu item and select the destination it links to.
  5. Click Add.

To change the link of a menu item, follow these steps:

  1. In the theme editor, click on the Menus icon.
  2. Click on the three dots to the right of the parent menu.
  3. Select Change Link from the drop-down menu.
  4. Select the destination type of the link.
  5. Select the destination of the link.
  6. Click Save.

To rename a menu item, follow these steps:

  1. In the theme editor, click on the Menus icon.
  2. Click on the three dots to the right of the parent menu.
  3. Select Rename from the drop-down menu.
  4. Enter the new menu item name.
  5. Click Save.

To delete a submenu item, follow these steps:

  1. In the theme editor, click on the Menus icon.
  2. Click on the three dots to the right of the parent menu.
  3. Select Delete from the drop-down menu.
  4. Click Yes, delete item on the pop-up dialog.

To set social links, follow these steps:

  1. In the theme editor, click the Menus icon.
  2. Scroll down to the Connect with us section.
  3. Click Set Social Links.
  4. In the pop-up dialog, check the checkbox next to the social media icon you want to add, and enter the URL.
  5. Click Save.

To add a social media link, follow these steps:

  1. In the theme editor, click the Menus icon.
  2. Scroll down to the Connect with us section.
  3. Click Set Social Links.
  4. In the pop-up dialog, click Add Item.
  5. Add an icon for the social media platform, and enter the name and URL of the social media page.
  6. Click Save.

To arrange the order of the social media links, follow these steps:

  1. In the theme editor, click the Menus icon.
  2. Scroll down to the Connect with us section.
  3. Drag and drop the social media icons to rearrange them.

    • Related Articles

    • Edit order

      From your FastCommerce admin, go to Orders. Click on the order number to view the Order Details page. Click Edit on the upper-right of the page. Update the order detail, and click Save.

    • Themes

      Your online store uses a default theme to arrange content. You can select a different theme, but you will need to customize the theme using the theme editor regardless. Change theme From your FastCommerce admin, go to Store > Themes. From the Themes ...

    • Set Up Blog

      You can manage your blog and publish posts directly in your FastCommerce store to share updates, stories, and useful information with your customers. Blogging helps improve SEO, build customer trust, and drive more traffic to your store. To set up ...

    • Setting up your online store

      After you've done the initial setup, most of the work is done. Your online store will use your FastCommerce settings for checkout and order fulfillment without any additional effort on your part. Your products will also be automatically added to your ...

    • Personalization

      Personalization is a type of custom data field that can be displayed in the storefront, allowing customers to personalize the product.. Enable Personalization From your FastCommerce admin, go to Settings > Custom Data Fields > . Click ...