🛍️FashionShop - Ecommerce Template

YOUR ONLINE FASHION STORE, SIMPLIFIED

📸 Photos 📸

👀 Model Overview 👀

Discover FashionShop, your complete e-commerce solution for clothing. Simplify management with an intuitive admin dashboard, a secure enrollment system with email verification, and advanced features such as a predefined style for quick customization. Automate inventory updates during purchases and enjoy a seamless customer experience. Everything you need, from simplicity to sophistication, in one template.

⚡️ Features ⚡️

• Secure Registration and Login:

  Set up a robust enrollment system with email verification to ensure the security and validity of accounts.

• Intuitive Admin Dashboard:

  Manage your store with ease with an intuitive admin dashboard. Control products, orders, and track performance at a glance.

• Predefined Style System:

  Save time in design with a predefined style system. Harmonize the look of your shop effortlessly.

• Automatic Inventory Update:

  Simplify inventory management with an automatic update with each purchase. Avoid out of stock and ensure a smooth shopping experience.

• Simple New Product Integration:

  Quickly add new products to your catalog without difficulty. Grow your store without worrying about technical complexities.

• Fully Responsive:

  Enjoy an exceptional user experience, whether for customers browsing your store or for administrators managing the backend. FashionShop adapts to all screens, ensuring smooth operation on all devices.

✅ Access ✅

Some features are limited. In order to access all the features of this template, you will need to purchase it and follow the following steps.

1. Go to App Data —> Click on the Data Type Access✅ —> To modify the value of the Access Field you must click on the pencil.

1. Change the value of the Access Field to YES —> Don’t forget to save your change by clicking on the SAVE button.

1. You now have access to all the features of the template. All workflows that were limited are marked with this icon ✅ and are in grey.

1. You can go to the workflows folders and click on "Access ✅" to see all the workflows who are limited. You can delete them when you purchase your template.

📄 Pages 📄

Index

Home page with all products posted, with a newsletter subscription system

About_us

The page that details the history, vision and mission of your company.

Cart

The page that groups all the products you add to your shopping cart

Checkout

The page that allows you to enter the customer’s information for the validation of his order (Delivery address, billing address and payment)

Contact_us

The page where customers can contact you and ask specific questions. The platform administrator receives an email when each form is sent.

Dashboard_admin

The page dedicated to platform administrators where they can manage the entire platform (product creation, reduction, order management, user management, etc.)

Dashboard_client

The page dedicated to customers registered on the platform, where they can manage their information, orders and add products as favorites.

Login

The page that allows users to log in (client and administrators)

Product_page

The page that details the product with photos, colors and sizes available and a description.

Returns_refunds

The page that details the return and refund policy of the platform

Shop_page

The page that allows to find precisely a product thanks to a filtering system.

Sign_up

The page that allows users to register for the platform (client and administrators)

Terms_conditions

The page that details the terms and conditions of the platform

Verification

The page that allows the verification of the email of the users thanks to a code sent by email.

Reset_pw

The page that allows users to reset their password

404

Totally personalized error page

♻️ Reusable Element ♻️

Header

This reusable element is located at the top of each page and contains the logo of the model, the different types of products, buttons to connect and register, an input to search for products by name. An icon (Menu) is hidden and appears depending on the size of the page, it contains all the elements mentioned above.

Footer

This reusable element is located at the bottom of each page and contains links that redirect to different pages such as Contact_us, Terms_conditions, etc.

FAQ

The FAQ is positioned on certain pages such as the Checkout so that customers find certain answers to their questions.

Popup Access

The Popup Access serves to inform the user who previews the template that some features are limited until the purchase of the template.

⚙️ Workflows ⚙️

Color

• Blue - Blue is used for workflows involving navigation, such as redirects to other pages or links.

• Green - Green indicates workflows involving the database, such as creating or updating data in the database or the registration/connection system.

• Red - Red indicates workflows that have an impact on deleting data or resetting values.

• Orange - Orange is reserved for visual elements, such as showing or disappearing pop-ups, floating groups, and other such interactive elements.

• Purple - This color is reserved for elements related to APIs and Plugins

• Cyan - The Cyan color indicates specific interactions triggered by custom events or custom states

• Brown - Brown is use for email send

• Gray - Grey is use for all workflows who limites features and are in relation with Data Type Access✅

Folders

Folders are also a good way to organize your workflows by subject. In this example, all workflows are distributed in a specific Folders. If you click on the Folders Database, you will find all the workflows interacting with the Database.

🗂️ Datatypes 🗂️

Access ✅

Field Name	Type	Note
Access ✅	yes/no	Whether or not certain features of the template are accessible

User

Field Name	Type	Note
First Name	text	Contains the user’s first name
Last Name	text	Contains the user’s last name
Phone	number	Contains the user’s phone number
Account Type	Account Type (Option Sets)	Contains the user’s account type
Verification Code	text	Contains the verification code received by the user
Verified	yes/no	Indicates whether the user’s account has been verified or not
Expiration Code	date	Contains the verification period
Agree Terms	yes/no	Indicates whether the user agrees with the platform’s terms and conditions
Wishlist	List of Products	Contains products saved as favorites by the user

Shipping Address

