Applies to the Cmsmart Stores 2.0 release line — parent theme 2.0.0–2.2.0, the Printstores child theme family 2.0.0 and Cmsmart Product Designer 2.18.0–2.18.3 — built with Store Setup v2 · Updated October 2026. This guide shows how to customize WooCommerce block theme settings on a Cmsmart Store — colors, fonts, header and footer — in WordPress's own Site Editor, no code required.

In short

  • Outcome: a Cmsmart Store that reads as your brand, not the shared sample catalogue, within your first hour after Store Setup v2 finishes.
  • How it works: the install already activates WooCommerce, Cmsmart Stores Blocks and Cmsmart Product Designer on top of the Printstores (or B2B / Marketplace) parent and child theme; you brand it in WordPress's Site Editor and Settings screens, no CSS.
  • What it takes: a store installed by Store Setup v2 or the manual theme files, about 30-45 minutes, and your site title, logo and brand colors.

This picks up right after installing a Cmsmart Store with Store Setup v2 or the manual theme files, and before each store's own product and pricing setup — start with Set up Cmsmart Print Shop Store as the worked example, or the matching guide for Gift, T-Shirt, Boxed, 3D Print, Boxed 2, B2B or Marketplace stores.

What's the cost of leaving a new Cmsmart Store on its sample branding?

A Cmsmart Store installed by Store Setup v2 runs live from minute one, but it opens with the sample catalogue and a generic site title and header, so Cmsmart gives you the Site Editor and Settings screens to replace that sample look with your own brand, no code required.

The pains we see in the hour after a Store Setup v2 install finishes, before a store is ready to share:

  • Sample catalogue, sample name. Every store set up through Store Setup v2 runs with sample data from the first minute, so a store still titled and stocked after the demo is visible to anyone who finds the URL from day one.
  • No Customizer to fall back on. The Printstores, B2B and Marketplace themes are all WordPress block themes, so the old Appearance > Customize screen isn't where colors and fonts live; every site-wide style change happens in the Site Editor's Styles panel instead.
  • Three moving pieces to keep straight. A finished store depends on the parent theme, the child theme, Cmsmart Stores Blocks and Cmsmart Product Designer all staying active together; a deactivated plugin breaks header blocks or the design tool with no obvious message pointing at the cause.
  • Developer cost for small tweaks. Paying an agency by the hour to swap a header layout or a color palette is expensive for changes most owners can make themselves once they know where the Site Editor keeps them.
  • A live store that still says "sample". Leaving placeholder copy and the sample catalogue live too long after launch reads as unfinished to the first real visitors.

What could your store's branding look like without touching code?

A Cmsmart Store's Site Editor lets a non-technical owner set the site title and icon, edit the header and footer, and choose brand colors and fonts, so the storefront reads like the business behind it in the first working session after install, no code editor needed.

Example scenario. A print shop owner finishes a Store Setup v2 install and opens WordPress admin. Plugins already show green — WooCommerce, Cmsmart Stores Blocks and Cmsmart Product Designer all active. In Settings > General they set their site title, tagline and site icon. In the Site Editor they swap the header's placeholder logo through the Site Logo block, then update the footer's columns and copyright line. The homepage still shows the sample catalogue — cataloguing is a separate guide — but the chrome already reads as their brand.

None of that touches a theme file, and it doesn't require removing the sample catalogue first — branding and cataloguing happen in either order. If you'd rather hand branding to Cmsmart, see Cmsmart Store preset installation & demo import.

How does Cmsmart let you customize WooCommerce block theme settings?

Cmsmart Stores ships every merchant a parent theme, a matching child theme, and the Cmsmart Stores Blocks and Cmsmart Product Designer plugins already working together, then puts every day-to-day brand change in WordPress's own Site Editor and Settings screens, so customization never touches theme files.

The building blocks a Store Setup v2 (or manually installed) store arrives with:

  • Parent theme. Cmsmart Stores (cmsmart-stores), 2.2.0 in the current release zips, supplies the shared template structure every child theme builds on.
  • Child theme. One of the six Printstores child themes at 2.0.0 — Print Shop, Gift, T-Shirt, Boxed, 3D Print or Boxed 2 — or Cmsmart B2B Store / Cmsmart Marketplace Store 2.0.1, each on its own parent theme.
  • Cmsmart Stores Blocks (2.1.2). The plugin behind the slider, carousel, product tabs and mega-menu blocks the store themes use in their templates.
  • Cmsmart Product Designer (2.18.3). The on-page product customizer for buyers; it doesn't change how you style the store, but it has to stay active for design-enabled products to work.
  • Site Editor (Appearance > Editor). Templates and template parts — Header and Footer included — open here for direct editing.
  • Styles panel. Typography, Colors, Background, Shadows and Layout apply across the whole site at once, the way WordPress's own Styles documentation describes; set your brand colors and fonts here.
