Starter Theme - Theme overview
The Basic Starter Theme is a pre-configured Webflow template designed to integrate seamlessly with Shopify through Shopyflow. It comes with six CMS collections to store real-time Shopify data and includes a full set of Shopyflow components for building an advanced eCommerce site.
This theme is built using Finsweet’s Client-First framework, ensuring a structured and minimal styling approach for easy customization. It’s also fully compatible with third-party component libraries like Relume. All Shopyflow components are marked with a double-dash (--) prefix, indicating that they include Shopify-related functionality. You can find detailed documentation for these components using their assigned names.
Key Features and Components
Header Section
Mega Menu
Features dynamically sourced Collections and Tags from the Webflow CMS.
Currency Selector
Pre-configured with Shopify’s multi-currency support (requires customization based on your store's currencies).
Predictive Search
Includes a dynamic search module that show results as the user types.
User Menu
Links to customer account pages and login screens.
Cart Opener
Triggers the Shopyflow Cart Popup when clicked (not handled by Webflow interactions).
Cart System
Cart Popup Component
An entire cart component opens in a popup when a product is added to cart.
Cart Page
Features an inline cart module, where cart items dynamically update as users add products.
Product Listings and Filtering
Multiple Product Listing Components:
- A horizontally scrollable layout with no filters.
- A 4-column grid with a horizontal filter menu.
- A 3-column grid with a vertical filter menu.
- Filterable Product Listings are also used on the Shop Page and Taxonomy Pages (e.g., collection pages).
Customer Account Pages
Signup Page
Includes a sign-up form.
Login Page
Features both login and password recovery forms.
Account Activation Page
Allows users to activate their accounts.
Password Reset Page
Provides a form for resetting passwords.
Account Page
Displays order history and saved address information.
Order Details Page
Shows a detailed breakdown of past orders.
Product Page Template
Buy Module
- Product Information Displayers
- Custom Variant Option Selectors (Pill buttons and Color swatches)
- Add to Cart buttons (Including ShopPay and Buy Now buttons)
- Subscription Plan UI
- Product Notes only appear if their CMS switches are enabled.
- Related Products Section – Displays recommended items below the Buy Module.
Klaviyo Email Marketing Integration
An opt-in form for Klaviyo. Simply enter your Klaviyo API key in the Shopyflow Webflow app and set the Klaviyo List ID to activate it.