Field Name	Type	Note
Shipping Country/Region	text	Contains the user’s country of shipping
Shipping Street Address	text	Contains the user’s shipping street
Shipping City	text	Contains the user’s shipping city
Shipping Postal Code	text	Contains the user’s shipping postal code
Shipping First Name	text	Contains the first name of the user who receives the delivery
Shipping Last Name	text	Contains the last name of the user receiving the delivery
Shipping Phone	number	Contains the phone number of the user receiving the delivery
Delivery Instruction	text	Contains user delivery instructions

Billing Address

Field Name	Type	Note
Billing Country/Region	text	Contains the country of the user’s billing address
Billing Street Address	text	Contains the billing address street
Billing City	text	Contains the city of the user’s billing address
Billing Postal Code	text	Contains the postal code of the user’s billing address
Billing First Name	text	Contains the first name of the user who receives the invoice
Billing Last Name	text	Contains the last name of the user who receives the invoice

Product

Field Name	Type	Note
Product Name	text	Contains the name of the product
Gender	text	Contains gender of product (Male or Female)
Price	number	Contains the initial price of the product
Description	text	Contains the full product description
Images	List of Images	Contains all images of the product
Product Type	text	Contains the type of product (Shorts, T-shirt...)
Published	yes/no	Indicates if the product has been published and is visible to customers
Discount	number	Contains the discount applied on the price

Stock

Field Name	Type	Note
Color	text	Contains the color of the product
Size	text	Contains the size of the product
Quantity	number	Contains product quantity in selected size and color
Quantity Updated	number	Contains the number of products ordered by a user that will be subtracted from the Field Quantity
Product	Product	Contains the product concerned by this stock

Cart

Field Name	Type	Note
Product	Product	Contains the product place in the shopping cart by the user
Stock	Stock	Contains the stock ID selected by the customer.
Quantity	number	Contains the quantity of the product selected by the user
Size	text	Contains the size of the product selected by the customer
Color	text	Contains the color of the product selected by the user
Ordered	yes/no	Indicates whether this shopping cart has been ordered or not
Subtotal	number	Contains the total of the shopping cart (excluding other fees)

Order

Field Name	Type	Note
Billing Address	Billing Address	Contains the billing address selected by the user
Shipping Address	Shipping Address	Contains the shipping address selected by the user
Products	List of Carts	Contains all the details of the shopping cart ordered
Stock	List of Stocks	Contains details of impacted stocks
Delivery Option	Delivery Option	Contains the delivery option selected by the user
Order Status	Order Status	Indicates the status of the order
Max Delay	date	Indicates the maximum delivery date
Min Delay	date	Indicates the minimum delivery date
Total	number	Contains the total amount of the order (fees included)

Reviews

Field Name	Type	Note
Product	Product	Contains the product that has been rated
Comments	text	Contains the comment left by the user
Rating	number	Contains the note left by the user

Newsletter Subscriptions

Field Name	Type	Note
Email	text	Contains the email of the user who subscribed to the Newsletter
Name	text	Contains the name of the user who subscribed to the Newsletter

🔗 Option Sets 🔗

Account Type

Attributes

• Display (text)

• Client

• Admin

Dashboard Admin

Attributes

• Display (text)

• Icon Grey (image)

• Icon Purple (image)

• Dashboard

• Products

• Stocks

• Orders

• Users

• Reviews

• Newsletter

Dashboard Client

Attributes

• Display (text)

• Icon Grey (image)

• Icon Purple (image)

• Informations

• Orders

• Wishlist

FAQ

Attributes

• Display (text)

• Answer (text)

• What countries do you ship to ?

• What is your return/exchange policy ?

• How long will it take to get my order ?

• What payment methods do you accept ?

• How long does order processing take ?

• What if my order arrives damaged ?

Orders Status

Attributes

• Display (text)

• Active

• Cancelled

Delivery Option

Attributes

• Display (text)

• Cost (number)

• Max Delay (number)

• Min Delay (number)

• Free Shipping

• Standard

• Priority

Gender

Attributes

• Display (text)

• Men

• Women

Size

Attributes

• Display(text)

• XS

• S

• M

• L

• XL

Color

Attributes

• Display (text)

• Purple

• Red

• White

• Black

• Blue

• Yellow

• Orange

• Green

• Pink

• Grey

Product Type

Attributes

• Display (text)

• T-shirt & Polos

• Jeans

• Hoodies & Sweatshirt

• Shirt

• Jogging

• Short

• Coats & Parkas

Product Page

Attributes

• Display (text)

• Description

• Reviews

🔌 Plugins 🔌

I advise you to install these plugins when using the template.

Air Copy To Clipboard

Free (By Zerocode)

Google Material Icon

Free (By Bubble)

Google Material Icon

Animated Rating Stars

Free (By Zerocode)

Chart Element

Free (By Bubble)

Multi-File Uploader - Dropzone

Free (By Bubble)

Reveal & Hide Password

Free (By Zerocode)

Rich Text Editor

Free (By Bubble)

Support❓

Your satisfaction is my priority. Do not hesitate to contact me if you have any questions or problems.

Language :

🇪🇸 🇫🇷 🇬🇧

Contact me :

📨 [e-mail]

Website :

Next.js and Supabase Starter Kitbrikl.co