WordPress Appearance Themes screen where you customize WooCommerce block theme settings: a Cmsmart Print Shop Store child theme active next to its parent Cmsmart Stores theme
Appearance > Themes after a manual install: the child theme active, with the Cmsmart Stores parent theme installed next to it.
WordPress Plugins screen with Cmsmart Stores Blocks 2.1.2 and Cmsmart Product Designer 2.18.3 active next to WooCommerce
Plugins: Cmsmart Stores Blocks (2.1.2) and Cmsmart Product Designer (2.18.3) active next to WooCommerce before any branding starts.

Cmsmart insight: check the Plugins screen before you touch the Site Editor. If Cmsmart Stores Blocks is inactive, header and homepage patterns that depend on it render as empty blocks — easy to mistake for a theme bug when it's really one plugin not switched on.

Customizing a WooCommerce store: hand-coded theme vs. Cmsmart Stores
Classic WooCommerce theme + custom CSSCmsmart Stores (Store Setup v2)
Core plugin setSearch for and install each plugin yourselfWooCommerce, Cmsmart Stores Blocks and Cmsmart Product Designer already active when install finishes
Changing colors and fontsEdit CSS, or pay a developer for each changeStyles panel in the Site Editor, no code
Header and footer layoutTheme-specific options or custom template codeHeader and Footer template parts, edited directly in the Site Editor
Starting catalogueBuild every product from scratchSample catalogue from Store Setup v2, replaced with your own products
Fully bespoke brand designCustom build from scratchNot a built-in feature; Cmsmart builds it as custom development

What's the business value of branding your store properly before launch?

A storefront that matches your brand from day one looks more trustworthy than one left on sample branding and costs less to maintain, and Cmsmart's Site Editor tools get you there without a developer invoice for every small change.

Customization value
BenefitHow it shows up in your businessKPI to track
Faster brand launchSite title, header and footer set in the Site Editor instead of a developer ticket queueHours from install finishing to a branded homepage
No unused plugin overheadOnly WooCommerce, Cmsmart Stores Blocks and Cmsmart Product Designer run by defaultActive plugin count per store
Consistent brand everywhereStyles panel changes and template parts apply site-wide, not page by pagePages matching your current brand colors and fonts
Lower one-off dev spendRoutine layout and color tweaks handled in-house instead of billed hourlyDeveloper hours billed per month on cosmetic changes

Quick math: if small theme tweaks currently go through a developer at your hourly rate, doing the routine ones yourself in the Site Editor saves roughly (hourly rate) × (tweaks per month) × (minutes per tweak, often 15-30) ÷ 60, every month.

How do you set up and brand the Site Editor on a Cmsmart Store?

You confirm the theme and plugins are active on the Themes and Plugins screens, then set your brand in two places: Settings > General for the site title, tagline and icon, and Appearance > Editor for the header, footer, colors and fonts.

  1. Finish installing your store first — either with Store Setup v2's installer file or the manual theme files route — before you start branding.
  2. Open Appearance > Themes and confirm your child theme (for example Cmsmart Print Shop Store) shows Active, with the Cmsmart Stores parent theme installed next to it.
  3. Open Plugins and confirm WooCommerce, Cmsmart Stores Blocks and Cmsmart Product Designer all show Active before you move on to design.
  4. Go to Settings > General and set your Site Title and Tagline, then upload your logo as the Site Icon.
  5. Open Appearance > Editor to launch the Site Editor.
  6. Under Patterns > Template parts, open the Header template part: replace the logo through the Site Logo block, and check the menu and cart/account icons.
  7. Still under Template parts, open the Footer template part and update its columns, support links and copyright line to match your business.
  8. Click the Styles icon, open Colors and set your own brand palette; the change applies across every page immediately.
  9. In Styles, open Typography and set your heading and body fonts.
  10. Click Save in the Site Editor to publish your changes.
WordPress Settings General screen for a Cmsmart Store, showing Site Title, Tagline and Site Icon fields
Settings > General: Site Title, Tagline and Site Icon — the first brand details to change.
Site Editor open on the Header template part of a Cmsmart Store, with the Site Logo block and main menu
The Header template part open in the Site Editor: Site Logo, menu and cart/account icons live here.
Site Editor open on the Footer template part of a Cmsmart Store, with footer columns, links and copyright
The Footer template part open in the Site Editor: columns, links and the copyright line.

Products, print options and the "Setting Cmsmart" pricing box are covered in each store's own setup guide — see Cmsmart Print Shop Store once branding is in place.

Once saved, the dashboard's own post-install checklist is worth working through:

  • Load demo images (paid key): Cmsmart > Store Setup > Load demo images, for the sample catalogue's full images instead of placeholders.
  • Remove sample data later in Cmsmart > Store Setup once you're ready to go live with real products.
  • Follow Tutorial: run your store, or the Launch checklist on My Stores, for what's left before launch.
Cmsmart dashboard Store Setup step 6, Your store is live, with View store, Open admin and a post-install checklist
Store Setup's "Your store is live" step: View store, Open admin, and the checklist to work through after branding.

Keep it up to date. New versions appear in two places: the dashboard's Theme files & changelog panel, which lists every store with its current version, and each plugin's own update notice under Plugins once Cmsmart Stores Blocks or Cmsmart Product Designer has a new release.

