MG - Stylish Fashion Marketplace

Stylish Fashion Marketplace

---

Intro

Links

🖥️ Preview link

🌐 Template page on Bubble Marketplace

---

Screenshots

Index page

Features

Products page

User dashboard

Admin dashboard

Register page

---

Template details

MG is a template that is great for those who want to open their own marketplace to sell any kind of fashion products. In this case, we chose a marketplace for selling clothes and accessories. This is a #nocode template that allows the administrator to upload products and allows the user to select the desired product, add the product to the cart, and checkout.

MG template features the following:

✅ Responsive design

✅ Signup/Login

✅ Admin dashboard

✅ User dashboard

✅ Create and edit products from admin panel

✅ Show recommendations based on the products viewed

✅ Quick and flexible product search

✅ Search across all product categories

✅ Sort and filter using multiple criteria

✅ Adding an item to favorites

✅ View all order history

This template is sold "as is" but if there are any critical bugs, feel free to reach out. Our team will try to fix them ASAP. We tried to keep all the workflows and design architecture simple for beginner-intermediate users to use and adjust. However, we recommend having at least moderate experience with Bubble to be able to fully use and edit the app’s backend. If you need any assistance to customize this template for your personal or business project, feel free to reach out to our team via [e-mail]. We are always there to help build new products and mobile/web applications. We hope this template would become a great starting point for your project.

Removing the banner

1. Open the app in Bubble editor

2. Go to settings -> SEO/Metatags

3. Remove the content of "Script in the body"

---

User flows

Main user flow:

-> Sign up/Login -> Product search -> View product description -> Add product to favorites -> Checkout; -> View all orders in your personal account.

---

Key features

MULTISELECT DROPDOWN

RICH TEXT EDITOR

DIVERSE CLOTHING COLLECTION

SIZE AND FIT GUIDE

TRENDING AND SEASONAL COLLECTIONS

SECURE PAYMENT GATEWAY

Workflows

Primary colors and their purposes

Green

Emphasizes actions related to creating or modifying records in the database, indicating successful operation completion.

For example:

Example 1

Example 2

Red

Designated for actions involving deletion or resetting of values, aiding users in quickly identifying them.

For example:

Example 1

Example 2

Blue

Reserved for actions that do not impact application resources, such as opening or closing pop-up windows.

For example:

Example 1

Example 2

Orange

Used for actions related to app navigation, providing ease of orientation within the interface.

For example:

Example 1

Example 2

Brown

Utilized for custom workflows and API work, highlighting these actions among others.

For example:

Example 1

Example 2

Purple

Left to the developer's discretion for assigning color to actions as they see fit.

For example:

Example 1

Example 2

Cyan

Intended for actions involving the use of Custom Events, ensuring ease of perception for complex operations.

For example:

Example 1

Example 2

Grey

Employed for all other actions not covered by other colors, aiding in making the interface clear and balanced.

For example:

Example 1

These standards are purely recommendations. Possible discrepancies do not affect the functionality of the application.

---

Pages

Below, you will find a list of all the pages available on this platform, along with a brief description of their functionality.

Index: Explore our landing page for insights on the template, featuring descriptions, seasonal wardrobe, campaigns, categories of clothes.

Product Page: This page contains all the information about a product such as name, price, available sizes and colors, pictures and product description and discover section.

Shopping Bag: On this page are described all the products added to the cart with short information like price, color, image, size, name, weight and also the check out part where the total price is displayed and gives the possibility to the customer to check out.

About Us: Exploring this page the user can find out more interesting and useful information about us

Admin Dashboard: A admin's dashboard displaying all information - products, orders, users and general information.

• The "Dashboard" tab compiles general information about what is happening on the site such as total earning, items sold, total visitors, total users, last orders and graphics about visitors and sales

• The "Products" tab compiles information about all products that are added to the site with general information such as name, image, product code, category and all at once gives the admin the possibility to modify the product or delete it.

• The "Orders" tab compiles information about all orders placed on the site with general information such as order number, date placed, quantity, price and offers the administrator to delete or inspect the order

• The "Users" tab compiles information about all registered users on the site with general information such as name, email, address and gives the administrator the possibility to inspect or delete the user

• The "Settings" tab compiles profile information and tools needed to modify it.

Profile: An user's dashboard providing essential and up-to-date information.

• The "Account Settings" tab compiles profile information and tools needed to modify it.

• The "My Orders" tab compiles all orders placed and information about them such as order number, date placed, number of products, total price, order payment status and delivery status, and if necessary the user can analyze information about the order in more detail by opening it.

