Kutchara

Kutchara is a premium Full Site Editing (FSE) WooCommerce WordPress theme designed for kitchenware, interior design, and home décor stores. Built with craft and elegance in mind, this theme provides everything you need to create a beautiful, high-converting online store for lifestyle and home products.

Demo Content Import

↑ Back to top

Kutchara includes a built-in Merlin setup wizard that makes it easy to import demo content and get your store up and running quickly.

Running the Setup Wizard

↑ Back to top

1. After activating the Kutchara theme, you’ll see a notification prompting you to run the setup wizard.
2. Click the Run Setup Wizard button to get started.
3. You’ll be redirected to the Merlin setup wizard interface.

Installing Required Plugins

↑ Back to top

The setup wizard will first guide you through installing the required plugins:

1. Review the list of recommended plugins (including WooCommerce and other essential plugins).
2. Select the plugins you want to install by checking the boxes next to them.
3. Click Continue to install and activate the selected plugins.
4. Wait for the installation process to complete.

Importing Demo Content

↑ Back to top

After the plugins are installed, you can import the demo content:

1. The wizard will present you with the demo content import option.
2. Click the Import button to begin importing demo content.
3. Wait for the import process to complete. This may take a few minutes as the wizard imports pages, posts, products, images, and theme settings.
4. Once complete, you’ll see a success message.

Setting Up Your Logo

↑ Back to top

1. Go to Appearance > Editor.
2. In the Site Editor, navigate to Patterns > Header, and click the Header pattern.
3. Locate the Image block that represents the logo and replace it with your own logo.

Site Header Setup

↑ Back to top

To update or change your site’s header template, follow these steps within the Site Editor. You can do the same for any template part block (such as the Header or Footer) to change its design if an alternative is available.

1. Open the List View Panel – Ensure you are in the Site Editor. Open the List View panel, which displays a listing of blocks on the page. This panel is typically found on the left side of the editor.
2. Select the Header Block – In the List View panel, locate the header block and click it.
3. Choose a New Header Template – In the Block settings panel, expand the Design option group to reveal available templates and choose the template you want to apply.
4. Save Your Changes – Once you’ve finished, click Save in the top-right corner to apply the changes to your site.

Navigation & Menus

↑ Back to top

• Go to Appearance > Editor.
• In the Site Editor, navigate to Patterns > Header, click Header pattern.
• Locate the header Navigation block.
• Click the Plus (+) icon to add links to pages, products, posts or custom URLs.
• To switch to a different menu, use the More Settings option inside the Navigation block.
• Click ‘Save’ to apply the changes.

Mega Menu

↑ Back to top

Kutchara includes a custom Dropdown Menu block that nests inside the core Navigation block to build rich, multi-column mega menu dropdowns — ideal for stores with multiple product categories.

Adding a Mega Menu Item

1. Go to Appearance > Editor and open your header pattern.
2. Click on the Navigation block and select a top-level menu item where you want to add a mega menu dropdown.
3. Click the + icon inside the navigation item, search for Dropdown Menu, and insert it.
4. With the Dropdown Menu block selected, go to the Settings panel on the right.
5. Under Dropdown Menu, select an existing menu or click create a new one to open the Site Editor and build your mega menu template from scratch.
6. In the template editor, compose your mega menu layout using any blocks — columns, links, images, headings, and more.
7. Save the template and return to your header. The dropdown will now display your composed mega menu.

Dropdown Menu Settings

With the Dropdown Menu block selected, the following options are available in the block settings panel:

• Text – The label displayed for the top-level navigation item that triggers the dropdown.
• Dropdown Menu – Select an existing menu template to use as the dropdown content, or click create a new one in the Site Editor to build one from scratch.
• Open on Hover – When enabled, the dropdown opens automatically on mouse hover. When disabled, it opens on click.
• Disable in Mobile Menu – When enabled, the dropdown is hidden on mobile devices. You can pair this with a direct URL on the top-level item so mobile users are sent to a category page instead.
• Width – Controls the width of the dropdown panel. Choose from preset width options to match your layout.
• Justification – Aligns the dropdown panel relative to the trigger item — left, center, or right.
• Top Spacing – Sets the gap in pixels between the navigation bar and the dropdown panel. Defaults to 40.

Mobile Navigation

↑ Back to top

Kutchara includes responsive navigation that automatically adapts to mobile devices. The mobile menu appears as a hamburger icon on smaller screens. Mega menu items collapse into a standard mobile-friendly list, using the Mobile URL setting if configured.

