logo
This section states the purpose of each page.

Introduction

In this summary, we will describe each page and its content. The Page Element is the fundamental one that contains all the other elements.
πŸ’‘
Tip: See Bubble Reference for more information about Pages element https://bubble.io/reference#Elements.Page πŸ™‚

Pages

index

This is the main page typically encountered first on the web app that usually contains links to the other pages of the site. A homepage includes a variety of menus that make it easy for users to find the information they need.
This is the first page you'll see in this template, showing a short overview of what the website is about. It displays Recent Products, Feeds on the left side, and Featured Collections on the right-hand side.
Image without caption
The Feeds section is a RepeatingGroup pulling data from Topics:
Image without caption
And if you'd like to find the search bar or login buttons, they are located in the giant Header reusable element:
Image without caption
πŸ’‘
Tip: See the Header reusable element.

collection

This page shows the user's collection of products where you can upvote πŸ”Ό products, create collection πŸ”  of products and add products to collections, as well as follow πŸ†™ other user's collection.
Image without caption
The upvote πŸ”Ό button can be found here. It is a simple Text element:
Image without caption
The upvoting workflow can be found here:
Image without caption
It is simply incrementing the collectionUpvoteCount field + 1.
And the downvoting workflow can be found here:
Image without caption
It is decrementing the collectionUpvoteCount field - 1.
The following πŸ†™ feature can be found here:
Image without caption
It is adding the Collection object to the userFollowingCollection list.

dashboard

This page is designed to manage platform data, e.g. Users, Items, Payments… and others. Only users with admin rights are able to access this page (in read-only mode), and those users who have access rights can edit or delete anything here.
Here, it allows admins to manage data for Users, Products, Collections and Discussions.

Users

This shows all the users on the website with their emails, products, collections, upvotes and actions.
Image without caption

Products

This shows all the products on the website with details such as product's name, topic, description, collections, status (approved or not), number of upvotes and actions.
Image without caption

Collections

This shows all the collections on the website with details such as the collection's name, topics, description, products, upvotes and actions.
Image without caption

Discussions

This shows all the discussions on the products added to the website with the description and its respective users.
Image without caption
In order to be able to manage the platform data, it is required to have admin rights.
⚠️
Admin: See the instructions on how to grant Admin Rights in your template.

login

This page is used for creating an account or logging in to an existing one. To access it, users will click on β€œSignin” button in the header. On this page, users are offered a demo user to log in and test all the template features. For detailed information on how to remove this button, see the Remove Demo Login section.
This is the login/signup page. It pops out the login form and requests an email and password to log in. In case you forget the password, there's a password recovery section for that.
Image without caption
πŸ’‘
Tip: This page comes with demo logins that have been placed for testing purposes. They may be removed from your app.
Depending on the page URL parameter called key, it will display different groups: "Login Form" or "Signup Form."
When the parameter value is login, it shows the "Login Form":
Image without caption
And when the parameter value is signup, it shows the "Signup Form":
Image without caption

product

This page shows product details such as: product name, topics, collections, the number of upvotes, the website link. You can also share the product on Twitter and Facebook. You can comment on the product in the Discussion section. On the right hand side is the Related Products section.
Image without caption
Initially, the design elements may be hidden in your editor. Here is how to unhide πŸ‘€ them:
Image without caption
For social media buttons, we are using the Bubble's native πŸ”Œ plugin called AddToAny Share Buttons.
Twitter:
Image without caption
Facebook:
Image without caption

profile

This page shows the user's profile with information such as the user name, a short description, profile image, cover photo, collections, number of upvotes, number of followed topics, number of followed collections and number of products submitted.
Image without caption
Initially, the design elements may be hidden in your editor. Here is how to **unhide **πŸ‘€ them:
Image without caption
The "UPDATE" button can be found here:
Image without caption
And its workflow can be found here:
Image without caption
It is simply making changes to the Current User and updating the userName, userHeadline, userProfilePhoto and userProfileHeader fields with their new values.

reset_pw

This page is used for resetting the password. It comes with a simple form containing 2 input elements and a button.
Image without caption

404

This is a custom-designed page for 404 redirect errors, informing a user that the requested web page cannot be found, or it doesn't exist.
Image without caption

Helpful?