Customization
Advanced Design
Designing your EasyCart store ranges from simple sidebar adjustments to full child layout overrides. Whether you’re changing button colors or building a completely custom storefront, EasyCart gives you the tools at every level.
Overview
Three levels of customization
Basic
Change button colors, product column counts, layout designs, and rollover effects — all from the admin sidebar. No code needed.
Intermediate
Add custom CSS to adjust any EasyCart element. Paste it into the built-in custom CSS panel for quick, targeted changes.
Advanced
Create child layout and theme files to fully override EasyCart templates — just like WordPress child themes. Your changes survive plugin updates.
Watch the Customization Walkthrough
See how to change fonts, colors, and add custom CSS to your EasyCart store in just a few minutes.
Customizing EasyCart
Change basic design with fonts, colors, and custom CSS easily with WP EasyCart.
For Developers
Advanced design with child layout files
For maximum flexibility, web designers can customize layout files using a child system similar to WordPress child themes. Override individual files while keeping the rest of the store on the latest version — perfect for customizing email receipts, product displays, and more.
What is an EasyCart child theme and child layout?
Child layouts let developers keep their clients’ stores up to date with a single click while still overriding specific files — images, CSS, layout templates, email receipts, and more. You specify a child folder, place your custom files in it, and EasyCart uses those instead of the defaults. Everything else stays on the latest version automatically.
How does the store find a layout or theme file?
Every file loaded from the design folder goes through a simple two-step lookup:
- Does the file exist in wp-easycart-data/design/layout/{your child layout}/file.php?
- If not, use the latest file in wp-easycart/design/layout/base-responsive-v3/file.php
The same applies to the theme folder — useful for specifying a custom “image not found” placeholder or other theme-level overrides.
Setup
How to set up a child design
Create your child folders
Add a new folder in wp-easycart-data/design/layout/ (e.g. my-custom-layout) and repeat this for wp-easycart-data/design/theme/ if you need theme-level overrides too.
Select the child in EasyCart settings
Go to WordPress Admin → WP EasyCart → Settings → Design and select your newly added custom theme and layout folders in the dropdown boxes.
Copy and customize files
Copy any file you want to override from the main plugin into your child folder and make your changes there. The store will use your custom version first and fall back to the latest plugin file for everything else.
EasyCart — Design settings with child layout selection
Important: Always make custom changes in the wp-easycart-data folder, not the main plugin folder. Files in the plugin folder are overwritten on every update.
Design your store, your way
From simple color changes to full template overrides — EasyCart gives you the flexibility to build exactly the storefront you need.