Wholesale Hide
Shopify Storefront data and cart logic is bound to your Webflow elements through Shopyflow attributes. Connecting your Webflow site to Shopify is done by adding custom attributes to your Webflow elements.
Yet, you are not required to type or edit attributes manually. Shopyflow provides you with the pre-configured components needed to create your store, as copyable Webflow elements right in Webflow designer.
All the copyable Shopyflow Components are native editable Webflow elements. There is no layout or styling limitation on any element.
In the below image hover your mouse on the hotspots to see all the required Shopyflow attributes to build a product page like this in Webflow
Utility attribute that hides the standard price block while the product has an active wholesale price.
Wholesale Hide is an attribute you add to an existing element, typically the standard price block that holds the Price and Compare Price displayers inside a Product Container. The element is hidden while the product has an active wholesale price for the logged-in customer and restored when it does not: for logged-out visitors or customers without a matching wholesale catalog.
Use it together with Wholesale Price Info in the same product wrapper so the wholesale pricing block replaces the standard pricing cleanly: wholesale customers see only their catalog price, everyone else sees the regular price block unchanged.
Webflow app usage
- Select the standard price block (the element containing your Price and Compare Price displayers) inside the Product Container in the Webflow Designer
- Add the sf-wholesale-hide attribute to it
- Add the Wholesale Price Info component to the same Product Container to show the wholesale price in its place
Webflow app settings
Inner components
Module contents
Available methods
Component
contents
State management
Related Utilities
