Things to Note

The guide states the things to note, like Admin Access, Custom Code, Notes, APIs, etc.

Admin Rights

For security purposes, the template has limited rights for potential customers. What that means is that you will not be able to use the admin features until you buy this template and enable the editing features.
  1. Go to Data -> App data -> All Users and select the account you want to grant the admin rights to.
Image without caption
  1. Click to edit the user info, and type in the admin word for the AccessRights field, and Admin field to yes:
Image without caption
Now, you will be able to access the admin panel.
☝
Note: Remember to hit the SAVE button.
But in order to enable the admin features, it is required to set one more field.
  1. Go to Data -> App data -> Buy templates and edit the record. Set the Y/N field to yes:
Image without caption
☝
Note: Remember to hit the SAVE button.
βœ…
Congrats: You have successfully granted the admin rights. Now you can use all the admin page and its features as an admin user.
Also, delete the warning group that says to check the template's documentation:
  1. Locate the container Group wrapper and delete it:
Image without caption

Custom Code

On certain pages, there are some HTML elements used for some solutions that are not available by default. You can find these codes on the following pages:
  • index page - HTML Video Presentation - displays a video widget.
Image without caption
  • home page - HTML A - sets the slider appearance in the RepeatingGroup Created Listings element.
Image without caption
  • header reusable element - HTML A - this element with the "pointer" ID attribute adds other cursor display on "Products / Services / Community" text hovering.
Image without caption
❗
Important: Feel free to customize the styles, but please note that changing the code may break the described functionality. Strong CSS/Javascript and Bubble skills recommended. ❕For all things Bubble check:Β https://manual.bubble.io/. ❕For CSS/Javascript check:Β https://www.w3schools.com/.

API Webhooks

Doors is using Backend workflows for many features which are listed below.
πŸ’‘
Tip: To learn more about API Webhooks and how to use them in Bubble, click here and here.
They can be located in the Backend workflows tab in your editor:
Image without caption
The responsible endpoints are the following:
  • add_width_height - created a new Photo object and make changes to the current Listing
  • additional_signup - register the user’s email and adds additional info
  • create_photo - triggers the add_width_height workflow
  • main_signup - register user’s data in User data type
  • photos_not_delete - add images to the Photo data type
  • signup - register the user signup method.
  • signup_fb - retrieve user personal data from Facebook and register them in the User data type
  • signup_google - retrieve user personal data from Google and register them in the User data type

Hidden Design Elements

πŸ’‘
Tip: Initially, on some pages, design elements in Bubble Editor might be hidden.
Here is an example of how to unhide πŸ‘€ them:
Image without caption

Embedded Notes in Bubble Editor

This template comes with explicit Notes for Database fields, Option sets and their fields, and Privacy rules, which will guide you with the modification process.
In order to preview a Note of any data type or field, click on the πŸ’¬ icon.
Image without caption

Powered by Notaku