Electro Theme Introduction:
The sales of Electro on Themeforest are also very high. I have used the theme a long time ago. What kind of site is it suitable for? For example, if you build an independent site, it is a toc site, and then your category There are many, similar to platform-level toc portal sites like AliExpress or Amazon, or if you have multiple brands of products on your independent site, then if we use the Electro theme to build it at this time, This rich effect can be achieved. This is one of the demo sites we opened, which is achieved through Electro.
The entire site is very rich. On the left, we see multiple categories similar to Amazon or AliExpress Alibaba International Station. Each category has many subcategories, and then there are many activities. Different categories of products need to be presented in different ways. For sites like this, it is very convenient for us to use Electro.
Let’s take a look at its official introduction. First of all, this theme says that it is a very clean and modular business theme that is very user-friendly. Currently, its version has been updated to 13+ and later, and there are many kinds of it. Style, each one is an integrated platform-level independent station with multiple categories, multiple supply chains, and multiple brands.
Of course, its demonstration effect is not particularly large, because each interface is very complex, so it does not have so many demonstration sites.
Friendly mobile adaptation:
Below it adds some demo pages, which are templates designed for different pages that you can replace. In addition, it is also very friendly to mobile phones.
Normally when we see this kind of large site, the only thing we worry about is its mobile version. This site has already made some friendly changes to the mobile version, so it looks very neat on the mobile version.
10 header display styles:
Below it provides a lot of header styles. Although you cannot customize the header, it provides you with a lot of styles, so you can also have different headers displayed on each of your pages.
The following are some compatibility for Wukong, mainly for our product pages, including some box models, full-screen sidebars, and some of our attribute tags.
Mainstream plugin compatibility:
Here is his introduction to this topic, first of all, it is compatible with Elementor This plugin is for this page builder, and it is also compatible with WPbakery and then there is also an administrator’s setting interface in its background. Below are some of its premade colors and some other instructions. It can also support one-click import of our data. It is also relatively friendly to SEO and supports Various multilingual sites.
So we have prepared this theme for you, so you can download it directly on this page. I have downloaded it here, including its main program and its sub-themes. This theme also follows the GPL agreement. Yes, it is an open-source license. The themes and plug-ins we share with you all follow the GPL license. Of course, it also has some included plug-ins. Of course, we can install these plug-ins online, and some data can be imported.
Electro Theme installation:
Okay, let’s enter our site. Here, we have prepared a pure WordPress site, then find the theme, then find the main program, and click to open the installation.
After the theme is installed successfully, we activate it. Now the theme has been activated.
Of course, when we refresh our homepage now, it has been changed to this theme, but now we see that this theme is a mess. This is because this theme has so many settings. , especially on the homepage, it needs to call different categories of products to display normally, so the only way we can use this theme here is to import its data, and then modify its page based on this data. So unlike other themes, you don’t need to import data. You can build the page bit by bit through its page builder. But this theme must be imported, otherwise it will be very troublesome for you to set up.
Electro Essentials plugin installation:
So if we want to import its data, we need to install its necessary plug-ins, so here we click to install the plug-ins. There are many plug-ins. If we are a new site, I suggest you install all the plug-ins. Just install all the plug-ins at the beginning, and then delete them later.
Because we see that many of these plugins are duplicated. For example, ACF adds some customizations. It is of no use, but you can also install it. Then the second one is its extension plug-in, and the third one is a link to a component on Envato Market, which proves that you have purchased this theme, it is an authorization, and you can upgrade it online. Then the others are some of its components. One of them we see has a data import, so we need to install all these plug-ins first, and then we will understand the role of each plug-in and which plug-ins can be used. Delete it, so we click install.
After all the plug-ins are successfully installed, we will activate these plug-ins. After activation, we will refresh our background. Now it will have some additional functions. We don’t need to worry about it. We see it here. Theme settings options.
Because you can only see such a theme setting item if you install the panel of the plug-in it prompts, the other content it adds is very little. Of course, we also see that it adds a static block. , this is the same template used in our Elementor.
Electro template data import:
Here we import the data first. We find it in the theme here. It is placed in this theme. There is a data import in the theme. We click to open it. After opening it, you can see some of its themes here.
Of course, there will also be some reminders above. For example, if our physical control has not been upgraded, it has no impact. Then the theme style here is also divided into different page builders. The first one we see is all the data. , the second one is for some templates, it imports some individual pages, for example, it imports a home page, and the others are home.
Then the third one is a page built using the WPbakery page builder. If you are used to using the WPbakery builder, then you can import it in this way. Use this option to import these pages, although its theme style is long. They are all similar, but the page builder used is different, so the way it is edited later is also different.
The other one is to use Elementor, so if you like to use Elementor, then start with Elementor Import it inside, because I prefer to use Elementor, so I directly use this interface to import. Of course, there are some other ones that we don’t care about here. You can choose the one that suits your needs and what you want to build. The needs of some independent stations are matched, and then you can import it. For example, we will import the page at this point, and then you can also preview it. Here we will click directly to install the plug-in.
It also prompts us that some plug-ins have not been installed yet. Two of them are Elementor and one is ours. woocommerce We need to upgrade, so we activate these two plug-ins. Because when we first install Elementor on our new site, it will have a reminder. We don’t need to worry about it. Then we directly enter the background again. After entering the background, we find it again. Import the data in the appearance, find the Elementor, and then this time we can directly import its data. Click to import the data, and it will remind us that we need some necessary plug-ins. We have already installed these plug-ins, so we Click to continue importing, and he will now help us import the data. This is the exported style.
When the prompt data is imported successfully, now we go back to our homepage to refresh, and the effect of the entire interface has been displayed. Of course, the data displayed on it is relatively small.
But we can add the content here through the menu. Then on the left, we see its logo and its menu. Here you can add a menu and a search. You can also choose different categories in the search. Search, so it is a large portal-type toc site with a floating menu on the left. But after we imported it, we found a problem. The pictures in it are not displayed. This is because this theme has other The images used are not authorized by us. No matter what version you use, the exported result will be like this.
So you still need to modify the products here to be your products, including the banner above. The pictures inside are not displayed. They are all displayed using a placeholder, including the upper and lower structures, we saw that it was very rich, and we opened one of the products.
You can also enter its product interface which is also extremely rich, generally similar to Amazon or Alibaba International Station, which has this effect. Then here you can also add multiple brands and multiple suppliers. We can see from its demo site that the products sold here are very miscellaneous, including all kinds of electronic products. In this way, we have completed the electro theme. The first step is installation and data import.
