# Ez Marketplace - Shop v3.0

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FEpcs0o8U28FCrz57U5J6%2Fimage.png?alt=media&#x26;token=d9f02ce0-df3e-459b-9a2e-4be958a46134" alt=""><figcaption></figcaption></figure>

***

## 🔗Links

&#x20;      [**Template Link on Bubble Marketplace**](https://bubble.io/template/ez-marketplace---shop-v30-1554896569696x398374420682637300)

&#x20;      [**Template Link on Our Website**](https://eazycode.com/template/ez-marketplace---shop-v30-1692021501429x262874396600081730)

&#x20;      [**Preview Link** ](https://ezstore.bubbleapps.io/)

&#x20;      [**Forum Link**](https://forum.bubble.io/t/new-free-template-ez-marketplace-shop-template-by-ezcode/71648)

***

## Photos

{% tabs %}
{% tab title="1" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FcgSZCmQmn3IpCf6DbyQU%2Fimage.png?alt=media&#x26;token=8120324b-60c9-4875-a6b5-d9f01e0a64dc" alt=""><figcaption><p>Landing page</p></figcaption></figure>
{% endtab %}

{% tab title="2" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F1erHlkJtQUNYpHQGbgvv%2Fimage.png?alt=media&#x26;token=f716b476-6b10-474a-bd50-3118081fbfd6" alt=""><figcaption><p>Mobile phone category</p></figcaption></figure>
{% endtab %}

{% tab title="3" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FBxODPFWbGsECWJRzEiFG%2Fimage.png?alt=media&#x26;token=d09b9ab0-7bbb-4b50-ab7d-d66ffc181685" alt=""><figcaption><p>Item page</p></figcaption></figure>
{% endtab %}

{% tab title="4" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2Fm2KWfR9bBt5SEoicSMYP%2Fimage.png?alt=media&#x26;token=f8c5a028-2f3c-4bc4-ad2a-0d88ee85f183" alt=""><figcaption><p>Admin panel</p></figcaption></figure>
{% endtab %}

{% tab title="5" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FrI2xX4EndeDNkkJ6qeUw%2Fimage.png?alt=media&#x26;token=72cf1e00-c46a-43be-83f1-a5a94f1a6262" alt=""><figcaption><p>Order history</p></figcaption></figure>
{% endtab %}

{% tab title="6" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FH7rYEy8zGmKkEJDe1nmv%2Fimage.png?alt=media&#x26;token=6b7f084a-2959-4b12-9e82-c3dc38bbe9fb" alt=""><figcaption><p>User panel</p></figcaption></figure>
{% endtab %}

{% tab title="7" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FJbZ0XWWsr5aaxT2bY7up%2Fimage.png?alt=media&#x26;token=4d7d554f-f614-44b5-b32c-423aa38cdafd" alt=""><figcaption><p>User panel</p></figcaption></figure>
{% endtab %}
{% endtabs %}

***

## Introduction&#x20;

Our free template is perfect for those who want to create their shop. The application contains all the necessary features that will leave your customers satisfied. Product categories and price filtering will make the shopping process easier, for which your customers will only thank you.&#x20;

A blog built into the template will help attract traffic and increase your brand's authority. Also, using a well-thought-out admin panel, you can easily manage the application, and content, monitor sales, and identify more and less attractive products for customers. This template is fully responsive for all types of devices. Our team has developed this template according to all modern UX/UI design standards with an intuitive interface and pleasant colors. The template is completely free, although additional modifications may be discussed. Feel free to contact us with any questions and we will be happy to find a solution to your idea.

***

## Features

* **Landing page**&#x20;
* **Filtered search**
* **Results**
* **Payment page**
* **Blog**
* **Admin panel**&#x20;
* **User panel**&#x20;
* **Fully Responsive**&#x20;

***

## Notes

{% hint style="info" %} <mark style="color:blue;">**Important note**</mark><mark style="color:blue;">:</mark> After purchasing this template and customizing it, be sure that you had a chance to learn how to set up data security.&#x20;

Check all privacy settings by the following link before launch: [*<mark style="color:blue;">**Bubble Privacy**</mark>* ](https://manual.bubble.io/help-guides/data/the-database/protecting-data-with-privacy-rules)

Since access to objects differs in each application and is unique for each case, ensure you have established all the privacy rules.
{% endhint %}

{% hint style="danger" %} <mark style="color:red;">This template is not the final product. Any part of the application can be modified for different needs.</mark>
{% endhint %}

***

## Pages

### index

It is a home page. Its primary purpose is to provide an enticing overview of the platform's offerings, guiding users toward various sections of the site and encouraging them to explore further.\
This page includes sections such as new arrivals, subscribe, step guide, and latest news.

### blog

This page contains list of blogs and groups with chosen blog's detailed information.

### checkout

On this page, users can fill in contact information, shipping address, and payment details for placing an order. Also there is a list of products added to the cart and their total price.

### category

For more convenience, the client can select a page with a product category. This page allows set price ranges, sorting products, and choosing any other category or selecting all categories.

### admin

This page is an administration page. It allows the admin to manage products, orders, contact links, and see statistics. The admin page contains five tabs:

#### Dashboard

This tab with detailed selling statistics.&#x20;

#### Items

In the items tab, admin can add/edit/delete products from the app.

#### Orders

This tab was created for viewing order history, with client information, and a list of products.

#### Account info

A tab for editing personal information.

#### Change billing

On this tab, the admin can see payment and payout flow. Also, add/edit bank details.

### profile

This page is a personal account user's page. It includes a dashboard with his own statistic, account info, wish list, my order with order history, change password, and billing information.

### product

This page contains detailed information about a product and product reviews. It allows customers to add product to the cart, add to liked and leave a review.

### registration

This is the sign-in/sign-up page.

### reset\_pw

This page allows the user to reset the password.

### 404

This page appears when something went wrong in the app's work

***

## Reusable elements:&#x20;

### Footer

This reusable element contains a logo, navigation, and links to the EzCode templates, plugins, and socials.

### Header

This reusable element contains navigation links through the app, logo, cart, search, log-in/ sign-up form, and mobile navigation menu.

***

## Workflow

Highlighting the workflow with color is a great way to separate actions in essence and significance. Below is the <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> standard for the use of colors with a detailed explanation.

{% hint style="warning" %} <mark style="color:orange;">The standards below are for informational purposes only. Any discrepancy is not related to the functionality of the application.</mark>
{% endhint %}

**Blue** - The actions taking place on our screen do not utilize the application's resources. For instance, when an element is clicked and a popup is opened or closed.

<div align="center"><figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2Fa6ECFLHHyTqpr90FXSPb%2Fimage.png?alt=media&#x26;token=772855b5-5b7b-49aa-b99e-04701767624f" alt="" width="200"><figcaption></figcaption></figure></div>

**Green** - These actions involve creating or modifying entries in the database. For example, "Create a new Thing," "Make changes to a thing or a list of things," as well as "Copy a list of things," and so on.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FllvYT6zyLSb3QtkbzWj0%2Fimage.png?alt=media&#x26;token=65bc26ac-4a39-49ac-af76-56028f5bc333" alt="" width="200"><figcaption></figcaption></figure>

**Red** - This action involves deleting or resetting values. For instance, "Delete a thing or a list of things," as well as "Reset a group" and "Reset inputs."

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FctFJTDZVJYSxbjS2melb%2Fimage.png?alt=media&#x26;token=60d0a236-cca6-491b-88b6-a26f2311cc8c" alt="" width="200"><figcaption></figcaption></figure>

**Orange** - Actions related to your navigation. For example, "Navigate to a page," or "Do when a condition is true" – when you use specific values for checking, such as "When the current user is logged in," and so on.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F7e8TWWOrsNOk3PttmqlN%2Fimage.png?alt=media&#x26;token=75cde6b5-e72b-4f75-a540-2507e1f92ed9" alt="" width="200"><figcaption></figcaption></figure>

**Cyan** - Actions utilizing Custom Events – lengthy tasks that involve the creation, modification, deletion, and plugins within a single comprehensive workflow as steps.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FygcvmFN64pIlShKKlsYH%2Fimage.png?alt=media&#x26;token=767513b2-cb61-4010-be33-cd4ff5967fad" alt="" width="200"><figcaption></figcaption></figure>

**Brown** - Custom workflow, API workflow, and similar tasks.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FIDdRjV71dqlcIXAsbOIV%2Fimage.png?alt=media&#x26;token=c76c2a04-b052-468b-b47c-efe04457d373" alt="" width="200"><figcaption></figcaption></figure>

**Purple** - The significance of this color is determined by the developer themselves, as it is done due to the fact that everyone has their own approach to development.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FQEZ73m2nAW9oTEAIFhDR%2Fimage.png?alt=media&#x26;token=007881d1-774f-40e0-84f2-557e3f60caa4" alt="" width="200"><figcaption></figcaption></figure>

**Grey** - All other actions.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FUJj9aHsMG5LM8tZCMPLF%2Fimage.png?alt=media&#x26;token=eac4b920-8f7a-464e-bb6d-f1905009ad28" alt="test" width="201"><figcaption></figcaption></figure>

***

## Data Types&#x20;

### Blog

This data type is used to store blog proprieties.&#x20;

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>About (head)</code></td><td><code>text</code></td><td>Stores the text under the title.</td><td></td></tr><tr><td><code>content</code></td><td><code>text</code></td><td>Stores the main content of the blog page.</td><td></td></tr><tr><td><code>image (in text)</code></td><td><code>image</code></td><td>Stores the images used in the content.</td><td></td></tr><tr><td><code>Image (main)</code></td><td><code>image</code></td><td>Stores the main image of blog.</td><td></td></tr><tr><td><code>Title (head)</code></td><td><code>text</code></td><td>Stores the title.</td><td></td></tr><tr><td><code>Title (in text)</code></td><td><code>text</code></td><td>Stores the paragraph title.</td><td></td></tr></tbody></table>

### Category

This data type is used to store category proprieties.&#x20;

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Item</code></td><td><a href="#item"><code>Item</code></a></td><td>Stores the item data type.</td><td></td></tr><tr><td><code>itemsCount</code></td><td><code>number</code></td><td>Stores the number of items.</td><td></td></tr><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the category name.</td><td></td></tr></tbody></table>

### Item

This data type is used to store item proprieties.&#x20;

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Category</code></td><td><a href="#category-1"><code>Category</code></a></td><td>Stores the category data type.</td><td></td></tr><tr><td><code>Description</code></td><td><code>text</code></td><td>Stores the item's description.</td><td></td></tr><tr><td><code>Discount</code></td><td><code>number</code></td><td>Stores the discount information.</td><td></td></tr><tr><td><code>Image (Main)</code></td><td><code>image</code></td><td>Stores the item main image.</td><td></td></tr><tr><td><code>Images</code></td><td><code>List of images</code></td><td>Stores the item additional images.</td><td></td></tr><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the name of item.</td><td></td></tr><tr><td><code>Price</code></td><td><code>number</code></td><td>Stores the price of item.</td><td></td></tr><tr><td><code>Reviews</code></td><td><code>List of</code> <a href="#review"><code>Reviews</code></a></td><td>Stores the review data type.</td><td></td></tr><tr><td><code>Short Info</code></td><td><code>text</code></td><td>Stores the short info about item.</td><td></td></tr><tr><td><code>Stock</code></td><td><code>yes/no</code></td><td>Stores the item availability status.</td><td></td></tr></tbody></table>

### Order

This data type is used to store order proprieties.&#x20;

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Date placed</code></td><td><code>date</code></td><td>Stores the order date.</td><td></td></tr><tr><td><code>Id</code></td><td><code>text</code></td><td>Stores the order ID.</td><td></td></tr><tr><td><code>Ordered Item's</code></td><td><code>List of Ordered</code><a href="#ordered-item"><code>Items</code></a></td><td>Stores the item data type.</td><td></td></tr><tr><td><code>Total price</code></td><td><code>number</code></td><td>Stores the total price number.</td><td></td></tr></tbody></table>

### Ordered Item

This data type is used to store ordered item proprieties.&#x20;

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Item</code></td><td><a href="#item"><code>Item</code></a></td><td>Stores the item data type.</td><td></td></tr><tr><td><code>Price</code></td><td><code>number</code></td><td>Stores the total price.</td><td></td></tr><tr><td><code>Quantity</code></td><td><code>number</code></td><td>Stores the number of items.</td><td></td></tr></tbody></table>

### Review

This data type is used to store review proprieties.&#x20;

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Item</code></td><td><a href="#item"><code>Item</code></a></td><td>Stores the item data type.</td><td></td></tr><tr><td><code>Rating</code></td><td><code>number</code></td><td>Stores the review's rating.</td><td></td></tr><tr><td><code>text</code></td><td><code>text</code></td><td>Stores the review's content.</td><td></td></tr><tr><td><code>User</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr></tbody></table>

### User

This data type is used to store user proprieties.&#x20;

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Address</code></td><td><code>text</code></td><td>Stores the user's address.</td><td></td></tr><tr><td><code>Bio</code></td><td><code>text</code></td><td>Stores the user's description.(BIO)</td><td></td></tr><tr><td><code>Current Order</code></td><td><a href="#order"><code>Order</code></a></td><td>Stores the order data type.</td><td></td></tr><tr><td><code>DOB</code></td><td><code>date</code></td><td>Stores the user's date of birth.</td><td></td></tr><tr><td><code>Full Name</code></td><td><code>text</code></td><td>Stores the user's full name.</td><td></td></tr><tr><td><code>Gender</code></td><td><code>Gender</code></td><td>Stores the user's gender.</td><td></td></tr><tr><td><code>Image</code></td><td><code>image</code></td><td>Stores the user's image.</td><td></td></tr><tr><td><code>Phone Number</code></td><td><code>text</code></td><td>Stores the user's phone number.</td><td></td></tr><tr><td><code>Placed Orders</code></td><td><code>List of</code> <a href="#order"><code>Orders</code></a></td><td>Stores the order data type.</td><td></td></tr><tr><td><code>Type</code></td><td><code>User Type</code></td><td>Stores the user type.</td><td></td></tr><tr><td><code>Username</code></td><td><code>text</code></td><td>Stores the username.</td><td></td></tr><tr><td><code>Wishlist</code></td><td><a href="#item"><code>List of Items</code></a></td><td>Stores the item data type.</td><td></td></tr></tbody></table>

***

<div align="left"><figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FOmA8OIR6KMcPc4Kd8oZW%2Fimage.png?alt=media&#x26;token=d8d79fa2-356b-4dd7-a687-fc59b1c965b3" alt="" width="188"><figcaption></figcaption></figure></div>

The template is sold as is, although additional modifications can be discussed. Feel free to contact us for any inquiries and we’ll be happy to find a solution for your ideas – <http://eazycode.com/>

**Hire us:**

<img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FnhRM38XquaMB7rEGRZF5%2Fimage.png?alt=media&#x26;token=94debb70-7346-48cc-8e7a-ddac3b68cc70" alt="" data-size="line"> <https://www.fiverr.com/share/qQoDQZ>\ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FUnmo0SgqtdtObJcWnXKG%2Fimage.png?alt=media&#x26;token=84a44ee4-c963-4409-ab03-5e03da5f9917" alt="" data-size="line"> <https://www.upwork.com/freelancers/~01c1a4cbef44ecb5f1>\
\
**Follow us:**

<img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FY27NTLRLjxmS860b2LuF%2Fimage.png?alt=media&#x26;token=de978886-fe93-45d9-9aa2-dbe633c9c900" alt="" data-size="line"> <https://www.facebook.com/eazycode>\ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FJxNkIN1XL49rJ0d1PW4h%2Fimage.png?alt=media&#x26;token=6bc2d54b-741e-4327-895e-c9d256e29cfc" alt="" data-size="line"> <https://twitter.com/ezcode_official>  \ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FDIjJ2ERcrlmbdSWhRNBd%2Fimage.png?alt=media&#x26;token=0a8166ae-162e-4fcb-bef6-e458c760fee7" alt="" data-size="line"> <https://www.instagram.com/eazycodecom/>\ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F0K22Xx5JDxzKfhXJkmSi%2Fimage.png?alt=media&#x26;token=90af72e3-5fcc-4ea2-baf6-56525f3e1e6a" alt="" data-size="line"> <https://www.linkedin.com/company/eazycodecom/>
