Meow

MEOW is a modern WooCommerce theme designed for pet stores and animal-focused brands that want the flexibility of the WordPress block editor combined with the polished structure of a professionally crafted ecommerce layout. Its warm and friendly design creates an inviting shopping experience for pet lovers while maintaining a clean, conversion-focused storefront.

As a Full Site Editing (FSE) theme, MEOW gives you full control over your entire website. You can customize not only page content, but also key structural elements such as templates, headers, footers, and styles, all directly within the WordPress Site Editor, without needing to write code.

Install and import demo content

↑ Back to top

The easy way to install Meow is through the WordPress dashboard.

1. Go to your Dashboard → Appearance → Themes.
2. Click the Add New button at the top.
3. Then click Upload Theme.
4. Click Choose File and select the meow.zip file from your computer.
5. Finally, click Install Now to install the theme.
   

Setup and Configuration

↑ Back to top

If you prefer to manually customize your site, you can skip this step. However, if you want your website to look like the demo.

Homepage & Blog

↑ Back to top

Step 1: Create Pages

1. Go to Dashboard → Pages → Add New.
2. Create two pages: Home (for your homepage), Blog (for your posts page)
3. Click Publish to save each page.

Step 2: Assign Pages in Reading Settings

1. Go to Dashboard → Settings → Reading.
2. Under Your homepage displays, select A static page.
3. Assign: Homepage → select the Home page, Posts page → select the Blog page
   

This theme includes a dedicated Front Page template that is automatically used as your site homepage.

No configuration is required in Settings → Reading.

To customize your homepage content:

1. Go to Dashboard → Appearance → Editor.
2. In the Site Editor, open Templates → Front Page.
3. Edit the layout and content using the block editor.
4. Click Save to apply your changes.
   

Your customized Front Page will be displayed automatically as the homepage, regardless of your Reading settings.

Logo

↑ Back to top

You can add your site logo using the Site Editor (Block Editor) by following these steps:

1. Go to Dashboard → Appearance → Editor.
2. Use the navigator or search, or go to Patterns → Header and select your header layout.
3. Locate and click on the Site Logo block (usually in the header area).
4. Upload a new logo or choose one from your Media Library.
5. Make sure your logo is properly sized and formatted for best display.
6. Click Save in the top-right corner to apply the changes.

Navigation Menu

↑ Back to top

Setting up your site’s navigation is essential for helping visitors easily browse your content.

Follow these steps to create and manage your menu:

1. Go to Dashboard → Appearance → Editor.
2. In the Site Editor, locate the Navigation block (usually placed in the header area).
3. Click on the Navigation block to open its settings panel on the right.
4. Under the Menu section, you can: Select an existing menu (e.g. Header Menu, Footer Menu), or Click the ⋮ (three dots) icon and choose Create new menu
5. Add menu items by clicking the + icon inside the navigation: Pages, Posts, Categories, Custom URLs
6. Arrange menu items by dragging them into the desired order.
7. Once you’ve finished, click Save in the top-right corner to apply the changes.

Header Layout

↑ Back to top

You can easily switch or customize your header design using the Site Editor.
Follow these steps:

1. Go to Dashboard → Appearance → Editor.
2. In the Site Editor, open Patterns → Header (Template Part).
3. Select the header you want to edit.
4. Customize the layout as needed, or replace it with a different header pattern.
5. Click Save to apply the changes across your site.

Customization

↑ Back to top

Global Styles

↑ Back to top

Use Global Styles to maintain a consistent and polished design across your entire site.

Follow these steps to customize your site’s appearance:

1. Go to Dashboard → Appearance → Editor.
2. Click the Styles icon (the half black / half white circle) in the top-right corner.
3. Choose a built-in style preset or customize individual elements such as: Typography, Colors, Background, Layout, Shadows
4. Preview your changes in real time as you adjust the settings.
5. When you’re satisfied, click Save to apply the changes across your site.

Blocks

↑ Back to top

Patterns

↑ Back to top

Block Patterns allow you to quickly build professional layouts without starting from scratch.

How to Access Patterns

↑ Back to top

1. Open any page, post, or template in the Editor.
2. Click the + icon (top-left) to open the block inserter.
3. Switch to the Patterns tab.
4. Browse available categories (e.g. Banners, footer).
5. Hover over a pattern to preview it.
6. Click on a pattern to insert it into your layout.
7. To view all available patterns, click Explore all patterns at the bottom of the panel.

Template Customization

↑ Back to top

Meow includes 14 professionally designed templates covering all major page types from homepage and standard pages to blog and WooCommerce layouts.

To view and edit templates:
Go to Dashboard → Appearance → Editor → Templates.

How to Customize a Template

1. Navigate to Templates in the Site Editor.
2. Select the template you want to edit.
3. Modify layout, blocks, or content as needed.
4. Click Save to apply changes.

Changes are applied globally to all pages using that template.

Available Templates

↑ Back to top

General Templates

• index.html – Default fallback template displaying a blog-style post list.
• front-page.html – Homepage template with a complete pre-built layout (hero, products, banners, services, posts).
• archive.html – Category, tag, and date archives with a 3-column post grid and pagination.
• search.html – Search results page with search bar and post listing.
• 404.html – Custom error page with centered layout and clean design.

Page Templates

• page.html – Default page template with breadcrumbs, title, featured image, content, and comments.
• page-about-us.html – Pre-built About page using multiple content patterns.
• page-contact.html – Contact page with form, team info, and location sections.
• page-services.html – Services page with structured service sections.
• page-blog.html – Blog listing template assignable to a page.

Blog Template

• single.html – Single post template with: Breadcrumbs, Title and metadata, Featured image, Post content, Related posts, Comments section

WooCommerce Templates

• archive-product.html – Shop page with sidebar filters (25%) and product grid (75%).
• single-product.html – Product detail page with gallery, product info, and related products.
• product-search-results.html – Product search results with grid layout and filtering options.

Add Products with WooCommerce

↑ Back to top

Adding products in Meow works the same as in any standard WooCommerce setup.

The theme fully supports all core product types, including:

• Simple Products
• Grouped Products
• External / Affiliate Products
• Variable Products
  

FAQs

↑ Back to top

Help customers by answering commonly asked questions.