How to Use Logistics Layout?

The Logistics Layout is a remarkable design created by Diviflash. In this guide, we will provide you with a detailed step-by-step walkthrough on importing and utilizing this layout effectively.

Step 1: Download the layout’s zip file and unzip it.

Step 2: Install and activate the Divi Theme.

Step 3: Install and activate the DiviFlash Plugin.

Step 4: To ensure the proper functioning of the layout, kindly utilize the following Diviflash modules. To enable DiviFlash’s modules, please follow these steps:

• Navigate to DiviFlash in your WordPress dashboard.
• Select ‘Modules’ from the menu.
• Enable DiviFlash’s modules by clicking on the corresponding option.

Modules used:

• Advanced Blurb.
• Advanced Person.
• Advanced Tabs.
• Post Grid.
• Advanced Carousel.
• Dual Button.
• Logo Carousel.
• Testimonial Carousel.
• WPForms Styler.
• Filterable CPT.
• Advanced List
• Breadcrumbs

Note: This module must have been activated before importing the layout.

Step 5: Install and activate WPForms Lite Plugin before importing the layout.

Step 6: Install and activate Monarch Plugin before importing the layout.

Step 7: After enabling Diviflash’s modules and installing the WPForms Lite and the Monarch Plugin, Next, you will need to import the ‘Media – Logistics Layout – DiviFlash’ JSON file into WordPress. Follow these steps:

• Go to Tools => Import.
• Click on “Install Now (WordPress)” and then select “Run Importer”.
• Choose the “Media – Logistics Layout – DiviFlash” .xml file for import.
• Select “Current User” as the assignee.
• Check the box that says “Download and import file attachments”.
• Finally, click the “Submit” button.

Step 8: Follow the below procedure to import the “Projects – Logistics Layout – DiviFlash” .xml file.

• Go to Tools => Import.
• Click on “WordPress (Install Now)” and then click “Run Importer”.
• Choose the “Projects – Logistics Layout – DiviFlash” .xml file for import.
• Select “Current User” as the assignee.
• Check the box that says “Download and import file attachments”.
• Finally, click the “Submit” button.

Existing User Selection:

Step 9: In this stage, we will import the ‘Monarch Settings’ with the Tools. To import the ‘Monarch Settings’ navigate to the following steps:

• Go to Tools => Monarch Settings.
• Click on the ‘Import & Export’ icon.
• Select Import Monarch Settings.
• Choose the file named “Monarch Settings – Logistics Layout – DiviFlash”.
• Finally, click the ‘Import’ button.

Step 10: Next, we’ll import WPForms. To import the file, follow the steps outlined below:

• Go to WPForms => Tools.
• Select WPForms Import.
• Choose the file named “WPForms – Logistics Layout – DiviFlash”.
• Click the ‘Import’ button.

Step 11: Navigate through the following steps to import the “Divi Theme option settings”:

• Go to Divi => Theme Options.
• Click on the “Import & Export” icon.
• Select the “Import” tab.
• Choose the JSON file named ‘Divi Theme Options Settings – Logistics Layout – DiviFlash’.
• Finally, click on ‘Import Divi Theme Options’.

Step 12: Now it requires importing the ‘Theme Customizer Settings’. To do so proceeded with the following steps:

• Navigate to Divi => Theme Customizer.
• Click on the “Import & Export” icon.
• Select the “Import” tab.
• Choose the JSON file named ‘Divi Theme Customizer Settings – Logistics Layout – DiviFlash’.
• Finally, click on ‘Import Divi Customizer Settings’.

Step 13: We also require importing the “Divi Theme Builder Settings” file. To import the settings go through the following steps:

• Go to Divi => Theme Builder.
• Click on the “Import & Export” icon.
• Select the “Import” tab.
• Choose the JSON file named ‘Divi Theme Builder Settings – Logistics Layout – DiviFlash’.
• And click on ‘Import Divi Builder Templates’.

Step 14: Now, let’s proceed with importing all the pages and other library items into the Divi library. You will come across an ‘All In One – Logistics Layout – Diviflash’ file, as well as individual page files. In this case, we will import the All In One Layout, which includes all the necessary files in the library item.

To import this file into the Divi library, please follow the steps below:

• Navigate to Divi => Divi Library.
• Locate and click on the “Import & Export” button.
• Within the options that appear, select the “Import” tab.
• Choose the file named “All In One – Logistics Layout – DiviFlash” from your device.
• Click on the “Import Divi Builder Layouts” button.

For further guidance, you can follow this: How to import Divi Layout Pages.

Step 15: Page Creation: How to create pages with Divi Layouts From Library.

Step 16: Follow Divi Layout Menu Customization guide.

Step 17: Now, let’s proceed with the final step, which involves linking the page to the “Request Quote” button located within the header section. This button is created in the Global header using the theme options. To establish the connection, follow the steps outlined below:

• Go to Divi => Theme Builder.
• Edit the “Global Header”.
• Locate the Dual Button Module settings (You will find it at the top right corner).
• Access the settings for the left button.
• Click on the settings icon under the URL field.
• Select the desired page, which in this case is “Request Quote”.

Congratulations! The importing process has been completed successfully. Well done!