Hover Boards Pro

9.2. Setup Header Section

To proceed with the Header Section.

Go to Appearance >> Customize >> Site Identity >>Header Section

Update navigation from Appearance >> Menus

Go to Appearance >> Customize >> Theme Settings >>Header and update the button text and link.

9.3. Setup Main Banner

To proceed with the section setup Go to Appearance >> Customize >> Theme Settings >> Main Banner Section and update the content.

9.4. Setup Key features section

To proceed with the Key features section.

Go to Appearance >> Customize >> Theme Settings >> Key features and update the content. You can create new one as well.

9.4. Configure Product Categories

Use product categories to organize your items and make browsing easier for customers. Follow these steps to create and manage categories:

1. Open WooCommerce → Products → Categories from your WordPress dashboard.
2. On the left panel, fill in the Category Name (e.g., “Accessories”).
3. Optionally, add a Slug for cleaner URLs.
4. If needed, choose a Parent Category to build a hierarchy .
5. Upload a Category Image to display in your shop layout.
6. Click Add New Category to save your changes.
7. Repeat the process until all required categories are created.

After categories are set up, assign products to them under Products → All Products by editing each product and ticking the relevant category box.

To control how categories appear on the site, go to Appearance → Customize → Theme Settings → Product Categories. Here you can adjust the number of categories shown, their order, and layout style to match your design needs.

9.5. Configure Product Tabs

The Product Tabs section allows you to highlight items by category in a tabbed layout. Each tab can be linked to a specific product category, making it easier for customers to browse grouped products.

1. Go to WooCommerce → Products → Add New to create a product.
2. Fill in the product details such as Title, Description, Price, and Image.
3. On the right panel, select the appropriate Category for the product. Categories must be created beforehand (see Product Categories setup).
4. Publish the product.
5. Repeat the process for all products you want to display under different tabs.

Once products are assigned to categories, you can control how they appear in tabs:

Navigate to Appearance → Customize → Theme Settings → Product Tabs. Here you can:

• Choose which categories should be displayed as tabs.
• Adjust the number of tabs shown.
• Reorder tabs to match your preferred layout.
• Preview how products are grouped under each tab.

9.6. Configure About Us Section

The About Us section allows you to introduce your brand, share your story, or highlight your mission. You can also embed a video to make the section more engaging.

1. Go to Appearance → Customize → Theme Settings → About Us.
2. Enter your About Us content in the text editor. This can include your company background, vision, or values.
3. Paste a Video URL (e.g., YouTube or Vimeo) into the provided field if you want a video to play in this section.
4. Save and publish your changes.

Once updated, the About Us section will display your text and video on the front page, giving visitors a clear understanding of your business identity.

9.7. Configure Features Section

The Features section allows you to highlight the key strengths or unique selling points of your product. Each feature can include a title, description, and icon/image for better presentation.

1. Go to Appearance → Customize → Theme Settings → Features.
2. Increase or decrease the number of features to show.
3. Enter a Title (e.g., “Dynamic Sound System”).
4. Add a short Description explaining the feature.
5. Upload an Icon or Image to visually represent the feature.
6. Save the feature. Repeat the process to add multiple features.

Once configured, the Features section will display your chosen highlights on the front page, helping visitors quickly understand the product’s advantages.

9.8. Configure Services Section

The Services section is powered by a custom post type. Each service entry can include a title, short description, and an icon image, all managed through meta fields.

1. Go to Appearance → Customize → Theme Settings → Services.
2. Update the section heading, description, and adjust how many services you want to display.
3. Navigate to Dashboard → Services to manage individual service posts.
4. Edit the demo service posts provided, or click Add New to create your own.
5. Fill in the Service Title and Content area with details about the service.
6. Use the meta fields to upload an icon image and enter a short text description.
7. Publish the service post. Repeat for each service you want to showcase.

Once saved, the Services section will automatically pull content from the custom post type. The icon image and short text are displayed from the meta fields, ensuring a consistent layout across all service boxes.

9.5. Configure Latest Rides

The Latest Rides section allows you to highlight items by category.

1. Go to WooCommerce → Products → Add New to create a product.
2. Fill in the product details such as Title, Description, Price, and Image.
3. On the right panel, select the appropriate Category for the product. Categories must be created beforehand (see Product Categories setup).
4. Publish the product.
5. Repeat the process for all products you want to display under different tabs.

Navigate to Appearance → Customize → Theme Settings → Product Tabs. Here you can:

• Choose which categories products should be displayed.
• Adjust the number of products shown.

9.9. Configure Testimonials Section

The Testimonials section is designed to showcase customer feedback or user experiences. Content for this section is managed through a custom post type, making it easy to add, edit, and organize testimonials.

1. Go to Appearance → Customize → Theme Settings → Testimonials.
2. Update the section heading, description, and adjust how many testimonials you want to display.
3. Navigate to Dashboard → Testimonials to manage individual testimonial posts.
4. Edit the demo testimonial posts provided, or click Add New to create your own.
5. Fill in the Testimonial Title (usually the customer’s name or company).
6. Add the Testimonial Content in the editor — this is the feedback text.
7. Use the meta fields to include extra details such as designation, star rating, or social profile links.
8. Upload a Featured Image if you want to display the customer’s photo or logo.
9. Publish the testimonial. Repeat for each testimonial you want to showcase.

