Introduction to Mai Theme
An introduction to the core of how Mai Theme works, and why it's different (and better).
tag in the document source.
An extremely powerful set of blocks to display a grid of post or term entries in various layouts.
Add any menu to a shortcode block anywhere on your site.
Display a reusable block, post, or page's content via a shortcode.
The shortcode is a fully-functioning shortcode version of our Mai Icon block. It’s great for putting icons in menus and anywhere blocks are not currently available. We have all Font Awesome 5 Pro icons, in light, regular, and solid styles. Your first step is to decide which icon you want to use. icon (required) This …
Our Mai Cart Total shortcode allows you to display the WooCommerce cart total anywhere you’d like. Note, if you want to show the total in a menu item you may want to check out our Mai Icon shortcode with the cart_total parameter. Example:
Our Mai Avatar shortcode allows you to display a post author’s avatar in your header or footer meta, inside your content, template parts, or anywhere shortcodes can be used. The example below adds the shortcode to the Header Meta text field in Customizer > Theme Settings > Single Content > Post. Here are the available …
Display WooCommerce product pricing anywhere. Great for use in Custom Content field of Mai Post Grid block.
Add a star rating anywhere in your content. Works great in the Custom Content field in Mai Post Grid or the Customizer, or in the description of Mai Favorites.
Add a search form anywhere in your content. This is good for locations that blocks are not available.
Display a back to top link anywhere on your site.
If you’re a beginner/intermediate user of CSS you may look under the hood of Mai Theme and see things look a little stranger than you’re used to when it comes to our CSS. Mai Theme makes extensive use of “custom properties,” also known as “CSS variables” to allow much more efficient overrides when customizing your …
All current Mai Themes use a config based system for global settings and defaults. Any theme can override the defaults by adding a config.php file in the root directory of the theme. Create config.php File Create a config.php file in your theme, if it doesn’t exist (you will need server access to do this) in …
All translatable strings are ready to translate in a .pot file in our Mai Engine plugin. You can access that file via /wp-content/plugins/mai-engine/assets/lang/mai-engine.pot Many of our customers have found success using Loco Translate plugin for their translations as well.
Manage your products and services with this plugin. It’ll create a post type for your affiliate links with images, description and buttons. Don’t have Mai Favorites plugin? Discover more details about our custom-built plugins, and get it today. Required Parameters Your favorite links are easily displayed on a page via the Mai Post Grid block, …
Your testimonials are easily displayed on a page via the Mai Post Grid block. Don’t have Mai Testimonials plugin? Discover more details about our custom-built plugins, and get it today. Required Parameters Mai Theme includes our Mai Testimonials plugin, which is displayed through the Mai Post Grid block for powerful and dynamic testimonials layouts. The …
This is the official changelog for the Mai Engine plugin that powers all v2 Mai Themes. 2.18.0 (10/25/21) Added: You can now use shortcodes and blocks (via ) in author bios. Added: [Developers] New mai_before_entry_content_inner and mai_after_entry_content_inner hooks. Added: Default button classes added to WooCommerce blocks to help with styling consistency. Added: Custom properties on WooCommerce onsale badge for …