Template Files for SuiteCommerce...

Template files are crucial for controlling the layout and functionality of your SuiteCommerce themes. They consist of HTML markup that includes placeholders ready for inserting custom extensions and various content types.

What are the Key Theme Areas?

SuiteCommerce themes encompass several areas where template files are positioned. Here are the primary theme areas:

My Account Theme Area
Checkout Theme Area
Shopping Theme Area

These areas are designed with pre-defined slots, simplifying the process of adding custom content features.

Template Files and Placeholders

Below is a table detailing template files and data-view placeholders in different theme areas, which allows you to manage content visibility and functionality:

My Account Theme Area

Area	Template	Data-View	Location
ACH Payment Instrument	`paymentinstrument_ach.tpl`	N/A	N/A
Address Book	`address_list.tpl`	AddressBook.AfterAddressesList	`.address-list`
Overview	`overview_home.tpl`	Overview.AfterRecentPurchases	`.overview-home-order-history-results-container`
Payment Methods	`paymentmethod_creditcard_list.tpl`	PaymentMethods.AfterMethodsList	`.paymentmethod-creditcard-list`
Profile Information	`profile_information.tpl`	ProfileInformation.CustomFields	`.contact_info`
Purchase Details -Items	`order_history_summary.tpl`	PurchaseDetails.AfterItemLines	`.order-history-packages-accordion-container`
Purchase Details -Summary	`order_history_packages.tpl`	PurchaseDetailsSummary.AfterTitle	After `.order-history-summary-summary-title`

Checkout Theme Area

Area	Template	Data-View	CMS	Placeholder	Location
ACH Payment Wizard	`payment_wizard_paymentmethod_ach_module.tpl`	N/A	x	-	N/A
Login/Register	`login_register_login.tpl`	N/A	x	`Login.CustomFields`	After password input
New Customer	`login_register_register.tpl`	N/A	x	`Scope:Path`	After re-entering password input
Order Wizard Cart Module	`order_wizard_cart_summary.tpl`	N/A	x	`OrderWizardSummary.AfterTitle`	After `.order-wizard-cart-summary-title`
Order Wizard Confirmation	`order_wizard_confirmation_module.tpl`	N/A	x	`OrderWizard.AfterConfirmation`	`.orderwizard.module.confirmation`
Order Wizard Payment Method	`order_wizard_paymentmethod_selector_module.tpl`	N/A	x	`OrderWizard.AfterPaymentMethods`	`.order-wizard-paymentmethod-selector-module`

Conclusion

Template files are integral to ensuring a seamless and customizable user experience within your SuiteCommerce themes. By utilizing these structure elements, developers can enhance site functionality and align it with business needs.

Frequently Asked Questions (4)

Are all template files located within the predefined theme areas in SuiteCommerce?

Yes, template files in SuiteCommerce are organized within specific theme areas like My Account, Checkout, and Shopping, each containing predefined slots for customization.

Can I add custom content features to the My Account Theme Area?

Yes, the My Account Theme Area provides placeholders within its templates, such as `AddressBook.AfterAddressesList` for the Address Book, allowing the addition of custom content features.

Do I need to use a Content Management System (CMS) to manage placeholders in the Checkout Theme Area?

Yes, certain placeholders in the Checkout Theme Area utilize a CMS, allowing for further customization and management of content, such as the 'Order Wizard Cart Module'.

How do placeholders affect template functionality in SuiteCommerce themes?

Placeholders in SuiteCommerce templates allow for dynamic insertion of content and custom extensions, ensuring flexibility and a customizable layout for varying business needs.

Template Files for SuiteCommerce Theme Areas and Customization