Once saved, the Testimonials section will automatically pull content from the custom post type. Meta fields provide structured data like ratings and icons, ensuring a consistent and professional layout across all testimonial entries.

9.10. Configure Records Section

The Records section is used to display key statistics, milestones, or achievements in a visually appealing block layout. Each record can include a number, title, and short description.

1. Go to Appearance → Customize → Theme Settings → Records.
2. Update the section heading and description to match your content.
3. Choose how many record blocks you want to display — you can increase or decrease the count as needed.
4. For each record block, enter the Title (e.g., “Projects Completed”), the Number/Statistic (e.g., “120+”), and a short Description.
5. Save and publish your changes.

Once configured, the Records section will automatically show your chosen statistics in a grid or block format, helping visitors quickly understand your achievements.

9.11. Configure Newsletter Section

The Newsletter section allows visitors to subscribe to updates directly from your site. This section is powered by Contact Form 7, making it flexible and easy to customize.

1. Go to Appearance → Customize → Theme Settings → Newsletter.
2. Update the section heading, description, and adjust the layout as needed.
3. Navigate to Dashboard → Contact to manage the newsletter form.
4. Edit the demo form provided, or click Add New to create a new newsletter form.
5. Include fields such as Email Address (required) and optional fields like
6. Save the form and copy its shortcode.
7. Return to the Newsletter settings in the Customizer and paste the shortcode into the designated field.
8. Publish your changes to activate the newsletter form on the front end.

Once configured, the Newsletter section will display the subscription form created with Contact Form 7. Submissions will be stored and managed through the plugin, allowing you to collect and organize subscriber details easily.

9.12. Configure FAQ Section

The FAQ (Frequently Asked Questions) section helps you provide quick answers to common queries. This section is powered by a custom post type, allowing you to easily add, edit, and manage FAQ entries.

1. Go to Appearance → Customize → Theme Settings → FAQ.
2. Update the section heading, description, and adjust how many FAQs you want to display.
3. Navigate to Dashboard → FAQ to manage individual FAQ posts.
4. Edit the demo FAQ posts provided, or click Add New to create your own.
5. Enter the Question in the post title field.
6. Add the Answer in the content editor.
7. Use any available meta fields for extra options such as icons or ordering preferences.
8. Publish the FAQ post. Repeat for each question you want to include.

Once saved, the FAQ section will automatically pull content from the custom post type. Each entry displays the question and answer in an accordion or list format, making it easy for visitors to find information quickly.

9.13. Configure Our Community Section

The Our Community section is designed to encourage interaction and engagement with your visitors. It typically includes a contact or signup form powered by Contact Form 7, allowing users to share feedback, join initiatives, or subscribe to updates.

1. Go to Appearance → Customize → Theme Settings → Our Community.
2. Update the section heading, description, and adjust the layout as needed.
3. Navigate to Dashboard → Contact to manage the form used in this section.
4. Edit the demo form provided, or click Add New to create a new form.
5. Include fields such as Name, Email Address, and Message. You can also add custom fields depending on your community goals.
6. Save the form and copy its shortcode.
7. Return to the Our Community settings in the Customizer and paste the shortcode into the designated field.
8. Publish your changes to activate the form on the front end.

Once configured, the Our Community section will display the Contact Form 7 form, allowing visitors to connect with you directly. Submissions are handled through the plugin, making it easy to collect and manage responses.

9.14. Configure Blog Section

The Blog section allows you to display articles from your site and filter them by tags. This makes it easy to highlight specific topics or categories of content for your visitors.

1. Go to Appearance → Customize → Theme Settings → Blog.
2. Update the section heading and description to match your site’s theme.
3. Choose how many posts you want to display per page or section.
4. Navigate to Dashboard → Posts to manage your blog entries.
5. Edit existing posts or click Add New to create a new one.
6. Assign relevant Tags to each post. Tags should be created beforehand under Posts → Tags.
7. Save and publish the post. Repeat for all articles you want to include.
8. Return to the Blog Posts settings in the Customizer and select the tags you want to filter by.
9. Publish your changes to activate the filtered blog post display on the front end.

Once configured, the Blog Posts section will automatically pull articles based on the tags you select. This ensures that only posts with those tags are shown, giving you control over the content highlighted in this section.

9.11. Configure Footre Newsletter Section

The Footre Newsletter section allows visitors to subscribe to updates directly from your site. This section is powered by Contact Form 7, making it flexible and easy to customize.

1. Go to Appearance → Customize → Theme Settings → Footre Newsletter.
2. Update the section heading, description, and adjust the layout as needed.
3. Navigate to Dashboard → Contact to manage the newsletter form.
4. Edit the demo form provided, or click Add New to create a new newsletter form.
5. Include fields such as Email Address (required) and optional fields like
6. Save the form and copy its shortcode.
7. Return to the Newsletter settings in the Customizer and paste the shortcode into the designated field.
8. Publish your changes to activate the newsletter form on the front end.

Once configured, the Newsletter section will display the subscription form created with Contact Form 7. Submissions will be stored and managed through the plugin, allowing you to collect and organize subscriber details easily.