How to import Demo layouts
Download and unzip file
Download the zip file from elegantthemes.com, and then extract it to the content toggle module plugin file and the demo layouts folder including the two .json files.
The file content toggle demo 1-8.json includes the layouts used in the Content Toggle Demo.
Please see the Content Toggle Demo>>>
The file toggle switch settings 1-16.json includes the layouts used in the Toggle Switch settings Demo.
Please see the Toggle Switch Settings Demo>>>
Upload the plugin file
Before importing the layouts, you need upload the plugin file “menx-content-toggle.zip” firstly. For uploading and usage information of the plugin file, suggest referring to the documentation：
Import unzipped file to Divi library
Go to the WordPress dashboard >> Divi >> Divi library, click “Import & Export”.
Then select the ‘Import’ tab and click ‘Choose File ‘ to select the unzipped json files, and finally click ‘Import’.
- content toggle demo 1-8.json
- toggle switch settings 1-16.json
Toggle Switch Settings Layouts:
Content Toggle Demo Layouts:
How to edit and save Demo layouts
Add Layouts on your site
Click “Enable Visual Builder” to edit the layouts in visual view.
You can create a new page or modify an existing page, and then click the blue plus button to add a new section.
Select “Regular” when insert Section.
Select “Add From Library” to choose the imported layout you want to use when insert Row.
“Insert Row” window will show all the layouts that you have previously imported to your library. You can choose and click the layout you want to edit.
Click “Use This Row” to import and use this row on your site.
Ok! You can edit it on your site!
How to edit the layouts
Select “Row Settings” to edit the row.
Select “Module Settings” to edit the icon, image, text, pricing tables, blurb and button module.
If you want to edit the image in the layout, please prepare the image according to the image size marked in the layout firstly.
Then select “Module Settings” to change the image.
Save and rename the layouts
Select “Save Row To Library” and then input the name of your edited layout. Finally, click “Save To Library” to save it to the Divi Library.
How to use Demo layouts
How to use layouts of the Content Toggle Demo
Content Left:
Firstly, choose the “Divi Library Layout” in the “Content Toggle Left” >> “Content Left Type”.
Then, click the “Select Divi Layout” to choose the layout you have edited and saved in last Step
Content Right:
Firstly, click the toggle button to switch to the right.
Secondly, choose the “Divi Library Layout” in the “Content Toggle Right” >>“Content Right Type”.
Thirdly, click the “Select Divi Layout” to choose the layout you have edited and saved in last Step.
After Selection, the layout style will not appear completely in Visual Builder.
However, it will be visible once saved and applied to the front end.
Edit the toggle switch:
For editing the toggle switch, you can refer the documentation:
Edit the content:
For editing the toggle switch, you can refer the documentation:
How to use layouts of the Toggle Switch Settings Demo
Select “Add From Library” to choose the imported toggle switch layout you want to use when insert Row after you uploaded the plugin file.
Click “Use This Row” to import and use this row on your site.
Select “Module Settings” to edit the module.
Edit the toggle switch:
For editing the toggle switch, you can refer the documentation:
Edit the content:
For editing the toggle switch, you can refer the documentation: