Magento 2 Configure Design: HTML Head, Header, Footer, Transactional Emails

It absolutely attracts customers and catches their eyes if your website and your Stores look more professional and beautiful by having HTML Head, Header, Footer and Transactional Emails.

Therefore, it is necessary to change the design rules of Design Configuration. It can increase your sales. With the out-standing Design Configuration, you will have the advantages when competing with the competitors. By Magento 2, you always can do that, just follow these steps.

Related posts:

• Sticky Header Component in Magento 2
• How to customize Email Template, Transactional Email in Magento 2
• How To Create Magento 2 Theme Ultimate Guide

How to Configure Design Settings

• Step 1: Access to Content
• Step 2: Configure the design settings
• Step 3: Change the Default Theme
• Step 4: Change the Theme
• Step 5: Edit Design Configuration
• Step 6: Complete, Click Save Configuration

Step 1: Access to Content

• On the Admin Slidebar, click Content
• Select Design
• Then, select Configuration

Step 2: Configure the design settings

• Decide the store view you want to configure
• From Action column, click Edit

Step 3: Change the Default Theme

• Set Applied Theme to new theme

You can also schedule theme for spcial events, that’s great idea :)

Step 4: Change the Theme

• Click Add New User Agent Rule under Design Rules
• From the Search String column, enter the browser ID for the particular device
• From the Theme Name column, select the theme used for the particular device
• Continue the process until entering the adding device
• Perl Compatible Regular Expression (PCRE) or searching string to match when entering new themes

Step 5: Edit Design Configuration

• Working with different criteria in Other Settings :
  • HTML Head
  • Header
  • Footer
  • Pagination
  • Product Image Watermarks
  • Transactional Emails

Step 6: Complete, Click Save Configuration

Things To Remember

• The system will use default theme if no theme is suitable. Sometimes, third-party extensions can modify the default theme.

Ref: Magento 2 user guide

PDF Invoice samples for Magento 2

Want to apply these above Invoice templates for your store?

See how