Design

You are here: Reference > Configuration Reference > General > Design

Magento Open Source, 1.9.x

Magento 1.x Security Patch Notice
For Magento Open Source 1.5 to 1.9, Magento is providing software security patches through June 2020 to ensure those sites remain secure and compliant. Visit our information page for more details about our software maintenance policy and other considerations for your business.

Design

System > Configuration > General > Design

Package

Field Descriptions
Field	Scope	Description
Current Package Name	Store View	The name of the design package that is used for the store. If left blank, the default package name is “default.” A design package consists of a base theme, and any number of variant themes, or skins. The base theme and related skins contain the files that determine the visual presentation and user interaction of the store. A theme can be associated with only one design package. A variant theme might include only a few modified elements from the base theme. For example, you might create a special skin to use for the holiday season. Magento follows a fall-back model to find the necessary design resources and assets.
Add Exception		Specifies an alternative theme to be used for a specific device. For example, to use the iPhone theme you can add a theme exception where the Matched Expression is “iPhone” and the Value is the name of the theme to be used.
Delete		Deletes the exception.

Themes

Field Descriptions
Field	Scope	Description
Translations	Store View	Identifies the theme that contains the translation data for this store view.
Templates	Store View	Identifies the theme that contains the templates used for this store view.
Skin (Images/ CSS)	Store View	Identifies a theme variation that is applied to this store view.
Layout	Store View	Identifies the theme that determines the layout of this store view.
Default	Store View	Identified the theme that is used as the default for this store view.
Add Exception		Specifies an alternative theme to be used for a specific device. For example, to use the iPhone theme you can add a theme exception where the Matched Expression is “iPhone” and the Value is the name of the theme to be used.
Delete		Deletes the exception.

HTML Head

Field Descriptions
Field	Scope	Description
Favicon Icon	Store View	Uploads the small graphic image that appears in the address bar and tab of the browser.
Default Title	Store View	The title that appears at the title bar of each page when viewed in a browser. The default title is used for all pages, unless another title is specified for individual pages.
Title Prefix	Store View	A prefix can be added before the title to create a two- or three-part title. A vertical bar or colon can be used as a separator at the end of the prefix to differentiate it from the text of the main title.
Title Suffix	Store View	A suffix can be added after the title to create a two-or three part title. A vertical bar or colon can be used as a separator at the end of the prefix to differentiate it from the text of the main title.
Default Description	Store View	The description provides a summary of your site for search engine listings and should not be more than 160 characters in length.
Default Keywords	Store View	A series of keywords that describe your store, each separated by a comma.
Default Robots	Store View	Instructions that tell search engines how to index your site. Options include: INDEX, FOLLOW NOINDEX, FOLLOW INDEX, NOFOLLOW NOINDEX, NOFOLLOW
Miscellaneous Scripts	Store View	An input box that where you can upload miscellaneous scripts to the server. For example, any third-party JavaScript that must be placed before the <body> tag, can be entered here.
Display Demo Store Notice	Store View	Controls the display of the demo store notice at the top of the page. Options include: Yes / No

Header

Field Descriptions
Field	Scope	Description
Logo Image Src	Store View	Identifies the path to the logo that appears in the header.
Logo Image Alt	Store View	The Alt text that is associated with the logo.
Welcome Text	Store View	The welcome message appears in the header of the page and includes the name of customers who are logged in.

Footer

Field Descriptions
Field	Scope	Description
Copyright	Store View	The copyright statement that appears at the bottom of each page. To include the copyright symbol, use the HTML character entity: ©
Miscellaneous HTML	Store View	An input box where you can upload miscellaneous scripts to the server. For example, third-party JavaScript— such as an analytics tracking code—that must be placed after the <body> tag, can be entered here.

Product Image Watermarks

Field Descriptions
Field	Scope	Description
Base Image Watermark Default Size	Store View	The default size of the watermark for the Base Image. For example: 470 x 470
Base Image Watermark Opacity, Percent	Store View	The percentage of opacity applied to the watermark for the Base Image.
Base Image Watermark	Store View	The file with the watermark image to be uploaded for the Base Image. (The image file can be .jpg (jpeg), .gif, and .png.)
Base Image Watermark Position	Store View	The position of the watermark for the Base Image. Options include: Stretch Tile Top/Left Top/Right Bottom/Left Bottom/Right
Small Image	Store View	(Repeat the above for the Small Image.)
Thumbnail Image	Store View	(Repeat the above for the Thumbnail Image.)

Pagination

Field Descriptions
Field	Scope	Description
Pagination Frame	Store View	Determines how many links to display next.
Pagination Frame Skip	Store View	If the current frame position cannot accommodate the pages, renders the link to the current position, plus or minus this value.
Anchor Text for Previous	Store View	Alternative text for the previous link in the pagination menu. If empty, a default arrow image is used.
Anchor Text for Next	Store View	Alternative text for next link in pagination menu. If empty, a default arrow image is used.

Transactional Emails

Field Descriptions

Field

Scope

Description

Logo Image

Store View

Identifies the logo file that appears in the header of transactional email messages. To support high-resolution displays, upload an image that is twice the size that is needed. For example, if the actual display dimensions of the logo are 100 pixels high and 200 pixels wide, you should upload an image that is 200 pixels high and 400 pixels wide.

To delete the current image and upload another, select the Delete Image checkbox. Then, browse to select the new image.

Allowed file types:

.jpg / .jpeg

.gif

.png

Logo Image Alt

Store View

Enter alternative text that appears if the logo image is not available.

Logo Width

Store View

Enter the display width of the image in pixels, as a number. Do not include the “px” abbreviation. It is important to specify both width and height to preserve the aspect ratio when the image is rendered at different sizes.

Logo Height

Store View

Enter the display height of the image in pixels, as a number. Do not include the “px” abbreviation. It is important to specify both width and height to preserve the aspect ratio when the image is rendered at different sizes.

Email Header Template

Store View

Select the template to be used for the header of all transactional email messages.

Email Footer Template

Store View

Select the template to be used for the footer of all transactional email messages.

Non-inline CSS File(s)

Store View

Because many mail clients do not support separate CSS files, Magento uses the non_inline_styles variable to convert CSS styles to inline style declarations that reside in the <style> tag of the template.

The markup tag is enclosed in double braces, and includes a variable that contains the name of the external CSS file.

{{var non_inline_styles}}

The location of the CSS file on the server is relative to the following path:

skin/frontend/[package]/[theme]/css/