To import the Car Repair layout on your website, choose between:
- Method 1: Using DiviFlash layout importer (Recommended)
- Method 2: Manually import the layout
In this article, we will cover both methods in detail.
Method 1: Using DiviFlash Layout Importer
Follow these steps to import the Car Repair layout with DiviFlash’s layout importer:
Step 1: Install and activate the Divi Theme.
Step 2: Install and activate the DiviFlash Plugin.
Step 3: In the WordPress Dashboard, go to DiviFlash > Layouts and search for “Car Repair.”
Step 4: Hover over the Car Repair layout and select “Import Layout.”
- Next, a popup will display layout settings along with server requirements.
Note: Ensure all requirements are marked with green checkmarks. If any items display red crosses, adjust your server settings and refresh the page.
- Click “Start Importing” once all requirements are verified.
- Wait for the process to complete.
- Once imported, go to “Menu Customize” for menu configuration. You can follow Divi Layout Menu Customization guide.
Note: Car Repair layout has a mega menu in the menu’s “Services” item that you have to activate manually. For that follow these steps:
- Go to Appearance > Menus and enable DiviFlash menu settings.
- Select Service > Edit Menu, and under “Layout Settings” make these changes:
- Submenu Type: Divi Layout
- Library Item: Mega Menu
- Content Width Type: Custom width
- Custom Width (px): 700
- Click Save & Exit.
Step 5: After customizing the menu, set your site’s homepage by following these steps:
- Navigate to the WordPress Dashboard > Settings > Reading.
- Under “Your homepage display,” select “A static page.”
- Choose “Home” from the homepage dropdown.
- Click on “Save Changes” to save the changes.
Step 6: Car Repair Layout has several popups for different sections. If you want to show the popups to your visitors, you have to manually update the popup ID in the corresponding location where the popup is triggered.
Here’s how to do it,
- From the WordPress dashboard, navigate to the DF Popups > All Popups.
- Copy the Popup Target ID from the list.
- Paste the ID into the module (For example: The button module) where it belongs.
- Your popup will now work as intended.
Note: If you have multiple popups, then you will need to repeat this process for each popup.
Your website should now display the design and structure of the Car Repair layout.
Method 2: Manually Import the Layout
To manually import the Car Repair layout into your website, follow these detailed steps:
Step 1: Install and activate the Divi Theme.
Step 2: Install and activate the DiviFlash Plugin.
Step 3: Download the Car Repair layout file from the DiviFlash website and unzip it.
Step 4: Ensure that these essential DiviFlash modules are activated:
- Advanced Menu
- Dual Button
- Advanced Blurb
- Timeline
- Packery Gallery
- Advanced Heading
- Marquee text
- Advanced List
- Post Grid
- Testimonial Carousel
- FAQ
- Post Carousel
- Advanced Person
- Post List
Step 5: Import the “Divi Theme Options” settings file into the Divi Theme Options panel:
- Navigate to WordPress Dashboard > Divi > Theme Options
- Click on the “Import & Export” icon in the right side corner
- Select the “Import” tab and choose the JSON file named “Divi Theme Options Settings – Car Repair Layout Packs – DiviFlash.json”
- Finally, click on “Import Divi Theme Options”
Step 6: Import the “Theme Builder” file into the Divi Theme Builder panel:
- Navigate to your WordPress Dashboard and go to Divi > Theme Builder
- Click on the “Import & Export” icon in the right side corner
- Select the “Import” tab and choose the JSON file named “Divi Theme Builder Settings -Car Repair Layout Packs-DiviFlash.json”
- Finally, click on “Import Divi Theme Builder Templates”.
Step 7: Import layout pages file into Divi Library:
- Navigate to your WordPress Dashboard and go to Divi > Divi Library
- Click on the “Import & Export” button on the upper left
- Select the “Import” tab and choose “All In One – Car Repair Layout Packs – DiviFlash.json” (You can also import individual layout pages one by one by using their respective JSON files.)
- Click on the “Import Divi Builder Layouts” button.
- Now create new pages based on the items you imported from the Divi Library. Follow this guide on how to create pages with Divi Layouts from the Library.
Step 8: Import the “Theme Customizer Settings” file into the Theme Customizer
- Navigate to WordPress Dashboard > Divi > Theme Customizer
- Click on the “Import & Export” icon on the top left corner.
- Select the “Import” tab and choose “Divi Theme Customizer Settings – Car Repair Layout Packs – DiviFlash.json”
- Finally, click on “Import Divi Customizer Settings”.
Step 9: Import the “DiviFlash’s Dashboard” settings file into DiviFlash’s dashboard panel:
- Navigate to WordPress Dashboard > DiviFlash > Settings > Import/Export.
- Click on “Choose File” and select “DiviFlash Dashboard – Car Repair Layout Packs – DiviFlash.json”
- Finally, click on the “Import Settings” button
Step 10: Import the Media file for the layout
- Navigate to WordPress Dashboard > Tool > Import
- Click on Run Importer under the WordPress
- Click on “Choose File” and import the “Media – Car Repair Layout Packs – DiviFlash.xml” file and click “Upload file and import”.
- Assign the author (or skip this step), then check the “Import Attachment” option and click “Submit” to save your changes.
Note: By following the same steps (WordPress Dashboard > Tool > Import > Run Importer under the WordPress), you have to import Posts .xml files.
Step 11: Import the popup file into popup import and export panel
- Navigate to WordPress Dashboard > DF Popups > Import & Export
- Under the Import section, click on “Choose File” and select “Df-Popup – Car Repair Layout Packs – DiviFlash.json” JSON file.
- Click the “Import” button.
Step 12: After importing the Popup file, you have to publish it by following these steps:
- Go to WordPress Dashboard > DF Popups > All Popups
- Click Edit below the popup name.
- Click the Publish button.
- Repeat these steps to publish the second popup.
Step 13: Set your site’s homepage by following these steps:
- Navigate to the WordPress Dashboard > Settings > Reading.
- Under “Your homepage display,” select “A static page.”
- Choose “Home” from the homepage dropdown.
- Click on “Save Changes” to save the changes.
Step 14: Create a menu for the imported layout. You can follow Divi Layout Menu Customization guide.
Note: Car Repair layout has a mega menu in the menu’s “Services” item that you have to activate manually. For that follow these steps:
- Go to Appearance > Menus and enable DiviFlash menu settings.
- Select Service > Edit Menu, and under “Layout Settings” make these changes:
- Submenu Type: Divi Layout
- Library Item: Mega Menu
- Content Width Type: Custom width
- Custom Width (px): 700
- Click Save & Exit.
And that’s it! Your site now should mirror the Car Layout demo layout perfectly. If you have any questions or need help with the layout, our support team is available at support@diviflash.com.
