Docs
Free ON WEBFLOW.IO DOMAINS

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:

  1. A horizontally scrollable layout with no filters.
  2. A 4-column grid with a horizontal filter menu.
  3. A 3-column grid with a vertical filter menu.
  4. 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.

No items found.
No items found.
No items found.