To customize the mobile navigation:

1. Go to Appearance > Editor and select your header template.
2. Click on the Navigation block.
3. In the block settings, you can adjust mobile menu options such as:

• Overlay menu style
• Menu icon appearance
• Submenu background and color styles

Additionally, you can create a completely custom mobile menu. Click on the navigation block and navigate to Settings tab. Here you can find the Mobile menu section. Click create a new one to open the Site Editor and build your mobile menu template from scratch.

In the template editor, compose your mobile menu layout using any blocks — columns, links, images, headings, and more.

Site Footer Setup

↑ Back to top

To update or change your site’s footer template, follow the same process as the header setup:

1. Open the List View Panel – In the Site Editor, open the List View panel on the left side.
2. Select the Footer Block – In the List View panel, locate the footer block and click it. Make any required changes.
3. Save Your Changes – Click Save in the top-right corner to apply the changes.

Customizing Your Site

↑ Back to top

Accessing the Site Editor

↑ Back to top

Kutchara is a Full Site Editing theme, which means you can customize every aspect of your site using the WordPress Site Editor.

1. Navigate to Appearance > Editor in your WordPress dashboard.
2. The Site Editor will open, showing you a preview of your site.
3. Use the navigation panel on the left to access different templates, template parts, and patterns.

Global Styles and Color Schemes

↑ Back to top

Kutchara includes 12 professionally designed color schemes to suit a wide range of kitchenware and home décor brands. To change your site’s color scheme:

1. In the Site Editor, click the Styles icon in the top-right corner (it looks like a palette).
2. Click Browse styles to see the available color schemes.
3. Click on any color scheme to preview it on your site.
4. Once you’ve found the one you like, click Save to apply it.

You can also customize individual colors by clicking on the Colors section within the Styles panel and adjusting the color values.

Typography Settings

↑ Back to top

To customize your site’s typography:

1. In the Site Editor, click the Styles icon.
2. Click on the Typography section.
3. You can adjust font families, sizes, line heights, and letter spacing for different text elements.
4. Changes will be applied globally across your entire site.

Kutchara ships with 7 typography style presets.

Layout Options

↑ Back to top

1. In the Site Editor, click the Styles icon.
2. Click on the Layout section.
3. Adjust the content width, wide width, and padding settings to control how content is displayed.
4. Click Save to apply your changes.

Homepage Setup

↑ Back to top

Kutchara includes two homepage designs to suit different store layouts and content strategies. You can switch between them at any time by assigning a different front page inside the admin.

Choosing Your Homepage

↑ Back to top

• Homepage One – A full-featured layout with a hero banner, benefits bar, category grid, featured products, promotional banners, new arrivals carousel, fullwidth banner with tabs, blog posts, and footer.
• Homepage Two – A streamlined alternative layout with a refined hero, featured collections promo, and a tighter product-focused content flow.

To switch between homepages, you can edit the Front Page template and insert pre-defined homepage pattern.

Switching a Homepage Template

↑ Back to top

1. Go to Appearance > Editor > Front Page in your WordPress dashboard.
2. Click the + icon and search for the “Front page 2” pattern.
3. Choose the pattern you want to use as your homepage from the results. The pattern will be inserted in your template.
4. Delete your old Content group block containing homepage sections.
5. Edit the new front page pattern if needed.
6. Click Save Changes.

Customizing Homepage Sections

↑ Back to top

1. Click on any block or pattern on your homepage.
2. Use the block toolbar and settings panel on the right to modify text, images, colors, and spacing.
3. You can also use the List View panel to see the structure of your page and navigate between sections easily.

Homepage Template Customization

↑ Back to top

1. Go to Appearance > Editor.
2. Click on Templates in the left sidebar.
3. Find and click on the Front Page template.
4. Make your desired changes to the template structure.
5. Click Save to apply your changes.

Or, when viewing the front page of your site, click on the Edit Site icon in the top bar.

Block Patterns

↑ Back to top

Overview of Included Patterns

↑ Back to top

Kutchara includes 39 pre-designed block patterns to help you build professional pages quickly. These patterns are organized into the following categories:

• Kutchara General – Versatile patterns for various sections including hero sections, features, testimonials, calls-to-action, FAQ, and content blocks
• Kutchara Headers – Pre-designed header layouts with different navigation styles
• Kutchara Footers – Footer designs with different column layouts and widget areas
• Kutchara Posts – Blog post layouts and archive page designs
• Kutchara Pages – Complete page layouts for about, contact, and other standard pages
• Kutchara Shop – WooCommerce-specific patterns for product showcases, category displays, and shop sections

