Enhance your Academy LMS platform with the aBlocks Search Blocks for Gutenberg, a powerful tool designed to integrate a dynamic course search feature into your course pages. This documentation guides you through the process of adding and customizing a search box to help students quickly find courses, improving navigation and engagement on your eLearning site.
To use this block, ensure you have installed and activated the aBlocks plugin.
How to Use Course Searchbar Block #
Create a new page or edit an existing one where you want to add the Academy Course Searchbar Block. Follow these steps:
- Click the Plus (+) button to open the Gutenberg block inserter.
- In the search bar, type “Academy Course Searchbar Block.”
- Select the aBlocks Academy Course Searchbar Block from the results to insert it into your page.
Once inserted, the block will display a search bar on your page, ready for further customization.
General Customization Options #
The Academy Course Searchbar in Academy LMS allows users to search for courses easily. You can customize the placeholder text to enhance the user experience. By customizing the placeholder text, you can improve usability and guide users effectively in finding the right courses.
Style Section Customization #
The Style section allows customization of a UI component’s appearance. It includes:
Typography #
- Typography: Customize the typography. For more details on typography settings, check out our aBlocks Typography SettingsDocumentation!
Color Settings #
- Color: Defines the primary text or element color.
- Placeholder Color: Defines the color of placeholder text.
- Icon Color: Defines the color of icons within the component.
- Background: Defines the background color of the component.
Border Settings #
- Normal: Active tab for standard state styling.
- Hover: Inactive tab for hover state styling (not shown).
- Border Style: Set the border styles (e.g., solid, dashed).
- Border Radius: Adjustable in pixels (px) for each corner:
- Top: Not specified.
- Right: Not specified.
- Bottom: Not specified.
- Left: Not specified.
This panel allows designers to customize the visual appearance of a UI component, including typography, colors, and border properties, with options for both normal and hover states.
The Academy Course Searchbar Block enhances course discovery with easy search and full customization. Improve navigation and user experience effortlessly!
You can explore our related documentation for further assistance:
