Email theme

Description

This page allows managing the email themes.

Email Theme User Interface

Common components

• E-commerce logo.

• PrestaShop version number.

• Quick access dropdown.

• Search input - Forms input with dropdown UI kit.

• Bell icon

• Account icon.

• Shop switcher.

• Breadcrumbs navigation - Breadcrumb UI kit.

• Heading of the page - Headings UI kit.

• Help button - Buttons outline UI kit.

• Save button - Buttons basics UI kit.

The UI elements

Configuration

Configuration - Select your default email theme dropdown

Description	Value	Error message
Mandatory	Yes	-
Allowed/Forbidden values	-	-
Default value	modern	-
Help text	-	-
Tool tips	This won't regenerate email templates, it only sets the default email theme for future generation (when a language is installed fore example).	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Configuration - Save button

Generate emails

Generate emails - Select your email theme dropdown

Description	Value	Error message
Mandatory	Yes	-
Allowed/Forbidden values	-	-
Default value	modern	-
Help text	-	-
Tool tips	-	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Generate emails - Select your language dropdown

Description	Value	Error message
Mandatory	Yes	Please select an item in the list.
Allowed/Forbidden values	-	-
Default value	Placeholder: Language	-
Help text	-	-
Tool tips	Please select an item in the list.	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Generate emails - Select the theme you want to overwrite dropdown

Description	Value	Error message
Mandatory	Yes	-
Allowed/Forbidden values	-	-
Default value	Core (no theme selected)	-
Help text	-	-
Tool tips	PrestaShop's email templates are stored in the "mails" folder, but they can be overridden by your current theme's own "mail" folder. Using this option enables to overwrite emails from your current theme.	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Generate emails - Overwrite templates toggle switch

Description	Value	Error message
Mandatory	Yes	-
Allowed/Forbidden values	-	-
Default value	No	-
Help text	-	-
Tool tips	By default, existing email template files are not modified to avoid deleting any modification you may have done. Enable this option to force the overwrite.	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Generate emails button

Generate emails button

Translate emails

Select your language dropdown

Description	Value	Error message
Mandatory	Yes	Please select an item in the list.
Allowed/Forbidden values	-	-
Default value	Placeholder: Language	-
Help text	-	-
Tool tips	Please select an item in the list.	-
Lower limit	-	-
Upper limit	-	-
Behavior	Select your language dropdown in Translate emails block behavior	-

Translate emails button

Translate emails button

Email themes

List of email themes in your PrestaShop by their name, with the associated preview button. Each email theme can be previewed by pressing the button Preview button behavior

Behaviors description

Configuration

Select your default email theme dropdown behavior

This is a dropdown (Dropdowns basics UI kit) to select default email theme. It lists all the emails in the repo/email. By default,

• modern

• classic

are installed.

Save button behavior

• The button Save (Save button UI) when is pressed, then the theme selected in #select-your-default-email-theme-dropdown is used as the default email theme of the PrestaShop.

The user must generate emails after each default theme change for the system to be active.

• And updates the predefined value for the #select-your-email-theme-dropdown in the generate emails form

Generate emails behavior

Select your email theme dropdown behavior

This is a dropdown (Dropdowns basics UI kit) listing all the user email themes. By default, the value from Configuration - Select your default email theme dropdownis selected. The droplist all the email theme from the PrestaShop.

Select your language dropdown in Generate emails block behavior

This is dropdown (Dropdowns basics UI kit) to select language for emails. This dropdown shows languages that are enabled in International -> Localization -> Languages page.

Select the theme you want to overwrite dropdown behavior

This is dropdown (Dropdowns basics UI kit) to select theme that should be overwritten. It has these options:

• Core (no theme selected)

• classic

Overwrite templates toggle switch behavior

This is toggle switch (Forms switch story UI kit) that enables or disables email templates overwriting.

Generate emails button behavior

This button with mail icon (Buttons with icons UI kit), once clicked it generates emails template changes and appears green notification message (Alerts basics UI kit): Successfully generated email templates for theme 'theme name' with locale 'language ISO code'. When hover mouse pointer on it, button color changes.

Translate emails block behavior

Select your language dropdown in Translate emails block behavior

This is dropdown (Dropdowns basics UI kit) to select language for translation. This dropdown shows languages that are enabled in International -> Localization -> Languages page.

Translate emails button behavior

This button with mail icon (Buttons with icons UI kit), once clicked it opens International -> Translations -> Email Body translation to selected language page. When hover mouse pointer on it, button color changes.

Email themes

Preview button behavior

Once clicked opens that theme Preview Theme page.

Multistores functionality

Multistores dependent page.

Workflow

As a user, when I want to change to a new email theme

1. Change the default behavior

2. Generate emails

1. of Select the language

2. Enable overwrite of the theme