Cmsmart dashboard Theme files and changelog panel, listing Cmsmart Print Shop Store, T-Shirt Store, Gift Store and 3D Print Store with their version pills
Store Setup > Theme files & changelog: every store family with its version pill and a changelog link.

Cmsmart insight: never edit the parent theme directly. Your branding lives in the child theme's Site Editor templates and the Styles panel, which is exactly what survives a parent theme update; changes made by editing cmsmart-stores files itself get overwritten the next time you update it.

Going further: what if you want a fully custom store design?

The Site Editor's template parts and Styles panel cover most brand changes, but when a store needs a header or homepage beyond what ships in the theme, Cmsmart builds it as custom development: bespoke templates layered on top of your Cmsmart Store.

What we build on top of a branded store, project by project:

  • Bespoke header and homepage design. A layout beyond the theme's built-in template parts, built to match an existing brand identity exactly.
  • Catalogue and brand migration. Replacing the sample catalogue with products and styling moved over from an existing WooCommerce store or a different platform.
  • Custom patterns. Purpose-built sections — a price-matrix table, a gang-sheet pricing explainer, a 3D preview block — that the standard pattern library doesn't include.
  • B2B and Marketplace theming. Cmsmart B2B Store and Cmsmart Marketplace Store run on their own parent theme and plugin; we adapt vendor dashboards and multi-vendor branding project by project.
  • Plugin and performance audits. Reviewing a store's plugin list and page weight as it grows past the three core pieces.

Delivery runs the same way for every engagement: discovery, solution design, build sprints, QA on a staging copy, launch, then support. See the delivery model at Cmsmart ecommerce projects.

Get my Cmsmart Store custom-branded

Why work with Cmsmart on your store's branding?

Cmsmart has built WooCommerce storefronts and the Cmsmart Product Designer plugin since 2012 as a Netbase JSC division, and Cmsmart Stores comes from that team — so the theme, Stores Blocks and the designer work together, including a print-ready PDF that matches the order once design-enabled products go live.

Cmsmart has delivered 6,300+ client projects and runs 1,800+ live stores in 80+ countries, rated 4.2 on Trustpilot (404 reviews). One long-time plugin user put it this way:

"We have had the NB Designer plugin installed for three years and have experienced absolutely no problems during that time. It is wonderful to see their commitment to continuous development, with new features being added frequently to keep the software current and highly capable." — Web Developer, Trustpilot review

Related reading: the Cmsmart Print Shop Store product page, the Cmsmart Product Designer plugin page, our web-to-print solutions hub, current Cmsmart plans and pricing, the Cmsmart Product Designer user guides, and a live demo of the Print Shop store used as the worked example here.

Frequently asked questions

What size should my logo be for the Site Logo block?

Upload a square image of at least 512 by 512 pixels for the Site Icon, and a wider horizontal version for the Site Logo block in the header, since the header template part displays it next to the main menu rather than cropped to a square.

How do I change my store's colors and fonts?

Open Appearance > Editor, click the Styles icon, then Colors for your palette and Typography for heading and body fonts. Both apply across the whole site immediately after you click Save — no CSS and no separate page-by-page changes.

Can I use a different page builder instead of the Site Editor?

You can activate a page builder plugin alongside Cmsmart Stores, but the theme's own header, footer and homepage patterns are built as WordPress block templates; mixing in a different builder for the same templates usually means rebuilding those sections rather than editing them together.

Will a theme or plugin update erase my branding?

No, as long as your changes live where they belong: the Site Editor's Styles panel and your child theme's template parts, not the parent theme's files. That's why Cmsmart ships a parent-and-child theme pair — your customization survives parent theme and plugin updates.

Do Cmsmart B2B Store and Cmsmart Marketplace Store customize the same way?

The Site Editor workflow is the same. Cmsmart B2B Store and Cmsmart Marketplace Store (both 2.0.1) run on their own parent theme and ship with their own plugin — Cmsmart B2B or Cmsmart Marketplace — instead of a Printstores child theme, so confirm that plugin is active too before branding.

Do I need the Cmsmart Product Designer plugin active just to brand the theme?

No. Site Editor branding — site title, header, footer, colors, fonts — works as long as the active theme and Cmsmart Stores Blocks are in place. Cmsmart Product Designer only needs to be active once you're ready for buyers to personalize design-enabled products.

How do I pay securely?

Contracts and payments go to the company, Netbase JSC: plans are paid through PayPal; services are invoiced by Netbase JSC under a written proposal and paid by bank transfer to Netbase JSC's company account or by PayPal Business. Cmsmart (Cmsmart Ecommerce) is the ecommerce brand of Netbase JSC, a company based in Hanoi, Vietnam.

How do I contact Cmsmart or get a quote?

Message the Cmsmart team on WhatsApp at +84 937 869 689 or email project@cmsmart.net; the contact page at cmsmart.net/contact lists every channel, and Request a quote (cmsmart.net/project-proposal) sends a project brief. Customers with a licence open a ticket from the dashboard.

Further reading