• The "Payment Methods" tab compiles all the payment methods the user has added

• The "My Wishlist" tab compiles all the products added to the favorites list that the user wants to buy.

Register: Effortlessly reset your password and receive updated login credentials for seamless access.

Docs: Here is displayed all the information about Privacy Policy, Terms & Conditions and FAQ.

Products: On this page you can review all products that are on the site with picture and little information about it such as name, price and how many colors the product is sold

Reset Password: Effortlessly reset your password and receive updated login credentials for seamless access.

---

Reusable elements

1. Footer - a section at the bottom of a web page containing additional information such as contacts and links. Found on all application pages.

2. Header - the top part of a web page containing the logo, application name, navigation elements, and other important components. Found on all application pages.

---

Data Types

Category

This data type is designed for storing information regarding Category.

Field name	Type	Notes
Subcategory	List of Subcategorys	Subcategories names

Ordered Products

This data type is designed for storing information regarding Ordered Products.

Field name	Type	Notes
Color	Color	Ordered product color
Order	Order	Ordered product number
Price	Number	Ordered product price
Product	Product	Ordered product name
Quantity	Number	Ordered product quantity
Size	Option set: Size	Ordered product size
Creator	User	User ordered product

Ordered Story

This data type is designed for storing information regarding Ordered Story.

Field name	Type	Notes
ID	Number	Ordered story id number
Order	Order	Ordered story number
Owner	User	Ordered story owner

Subcategory

This data type is designed for storing information regarding Subcategory.

Field name	Type	Notes
Human	Option set: List of Human	Subcategory human
Title	Text	Subcategory name
Type	Option set: Subcategory	Subcategory type

User

This data type is designed for storing information regarding User.

Field name	Type	Notes
Address 1	Text	User first address
Address 2	Text	User second address
City	Text	User city name
Current Order	Order	User current order number
First Name	Text	User first name
Full Name	Text	User full name
Image	Image	User avatar image
Last Name	Text	User last name
Order History	List of Ordered Storys	User order history
Payment	Text	User payment name
Phone Number	Text	User phone number
Region	Text	User region name
State	Text	User state name
Subscribe Newsletter	Yes/No	User subscribe newsletter status
User Type	User Type	User type
Wishlist	List of Products	User wishlist products
ZIP Code	Text	User ZIP code number
Email	Text	User email

User Type

This data type is designed for storing information regarding User Type.

Field name	Type	Notes
ID	Number	User type id number
Name	Text	User type name

Color

This data type is designed for storing information regarding Color.

Field name	Type	Notes
Image	Image	Color image
Name	Text	Color name

Product

This data type is designed for storing information regarding Product.

Field name	Type	Notes
Code	Number	Product code number
Color	List of Colors	Product colors
Description	Text	Product description content
Human	Option set: Human	Product category human
Image	List of Images	Product images
Material	Option set: Materials	Product materials
Name	Text	Product name
Price	Number	Product price
Size	Option set: List of Size	Product size
Style	Option set: Style	Product style
Subcategory	Subcategory	Product subcategory name
Subcategory OS	Option set: Subcategory	Product subcategory
Top	Number	Product top number
Visits	Number	Product visits number
Creator	User	Product creator user name

Order

This data type is designed for storing information regarding Order.

Field name	Type	Notes
Delivery	Option set: Delivery	Order delivery status
Order ID	Number	Order order id number
Order Number	Text	Order number
Order Products	List of Ordered Productses	Order products
Payment Method	Option set: Payment Method	Order payment method
Status	Option set: Status	Order status
Total Price	Number	Order total price
Creator	User	Order creator user name

---

Option sets

Delivery

• On the way

Human

• Women

• Man

• Children

Material

• Cotton

• Cotton & Polyamide

• Cotton & polyester

• Organic cotton

• Recycled materials

Payment Method

• Pay with card

• PayPal

• Google Pay

• Apple Pay

Size

• XS

• S

• M

• L

• XL

• XXL

Status

• Paid

• Draft

Subcategory

• SHOES

• WALLETS & SMALL ACCESSORIES

• HANDBAGS

• TRAVEL

• ACCESSORIES

• READY-TO-YEARS

Style

• Casual

• Elegant

• Sport

Sort

• Our selection

• Name (A-Z)

• Name (Z-A)

• Price (Low-Hight)

• Price (Hight-Low)

---

The template is available in its current form, however, further alterations can be negotiated.

Don't hesitate to reach out to us with any questions, and we'll gladly explore options to accommodate your concepts – Visit us at https://appassion.io/ or email us at [e-mail]

We are always at your service through: Upwork, Clutch.