SuiteCommerce Advanced Customization Examples for Developers

SuiteCommerce Advanced (SCA) provides developers with numerous methods to customize and extend their eCommerce solutions. These customizations can improve site functionality and better serve business needs.

What are the Customization Options in SuiteCommerce Advanced?

SCA allows for various types of customizations to suit your specific requirements. Below are some common examples:

Create a Custom Module

Develop your unique module to introduce new functionalities. Follow the guidelines to ensure compatibility with SCA.

Modify JSON Configuration Files

You can change JSON files to alter configurations without modifying the core source code directly. This is essential for maintaining upgrade paths.

Extend Frontend Configuration Files

Frontend configurations can be personalized to enhance user experience and interface design, which further aligns with your brand.

Configure Facet Fields

Customizing facet fields helps improve product filtering and search capabilities, catering to specific customer needs.

Extend the Backend Configuration File

Backend configurations can also be tailored to meet complex requirements behind the scenes, ensuring robust data management.

Add a Child View to a Composite View

Structure complex UIs by adding child views to composite views, facilitating a clearer presentation of hierarchical data.

Override a Template File

You can override existing template files to modify the display of elements comprehensively.

Extend a Sass File

Enhance styling by extending Sass files, allowing for a more sophisticated design and user interface.

Add a Sticky Button

Implement sticky buttons for improved navigation and accessibility, keeping critical actions within reach.

Customizing the Loading Icon

Showcase your brand identity by customizing the loading icon to align with your overall design theme.

Adding a Custom Web Font

Integrate unique typography to refine your site's aesthetic further, making it visually appealing.

Extending Font Awesome

Enhance your iconography by extending Font Awesome libraries, providing more visual elements for a captivating UI.

Displaying Device-Specific Carousel Images

Improve user engagement by displaying device-specific images in carousels, ensuring optimal visual presentation across all screen sizes.

Important Considerations

• JavaScript and TypeScript: Note that module source files for SCA 2019.1 and earlier utilize JavaScript (.js), whereas SCA 2019.2 and later use TypeScript (.ts). TypeScript is favored as it provides better development efficiency with its strict typing.
• SuiteScript Compatibility: The sample scripts you'll find in these examples specifically employ SuiteScript 1.0 functions and objects, thereby not leveraging the advanced features introduced in SuiteScript 2.0.
• Best Practices: For larger customizations, always opt for themes and extensions available in modern SCA versions unless specific functions are not accessible via the Extensibility API.

By following the above guidelines and examples, developers can effectively customize their SuiteCommerce Advanced implementations to better meet business requirements and improve customer experiences.