The LSX Design System offers an extensive set of WooCommerce-specific components, templates, and layouts, enabling the efficient creation of fully functional eCommerce stores. These tools allow you to quickly build key sections like product pages, carts, and checkout processes, while ensuring consistency across your WooCommerce projects.

Woo > Components Page: #

• Link to page: LSX Design System Woo > Components Page
• Header & Footer: WooCommerce-specific header and footer components designed for easy integration into store layouts.
• Product Cards: Various product card component variants for displaying product information in different formats.
• Sorting: Components for dropdowns and sorting filters, optimised for WooCommerce product filtering.
• Cart Components: A range of elements for building carts and mini-carts, providing a seamless shopping experience.
• My Account: Components designed for account pages, including user details and order history sections.
• Product Gallery: Includes different variants of a product gallery component for single product pages, allowing flexible product displays.
• Single Product Components: Various elements for constructing Single Product pages, from product descriptions to add-to-cart buttons.
• Product Filters: Components for filter sections on archive pages, designed for easy navigation through product categories.
• Checkout Components: Components for building intuitive checkout pages, ensuring a smooth purchase process for users.
• Reviews: Components for displaying reviews on single product pages, enhancing user trust and engagement.

Note: All frames include sub-components used to build the larger components, ensuring customisation and flexibility.

Woo > Icons Page: #

• Link to page: LSX Design System Woo > Icons Page
• A collection of WooCommerce-specific icons, primarily featuring various payment option logos to be used in checkout and payment sections.

Woo > Blocks Page: #

• Link to page: LSX Design System Woo > Blocks Page
• A library of WooCommerce blocks, including:
  • Featured Category
  • Featured Product
  • Product Filter
  • Reviews
  • Cart
  • Checkout
  • Single Product
  • Product Search
  • Product Collection

Woo > Patterns Page: #

• Link to page: LSX Design System Woo > Patterns Page
• A pattern library with pre-built WooCommerce patterns such as:
  • Cards
  • Banners

Woo > Template Parts Page: #

• Link to page: LSX Design System Woo > Template Parts Page
• Includes patterns for various template parts like:
  • Header/Footer
  • Product Archives
  • Single Product
  • Product Collection
  • Checkout
  • Filters

Woo > Templates Page: #

• Link to page: LSX Design System Woo > Templates Page
• Pre-built page templates for WooCommerce essentials:
  • Product Collections
  • Single Products
  • My Account
  • Checkout

Woo > Full Page Layouts Page: #

• Link to page: LSX Design System Woo > Full Page Layouts Page
• Fully populated WooCommerce-specific full-page layouts, including:
  • Home
  • Shop
  • Categories
  • Single Products
  • Cart
  • Checkout
  • Order Confirmation

Woo > Email Templates Page: #

• Link to page: LSX Design System WordPress > Email Templates Page
• Pre-designed email templates for important WooCommerce notifications, such as:
  • New Order
  • Cancelled Order
  • Payment Failure
  • Order Complete
  • Subscription Order
  • Account Sign-Up
  • Password Reset