Skip to content
Pajuhaan edited this page Sep 27, 2023 · 4 revisions

Commerce Components

Welcome to the Storefront components documentation! 🎉

If you're looking to supercharge your online storefront with Vue components that are both powerful and easy to integrate, you're in the right place.


Introduction

Selldone's Storefront components are a collection of Vue components designed specifically for e-commerce storefronts. These components encapsulate best practices in e-commerce design and functionality, ensuring that your storefront not only looks great but also provides an excellent user experience.

Why the 'S' Prefix?

All components in this collection start with the prefix 'S'. This isn't just a whimsical choice. The 'S' prefix serves a clear purpose:

  • Distinctiveness: By having a unique prefix, these components stand out in your codebase, making it clear that they're part of the Selldone's suite of storefront components.

  • Avoiding Namespace Collisions: With the myriad of libraries and components out there, it's easy to run into naming conflicts. The 'S' prefix ensures that Selldone's components won't clash with other components you might be using.

  • Quick Identification: When you're scanning through your templates or component tree, the 'S' prefix makes it immediately clear which components are from Selldone's storefront collection.


Getting Started

Before diving into individual components, it's essential to understand how to integrate the Storefront components into your Vue application. Follow our setup guide to get started.


Components Overview

Here's a quick overview of some of the components you'll find in this collection:

  • SProductCard: A versatile product card showcasing product images, titles, prices, and more.

  • SCartButton: An interactive cart button that users can click to add products to their shopping cart.

  • SNavbar: A navigation bar tailored for e-commerce sites, complete with product search and user account integration.

  • ... and many more!

For a detailed breakdown of each component, including props, events, slots, and usage examples, navigate to the respective component's documentation page.


Feedback and Contributions

We're always looking to improve and expand our component collection. If you have feedback, suggestions, or want to contribute to the Storefront components, please reach out to us or check out our contribution guidelines.


Thank you for choosing Selldone's Storefront components for your e-commerce journey. Happy coding! 🚀