SuiteCommerce Base Theme Templates and Areas
This topic provides a comprehensive list of the template areas available as part of the 2022.1 SuiteCommerce Base Theme.
These template areas are also available with version 3.3.0 or later of the following Commerce themes:
Previous versions of the Base Theme may have additional areas or may be missing some of the areas listed in this topic.
These template areas work with Site Management Tools (SMT) but can also be targeted when modifying a page with an extension. See Develop Extensions for more information.
See the following help topics for specific information about template files and areas:
The following table lists the template files and areas available for the 2022.1 SuiteCommerce Base Theme:
|
Module |
Template File |
Area Name |
Area Scope |
Area Type |
|---|---|---|---|---|
|
Cart |
cart_detailed.tpl |
cart_detailed_cms_area_1 |
this page |
Shopping cart pages |
|
cart_detailed_cms_area_2 |
||||
|
cart_detailed_cms_area_3 |
||||
|
cart_summary.tpl |
cart_summary_cms_area_1 |
|||
|
cart_summary_cms_area_2 |
||||
|
cart_summary_cms_area_3 |
||||
|
Case |
case_list.tpl |
banner_caselist |
all pages |
Support cases page |
|
CMSadapter |
cms_landing_page.tpl |
cms- |
page type |
Landing pages |
|
cms- |
this page |
|||
|
cms- |
||||
|
cms- |
||||
|
cms- |
||||
|
cms- |
||||
|
cms- |
||||
|
ErrorManagement |
error_ |
error_ |
404 pages |
|
|
error_ |
||||
|
Facets |
facets_facet_browse.tpl |
item_list_banner |
page type |
Facet browse pages |
|
facet_navigation_top |
||||
|
facet_navigation_bottom |
||||
|
facets_ |
||||
|
item_list_banner_top |
this page |
|||
|
facets_ |
page type |
|||
|
item_list_banner_bottom |
||||
|
Footer |
footer.tpl |
global_banner_footer1 |
all pages |
Footer |
|
global_banner_footer2 |
||||
|
global_banner_footer3 |
||||
|
global_banner_footer4 |
||||
|
global_banner_footer5 |
||||
|
global_ |
||||
|
global_ |
||||
|
global_ |
||||
|
global_ |
||||
|
global_ |
||||
|
global_ |
||||
|
global_ |
||||
|
footer_simplified.tpl |
simplified_footer_banner |
|||
|
GlobalViews |
global_ |
breadcrumb_top |
Breadcrumb navigation section |
|
|
breadcrumb_bottom |
||||
|
GlobalViewsOnline |
breadcrumb_top |
|||
|
breadcrumb_bottom |
||||
|
Header |
header.tpl |
header_banner_top |
Header |
|
|
header_banner_bottom |
||||
|
header_simplified.tpl |
simplified_header_banner |
|||
|
Home |
home.tpl |
home_cms_area_1 |
this page |
Home page |
|
home_cms_area_2 |
||||
|
home_cms_area_3 |
||||
|
home_cms_area_4 |
||||
|
home_cms.tpl |
home_banner_top |
|||
|
home_main |
||||
|
home_banner_1 |
||||
|
home_banner_2 |
||||
|
home_banner_3 |
||||
|
item_list_banner_bottom |
||||
|
home_bottom |
||||
|
Invoice |
invoice_open_list.tpl |
banner_invoiceopenlist |
all pages |
Invoices page |
|
LoginRegister |
login_register_login.tpl |
cms_ |
this page |
Login/Register page |
|
login_register_register.tpl |
cms_ |
|||
|
MyAccountApplication |
myaccount_layout.tpl |
banner_ |
all pages |
My Account pages |
|
case_list.tpl |
global_banner_case-top |
|||
|
invoice_open_list.tpl |
global_banner_invoice-top |
|||
|
OrderWizard. |
order_ |
order_ |
page type |
Checkout pages |
|
OrderWizard. |
order_ |
order_ |
||
|
OrderWizard. |
order_ |
order_ |
||
|
OrderWizard. |
order_ |
order_ |
||
|
OrderWizard |
order_wizard_step.tpl |
order_wizard_cms_area_1 |
||
|
order_wizard_cms_area_2 |
||||
|
order_wizard_cms_area_3 |
||||
|
order_wizard_cms_area_4 |
||||
|
ProductDetails |
product_details_full.tpl |
item_details_banner |
Product details pages |
|
|
product_ |
||||
|
item_info |
this page |
|||
|
product_ |
||||
|
product_ |
page type |
|||
|
product_ |
this page |
|||
|
item_info_bottom |
page type |
|||
|
product_ |
||||
|
product_ |
this page |
|||
|
product_ |
||||
|
product_ |
||||
|
item_ |
page type |
|||
|
product_ |
item_info_bottom |
The Modules directory holds all the modules that make up the SuiteCommerce Base Theme. A module defines a specific area of functionality (feature or utility) for your site. Each module includes a Sass and a Templates folder. The Sass folder houses the style sheets for a module while the Templates folder contains all the templates for a module.
Template files for the SuiteCommerce Base Theme are part of the corresponding module. The structure of your website pages is controlled by template files. Template files contain HTML markup and placeholders for data and scripts. For more information about templates, see Site Management Tools Templates and Areas.
Site Management Tools use areas predefined within the template files to determine the locations on a page where you can add and manage website content. This enables you to achieve a variety of page layouts without the need for creating custom page templates. For more information about areas, see Area and Scope.
Each area has an assigned scope, and the scope of the area determines when and how the content placed in that area is displayed. For example, if the scope of an area on the product detail page is this page, then any content added to that area displays only for that product. Area scopes include all pages, page type, and this page. For more information about area scope, see Area and Scope.
Area type refers to the type of web page or area on a web page.
See Anatomy of the Base Theme for more information about the SuiteCommerce Base Theme.