SuiteCommerce Base Theme Templates and Areas
This topic provides a comprehensive list of the template areas included in the 2022.1 SuiteCommerce Base Theme.
These template areas are also available in 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 you can also target them when updating 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-landing-page-placeholder-page-type |
page type |
Landing pages |
|
cms-landing-page-placeholder-path |
this page |
|||
|
cms-landing-page-placeholder-third-row-half-1 |
||||
|
cms-landing-page-placeholder-third-row-half-2 |
||||
|
cms-landing-page-placeholder-fourth-row-quarter |
||||
|
cms-landing-page-placeholder-fifth-row-three-quarter |
||||
|
cms-landing-page-placeholder-fifth-row-quarter |
||||
|
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 contains the module's style sheets, and the Templates folder contains the module's templates.
Template files for the SuiteCommerce Base Theme are included in the corresponding module. Template files control how your website pages are structured. They 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 in the template files to determine where you can add and manage content on a page. This lets you create different page layouts without having to build custom templates. For more information about areas, see Area and Scope.
Each area has an assigned scope, which determines when and how the content placed in that area is displayed. For example, if an area on the product detail page has a scope of this page, any content you add 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.