How to Create Flatsome Child Theme To Prevent Customization Loss After the Version Update

A Flatsome child theme is highly important. The majority of Flatsome theme users are store owners. The WooCommerce theme helps to earn bread and butter. What if your site stops working or all your customization is lost after a minor version update?  Your earning will may stop, or your client might push you to fix it immediately. It is a normal scenario when you customize the parent theme directly. 

So, you are writing custom CSS and PHP codes directly in your parent theme, it’s high time you installed the child template. Otherwise, every time you will come back to your website after the update and notice the custom changes are disappeared. If you are convinced to create a Flatsome child theme, you have come to the right place!

You might have noticed that your CSS customization or any theme file changes disappear after the theme update, right?

Now you know why the website returned to the default state or looks odd after the update. It’s because of not having a Flatsome child theme installed beside the parent Flatsome theme.

According to the Flatsome review, it’s one of the most popular and used WooCommerce themes. It releases frequent updates to squash bugs and supports major or minor updates of WooCommerce. So, if you use a Flatsome theme, you must activate a child theme.

If you have a child theme activated, you can easily customize the Flatsome parent theme without getting fear of loss of hours customization. Let me show you how to create a child theme in WordPress for Flatsome WooCommerce theme step by step.

How To Create Flatsome Child Theme Safely

To override the main Flatsome theme, you need to enable the child theme. The Flatsome child theme comes with two blank files: functions.php and style.css.

See also  12+ Best Events Calendar Plugin for WordPress

So, when you need to override the parent Flatsome WordPress theme with PHP functions and CSS codes, you can place the PHP code in functions.php, and when you need to customize the theme with CSS, you can place it in the style.css file. Sometimes, you may need to override the Flatsome core template, extend the WooCommerce-based feature,  override Flatsome shortcodes, and build a new feature, all things you have to do under the child theme. Let’s see how to activate it. There is two ways to install a child theme. 

  1. Install Child theme using Flatsome Setup Wizard
  2. Install the Child theme manually. 

Install Flatsome child Theme via Setup Wizard

When you install Flatsome theme using the setup wizard, it should install automatically. Sometimes, a child theme is deleted intentionally or mistakenly. I notice Flatsome theme users skip the child theme installation process as well. Later, they realize they need to install the Flatsome child theme for safe version updates, this tutorial is for them. 

Step: 01

Before creating the Flatsome child theme, navigate to Appearance >> Themes and check whether you have a child theme installed. 

Checking the Flatsome theme in the appearance section of the WordPress dashboard

You can notice only the parent theme is activated, right?

Step: 02

To enable the Flatsome child theme, Navigate the Flatsome menu from the top left corner and trigger Setup Wizard.

Selecting setup wizard in the Flatsome theme

Step: 03

Now, you are at the starting screen of the setup wizard, click on Let’s Go! button to start the process.

Completing setup of the Flatsome child theme

 

We’re assuming you have got a purchase code after buying this theme. Add the code here in the Purchase Code field. And click the Continue button.

Activating the child theme of Flatsome

You are on the final screen when you can give the Flatsome child theme your desired name. If you are satisfied with the current name Flatsome Child, click Create and Use Child Theme button to finish the process.

creating the child theme of the Flatsome

To return to the WordPress Dashboard, click Return to the WordPress Dashboard link at the bottom.

returning to the WordPress dashboard

 

We believe you fully understand how to create a child theme. To check whether your Flatsome child theme has been created, click Themes from the Appearance settings. You will notice that the Flatsome child theme has been installed and activated.

checking the child theme of Flatsome

Install the Flatsome Child theme Manually

Installing the Flatsome child theme manually is the same as you set up the child theme in any WordPress theme. You can create a child theme on your own, or you can download the child theme from a certain source.

The child theme comes with two blank files. They are functions.php and style.css. When you need to customize anything using PHP filter or hook, you can place the code in the functions.php. On the other hand, you can place all your custom CSS code inside the style.css file.

For the Flatsome theme, you don’t need to create the child theme file on your own, For your convenience, I’ve created a download link for the child theme. you have to download the Flatsome child theme from here. And navigate to Appearance >> Themes >> Add New >> Upload Theme and upload the child theme. 

See also  How to Add Captcha to WordPress to Secure Your Website

How To Copy Flatsome Parent Theme Customizer Settings To Flatsome Child Theme

 

Now, you know how to create a child theme in a Flatsome WordPress theme. We’re assuming you have successfully enabled the child theme after installing the child theme besides the parent template.

You may notice the settings of the child theme are not migrated to the child theme. In this case, you have to transfer the parent theme settings to the child theme manually. You can also copy the parent Flatsome theme setting to the child theme if you need to get your setting back like the parent theme. 

Conclusion

I always recommend taking a full backup of your site when installing any plugin or making any changes. A new plugin or custom code may throw an error and shut down your site. As eCommerce websites bring sales, it is essential to immediately bring back the down website. 

Hopefully, you have enjoyed the entire tutorial. If you have trouble following this tutorial, drop your feedback in the comment section. We’ll try our best to help you out.

Because of the continuous up-gradation of Flatsome, you may find it slightly different in the interface. Don’t worry, the process will be the same as usual. 

If you need more Flatsome tutorials, let me know in the comment section. we’ll write the next tutorial for you!


Subscribe To Our Newsletter!
Hi, I’m Mohamed. I share delicious recipes that I have cooked and loved. I’ve been food blogging for over 10 years and have a Diploma in Nutrition. You will find many healthy recipes as well as my favourite comfort food on the blog because I believe in a balanced diet.

Related Posts

Fintech’s biggest hits and misses of 2023

As 2023 comes to a close, we’re here to look back at the biggest fintech stories of the year. Silicon Valley Bank’s implosion felt like a fintech…

It’s critical to regulate AI within the multi-trillion-dollar API economy

Alex Akimov Contributor With two decades of tech leadership experience, Alex Akimov, former head of API at Adyen, now revolutionizes embedded finance at Monite by building best-in-class…

EU’s provisional deal on gig worker rights fails to get enough backing from Member States

Not so fast on that Christmas present for precarious gig workers in the EU: A political deal announced mid month, which aims to bolster platform workers rights…

Arduino exploring India manufacturing to limit counterfeit sales

Arduino is considering manufacturing in India. The startup, best known for its open source microcontroller boards, hopes to restrict the rise of counterfeit boards and cater to…

Top robotics names discuss humanoids, generative AI and more

Last month, I took an extended break. In a bid to keep my robotics newsletter Actuator (subscribe here) up and running, however, I reached out to some…

Pornhub owner pays US government $1.8M to resolve sex trafficking probe

Pornhub’s parent company Aylo Holdings will pay $1.8 million to the U.S. government to resolve a charge of profiting off of sex trafficking. The company, formerly known…