This section states the purpose of each reusable element.

Introduction

Reusable Element - an element that contains other elements, like a group, that can be used in more than one place. This is useful when reusing the same elements often.
💡

Reusable Elements

[Custom] Content NFT

This reusable element is used for holding the content of the NFT image.
Image without caption
To replace the default image (which is shown in case NFT doesn’t have its own), please replace the URL of the picture used in the HTML element:
Image without caption

[Custom] empty_data

This reusable element is used as a placeholder in case there are no NFTs found within the collection.
Image without caption

[Custom] Redirect Skeleton

This reusable element appears when users disconnect their wallets on the my-items page and are redirected to the index page.
Image without caption

[Custom] Skeleton Item

This reusable element is used as a part of the Skeleton Item A reusable element for placeholder purposes.
Image without caption

[Custom] Skeleton Page

This reusable element is used as a part of the 2 reusable elements as well as itself for placeholder purposes.
Image without caption

[Custom] Skeleton Table

This reusable element is used as a part of many reusable elements as well as itself for placeholder purposes.
Image without caption

[Data] NFT card

This reusable element is used as an NFT card on all application pages (contains price, name, image, and attributed collection).
Image without caption

[Data] Trend NFT Collection

This reusable element is used on the index page, to display 5 trending collections from Rarible platform.
Image without caption

[Element] Copy to Keyboard

This reusable element is used for copy function on most of the pages.
Image without caption

[Element] NFT news

This reusable element is used to display NFT news, sourced from the database (News data type)
Image without caption

[Filter] NFT Filter

This reusable element is used for filtering the NFTs on pages, using the “Blockchain” and “Status Type” option sets.
Image without caption

[Filter] NFT Sorting

This reusable element is used for filtering the NFTs on pages, using the “Sort” option set.
Image without caption

[Group] Collection Leaderboard

This reusable element is used on the index page, to display 5 collections from Rarible platform leaderboard.
Image without caption

[Page] NFT Item Details

This reusable element is used as a template of the item_page, which serves as a placeholder until the real data are loaded.
Image without caption

[Page] NFT Collection page

This reusable element is used as a template of the collection_page, which serves as a placeholder until the real data are loaded.
Image without caption

Footer

The footer reusable element is located at the bottom of a page. It provides an example of how it can include external links, such as company's social media, navigation and copyright notices.
A great website footer design keeps people engaged and moving through the website. The workflows included with this element are pretty straightforward to follow.
Image without caption
This reusable element is customizable, so it is possible to change styles and content of element while keeping workflows or using as inspiration for your own.
💡
Tip: Add Privacy and Terms page links here, as well as create separate pages for these links. It will help you go through App Store and Google Play approval procedures, in case you convert your Bubble app into native iOS and Android apps. These links are also important for Facebook login.

Header

The header reusable element sits at the top of each page and serves a few very important purposes. It does provide a place for the company's logo, navigation, and page title which are part of a consistent user experience that all good websites share.
Other common header features, like - search, shopping cart (for eCommerce), login/logout, user profile, and notifications (if applicable). The workflows included with this element are pretty straightforward to follow.
Image without caption
This reusable element is customizable, so it is possible to change the styles and content of the element while keeping workflows or using it as inspiration for your own.
💡
Tip: This page comes with demo logins that have been placed for testing purposes. They may be removed from your app.