Understanding the Buy Module, the building block of Shopyflow
Buy Module is the core building block of Shopyflow. Every Buy Module is associated with a single product from your store and allow your store visitors to configure and perform the purchase of a particular product.
Buy Module is used for creating CMS powered product detail pages, product listing items or as a stand alone product component anywhere in your store.
Buy Module is wrapped in the Product Container component. Product Container is a Div Block that is assigned the sf-product attribute, and as the attribute value it stores the Shopify Product ID of the product that it is built for.
Product ID is sourced from CMS if the Buy Module is in a Collection List or a CMS product page template. Or it can be typed manually if it’s a static page or a component. Along with the product container an Add to cart button is the only required component for the Buy Module to function properly.
A Buy Module can have the following components. All those components listed below are available in the Shopyflow Webflow App right in the Webflow designer.
Product container component provides product context to the Buy Module. It is the outermost element of the Buy Module.
Below components allow users to add to product to cart and checkout.
You can use the following components to display product information directly pulled from Shopify storefront API in a Buy Module.
You can use the following components to allow your customers to configure their purchase using the Buy Module.
You can create cross sells, bundles, and configurable products using the following components in the Buy module