Customizing your store theme

Creating a visually appealing and user-friendly store is key to building a strong brand presence. This guide walks you through setting up and personalizing your store’s theme using Shoplazza's theme editor. You’ll learn how to create backups, add new themes, organize sections, and integrate apps—all without coding. Whether you’re updating a theme or designing your store from scratch, this guide will help you tailor your store’s look to align with your brand’s identity.

Backing up your theme

Before making any changes to your store, it is important to create a backup of your current theme. This ensures that your work is saved and prevents any accidental loss of progress.

1. Duplicate the theme: Go to Online store > Themes in your Shoplazza Admin. Click the more options icon next to your current theme and select Duplicate. This creates a backup version that keeps your work safe while you make changes.

Setting up a new theme

Once you’ve created a backup, you can select and install a theme that suits your brand. Themes provide a strong foundation, making building your store’s layout easier.

1. Add a theme: In your Shoplazza Admin, navigate to Online store > Themes, click the Add theme drop-down, and select Explore free themes to choose and install a theme that fits your business.

2. Make the theme live: After installation, set the theme as your live template to activate it on your store.

Personalizing the storefront

Once your theme is live, you can start customizing its design. The theme editor is simple to use, allowing changes to most design elements without coding.

1. Open the theme editor: Click Customize in your Shoplazza Admin to access the theme editor and modify your store’s appearance.

2. Adjust sections: The left panel contains sections that align with your store’s structure. Click on a section to adjust its settings.

3. Use the tree view: Start at the top and work your way down, using the tree view to ensure a smooth design process.

Organizing sections and blocks

Sections and blocks provide a flexible way to arrange your store’s layout without code editing.

1. Add different sections: By default, the section tree in the editor is expanded. To add a new section, scroll down to the end of the list and click Add section. You can then select from the available options:

• Theme sections: These are unique to specific themes tailored to their design. Click Show more to view all of the sections for this theme.

• Additional sections: Standard options that work across all themes.

• Apps: If you have any apps installed that support embedded blocks, they’ll be listed here. Adding these blocks extends your store’s functionality without coding.

2. Expand blocks: By default, the announcement, header, and footer sections are minimized. Click the expand icon to view and edit blocks.

3. Reorder sections: Use the drag icon to move sections to desired positions.

4. Remove sections: Sections can be removed through the settings panel or by the preview inspector.

• From the settings panel: Click the section title in the section tree, scroll down, and click Remove section.

• Using the preview inspector: Activate the preview inspector, locate the section, and click the trash can icon next to the section you want to delete.

Enhancing functionality with apps

Apps extend your store’s capabilities by adding new features. Before you can manage them in the theme editor, you need to install them through the Shoplazza App Store in your admin.

1. Manage installed apps: Click the App icon in the theme editor to view and manage your installed apps. You can also adjust app settings and enable or disable features.

2. Configure app settings: Use the toggles beside each app to enable or disable the app. You can also click the Manage app for more configuration options.

Using the preview inspector

The preview inspector allows you to adjust sections and blocks quickly within the preview window.

1. Activate the preview inspector: Hover over any section or block to see its outline, then click to edit its settings.

2. Add new sections: Hover over the + symbol where you want to insert a new section or block and click Add section.

3. Adjust sections: Use the toolbar to reposition, duplicate, hide, or delete sections.

Navigating the pages dropdown menu

The template drop-down menu at the top of your screen helps you switch between page templates or create new ones, making building a fully functional store easier.

This guide helps you take control of your store’s design, from setting up and backing up your theme to customizing every detail. With these tools and steps, you can create a tailored shopping experience that reflects your brand. Remember to explore the theme editor, sections, and app integrations to make your store stand out.