---
title: "Design"
description: "The Design section provides tools to customize the visual appearance of your J2Commerce store, from the layout of product pages to the professional look of your invoices and emails."
url: "https://docs.j2commerce.com/v6/design"
markdown_url: "https://docs.j2commerce.com/v6/design.md"
last_updated: "2026-10-23T03:10:50+00:00"
version: "J2Commerce 6"
breadcrumbs:
  - title: "Home"
    url: "https://docs.j2commerce.com/"
  - title: "J2Commerce 6"
    url: "https://docs.j2commerce.com/v6"
  - title: "Design"
    url: "https://docs.j2commerce.com/v6/design"
---

# Design

The Design section provides tools to customize the visual appearance of your J2Commerce store, from the layout of product pages to the professional look of your invoices and emails.

## Customizing Layouts

If you want to change how J2Commerce displays content on your site, use [Template Overrides](https://docs.j2commerce.com/index.php?option=com_content&view=article&id=581&catid=49). This allows you to modify the PHP and HTML without losing your changes during updates.

## Customer Communications

Control the professional touchpoints of your store through:

- [Email Templates](https://docs.j2commerce.com/index.php?option=com_content&view=article&id=575&catid=49) — Customize the automated emails sent to customers.
- [Invoice Templates](https://docs.j2commerce.com/index.php?option=com_content&view=article&id=576&catid=49) — Design the invoices, receipts, and packing slips sent with orders.

## Design Best Practices

- **Use Overrides:** Never edit the core J2Commerce files. Always use the Overrides manager.
- **Test Printing:** Always print a test copy of your Invoice templates to ensure they fit on a standard A4/Letter page.
- **Mobile First:** When creating layout overrides, ensure they remain responsive using Bootstrap 5 classes.

## Sections

- [Layout Overrides](https://docs.j2commerce.com/v6/design/layout-overrides.md)
- [Layouts](https://docs.j2commerce.com/v6/design/layouts.md)

## Pages

- [Email Templates](https://docs.j2commerce.com/v6/design/email-templates.md): Email Templates allow you to customize the subject lines and content of the automated emails sent by J2Commerce, such as order confirmations and status updates.
- [Print Templates](https://docs.j2commerce.com/v6/design/invoice-templates.md): Print Templates allow you to design professional documents for your customers, including standard invoices, packing slips, and receipts.
- [Products Tag View](https://docs.j2commerce.com/v6/design/creating-tags.md): Normally, with the Product list view, we were displaying the products based on categories.
- [Template Overrides](https://docs.j2commerce.com/v6/design/template-overrides.md): The Template Overrides manager allows you to customize the HTML and PHP output of J2Commerce without modifying the core component files.