Shopyflow installation takes place in 2 simple steps.
Shopyflow requires a Storefront API access token to securely connect your Shopify Store to your Webflow site. To generate your Store API access token;
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Shopyflow requires a Storefront API access token to securely connect your Shopify Store to your Webflow site. To generate your Store API access token;
1. Head to your Shopify Admin > Settings > Apps and Sales Channels section and click Develop apps link.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
The sf-change-option attribute can be utilised to design custom option changers, such as toggle pills or color swatches.
To create Custom Option Selectors, the sf-change-option attribute is added to the wrapper element of a group of elements withsf-option-value attribute.
To create a Custom Option Selector from scratch
We have created the wrapper element that identifies the option group we're going to modify using this custom option selector.
Option Name represents the different group of variations available for a specific product. Such as Color, Size, Material etc.
You can locate the available options for your product in your Shopify Product Settings page.
You can locate all the available Options for any of your products in your Shopyflow Dashboard.
6. Depending on your preference you can copy the Option Name or the whole component with the attributes already set on them.
The second part of the Custom Option Selector is the Custom Option Changer Buttons.
Option Value represents the different variations available in a group of options for a specific product. Such as Black, White, Yellow as Color Options etc.
You can locate the available options for your product in your Shopify Product Settings page in the variant sections.
Shopyflow offers a streamlined process for managing the look of the Custom Option Selectors when their state changes from selected to unselected.
When a Custom Option Selector is clicked, it gets a class called sf-active. This is how the active state of the Custom Option Selector can be styled in Webflow.