How to Insert Patterns

↑ Back to top

1. While editing any page or post, click the + icon to add a new block.
2. Click on the Patterns tab at the top of the inserter panel.
3. Browse through the available patterns or use the search function to find specific patterns.
4. Click on any pattern to insert it into your page.

Customize Blog Index Page

↑ Back to top

Accessing the Blog Archive Template

↑ Back to top

1. Go to Appearance > Editor.
2. Click on Templates in the left sidebar.
3. Find and click on the Index template.
4. The template editor will open, allowing you to customize the layout and design.

Layout Options

↑ Back to top

• Query Loop Settings – Click on the Query Loop block to adjust how many posts are displayed per page, post order, and which categories to include or exclude.
• Post Template – Customize how individual post excerpts appear by editing the blocks within the Post Template, such as the featured image, title, excerpt, date, and author.
• Spacing and Alignment – Adjust padding, margins, and alignment to achieve your desired layout.

Sidebar Configuration

↑ Back to top

Kutchara includes an Archive with Sidebar template that you can assign to your blog index page if you want to display a sidebar:

1. In the Site Editor, go to Templates.
2. Find the Archive with Sidebar template.
3. Customize the sidebar content by editing the template and adding blocks to the sidebar area.
4. Save your changes.

Customize Single Blog Posts

↑ Back to top

1. Go to Appearance > Editor.
2. Click on Templates in the left sidebar.
3. Find and click on the Single Posts template.
4. Customize the template structure, including header, content area, and footer.
5. Click Save when finished.

Customize Shop Page

↑ Back to top

Shop Page Layout Options

↑ Back to top

1. Go to Appearance > Editor.
2. Click on Templates in the left sidebar.
3. Find and click on the Products by Category or Product Catalog template.
4. Customize the layout, spacing, and design of the shop page.

Product Grid Settings

↑ Back to top

1. In the shop template, click on the Product Collection block.
2. In the block settings, you can adjust:

• Number of columns (2, 3, 4, or more)
• Product order (newest, price, popularity, etc.)
• Spacing between products

WooCommerce Setup

↑ Back to top

Product Page Customization

↑ Back to top

1. Go to Appearance > Editor.
2. Click on Templates and find the Single Product template.
3. Customize the layout of product images, titles, descriptions, pricing, and add-to-cart buttons.
4. You can add additional blocks like testimonials, related products, or custom content sections.

Cart and Checkout Styling

↑ Back to top

1. Navigate to WooCommerce > Settings > Advanced.
2. Set your Cart and Checkout pages if not already configured.
3. Go to Appearance > Editor > Templates and find the Page: Cart and Page: Checkout templates.
4. Customize these templates to match your site design.

Product Categories

↑ Back to top

1. Go to Products > Categories in your WordPress dashboard.
2. Add new categories or edit existing ones.
3. You can add category descriptions and images that will be displayed on category archive pages.
4. To customize the category archive template, go to Appearance > Editor > Templates and edit the Product by Category template.

Page Templates

↑ Back to top

Available Templates

↑ Back to top

• Default Template – Standard page layout
• Page No Title – Page layout without page title
• Blank – Minimal template with no header or footer, useful for landing pages

Creating Custom Templates

↑ Back to top

1. Go to Appearance > Editor.
2. Click on Templates in the left sidebar.
3. Click the + icon to add a new template.
4. Select the template type (Page, Single Post, Archive, etc.).
5. Build your template using blocks and patterns.
6. Save your template with a descriptive name.

Once created, you can apply your custom template to any page by editing the page and selecting the template from the Template option in the page settings sidebar.

Troubleshooting

↑ Back to top

Common Issues and Solutions

↑ Back to top

Issue: Demo content didn’t import properly

• Solution: Make sure WooCommerce is installed and activated before importing. Try increasing your PHP memory limit and max execution time in your hosting settings, then re-run the import.

Issue: Shop page showing incorrect layout

• Solution: Go to WooCommerce > Settings > Products and verify your shop page is correctly set. Clear any caching and check that the correct template is assigned to the shop page.

Issue: Colors not changing when switching color schemes

• Solution: Some blocks may have custom colors applied that override the global styles. Check individual blocks and remove custom color settings to allow global styles to take effect.

For WooCommerce-specific issues, consult the WooCommerce documentation.

FAQs

↑ Back to top

Help customers by answering commonly asked questions.