How Noah's works in Drupal 10+

Create pages in minutes with 60+ widgets (and more on the way). Reuse templates across content types, eCommerce, and custom routes to save time and streamline your workflow.

Install the module normally with composer and if you have the pro version, you have to unzip Noah's Pro in mysite/modules/custom.
It is also recommended to download the Noahs theme for a correct display of the content, if you are already using a theme you can read in the documentation how to integrate Noahs.

Icons: Discover icons from Font Awesome or your custom icons.

Noah's Pro Settings: Debug routes to build templates.

Noah's Settings: Configure the default styles or add your custom css.

Popups: Coming soon.

Template List: A list of your global and default widgets

Theme Builder: Design Header, footer and default templates to custom routes, Node, Product and taxonomy entities, login, register, etc...

• Configure your CKEditor
• Select the content type you want to use it, vocabulary or product type.
• Add Default styles
• Set up your fonts and sizes
• Add button styles
• Add form styles
• Add custom css code

Edit With Noah's:

Edit Your node, taxonomy or product and click on Edit With Noah's. If you are using our theme you will see at the bottom right of your site an icon with a drop-down menu, click on Edit With Noah's:

Builder:

• Start adding your section, columns and widgets.
• You can configure settings for each page.
• View your design.
• Revert revisions. Max 10 revisions will be saved.

Edit Widgets:

Sections:

1. Edit will open a left sidebar to edit and configure the widget
2. Add Column or and section before/after
3. Drag the section
4. Remove
5. Move up/down
6. Clone
7. Copy
8. Save as Theme: This will be appear in widget gallery and template list
9. Paste column
10. Paste section before/after

Columns:

1. Edit will open a left sidebar to edit and configure the widget
2. Add widget
3. Drag the column inside the section or to other section
4. Remove
5. Move up/down
6. Clone
7. Copy
8. Paste widget

Widgets:

1. Edit will open a left sidebar to edit and configure the widget
2. Drag the widget inside the column or to other column
3. Remove
4. Move up/down
5. Clone
6. Copy
7. Save as global to reuse in other pages. If you change the widget, the changes will be replicated throughout the website
8. Save as default to reuse the widget template
9. Copy and paste styles from one widget to another like this

Sidebar:

In almost all widgets you will find 3 tabs, one for the content, another for the styles and the extra one with many extra features for your design, such as spaces, custom classes, transitions, transform, parallax, animations on scroll, show if user has cookie, show if the url has a parameter, etc...

Hover & responsive configuration:

Some fields are able to be configured for hover events or responsive design

If you don't want to use Noah's in a entity o if are using a default template por a entity and want to create a custom design for this use "Override Default Theme" and start creating your custom design. This is optimal for example to product pages, if you want feature a product, override the default design and create a new one.

Need Help?

If you have any interesting ideas to share, need help with Noah's, or have anything else you'd like to discuss, please fill out this form :)