How To Create Child Theme in Flatsome WooCommerce Theme

How To Create Child Theme In Flatsome WordPress Theme

Child theme is highly important when it comes to customizing a parent WordPress theme. If you don’t know how to create child theme in WordPress, you are in the right place.

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

Do you know why does it happen? It’s because of not having a child theme installed on your website theme.

As Flatsome is a highly popular WooCommerce theme, it releases frequent updates to squash bugs and supports major or minor updates of WooCommerce. If you are using Flatsome theme, you must have a child theme activated.

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

How To Create Child Theme in Flatsome WooCommerce Theme

When it comes to overriding main Flatsome main theme, you need to enable child theme. Child theme comes with two blank files: functions.php and style.css.

So, when you need to override parent theme with PHP functions, you can place them functions.php and when you need to customize the theme with CSS, you can place it to style.css file.

Step: 01

If you haven’t installed Flatsome theme yet, install from now. If you have the theme activated properly, you can see it at Appearance >> Themes.

How To Create Child Theme in Flatsome WooCommerce Theme

You can notice only parent theme is activated, right?

Step: 02

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

How To Create Child Theme in Flatsome WooCommerce Theme

Step: 03

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

How To Create Child Theme in Flatsome WooCommerce Theme

 

I am assuming you have got purchase code after buying this theme. Add the code here in “Purchase Code” field. And select Continue button

How To Create Child Theme in Flatsome WooCommerce Theme

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

How To Create Child Theme in Flatsome WooCommerce Theme

To return to the WordPress Dashboard, press Return to the WordPress Dashboard link.

How To Create Child Theme in Flatsome WooCommerce Theme

 

I believe, you are get fully understand how to create child theme. To check your child theme has created or not. Get Themes from the Appearance settings. You can notice that the child theme has been installed and activated for Flatsome parent theme.

How To Create Child Theme in Flatsome WooCommerce Theme.

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

Now, you know how to create a child theme in Flatsome WordPress theme. I am assuming you have successfully enabled child theme. When your child theme is enabled, you can see your site frontend, it might look like the default Flatsome Theme.

To get your settings back like the parent theme, follow this article To copy Flatsome WordPress parent theme settings to Child theme.

Conclusion

Hopefully, you have enjoyed my entire tutorial. If you find my tutorial to create a child in Flatsome theme, you comment your feedback in the comment section.

If you need more tutorial on Flatsome or WooCommerce, let you know in the comment section. I’ll write the next tutorial for you

[block id=”auto-draft”]