Bindings

Bindings allow extensions to expose reusable components, known as sections (See React Section, Vue Section), which can be managed from the Theme Editor. These bindings are fully compatible with server-side rendering and can be used alongside native theme sections. This feature empowers both sellers and extension developers to create highly customizable user interfaces by leveraging the following capabilities:

• Integration with Theme Editor: Extension bindings can now be added, removed, and ordered, just like native theme sections, directly from the Theme Editor. Bindings support all the usage of props and blocks, just like the native theme sections do.
• Server-Side Rendering (SSR) Compatibility: Extension bindings are designed to be SSR compatible, ensuring optimal performance and SEO benefits.
• Seamless Coexistence: Extension bindings can be used alongside existing theme sections, providing a cohesive and flexible design experience.

Types of Bindings

1. Storefront Bindings
2. Platform Bindings
3. StoreOS Bindings

Storefront Bindings

It allows developers and sellers enhanced capabilities to upgrade their online storefronts by integrating various widgets and functional tools. This feature enables the incorporation of elements such as product cards, customer reviews, and promotional banners, and more dynamic functionalities like real-time tracking and advanced filtering options through iframe or JavaScript injection.

Reference

Refer to Storefront Bindings for more details.

Platform Bindings

It enables developers to seamlessly integrate extensions across multiple Fynd Commerce, such as OMS for order management and Commerce for catalog updates. This capability supports the creation of sophisticated backend workflows or UI tools tailored to business needs.

Reference

Refer to Platform Bindings for more details.

StoreOS Bindings

The StoreOS binding allows developers to integrate extensions directly into StoreOS via an embedded web view. Binding makes extensions accessible in the Store OS UI by configuring how and where they appear, enabling merchants to customize the interface for additional functionalities.

Reference

Refer to StoreOS Bindings for more details.